Bạn có muốn tìm một cách thú vị và đẹp mắt để xuất bản video trên trang web của riêng mình như các ứng dụng 60 Minutes hoặc RedBull.tv mới trong Cửa hàng Chrome trực tuyến không? Tôi rất vui mừng được thông báo về việc phát hành ứng dụng web Mẫu trình phát video! Mẫu trình phát video là một ứng dụng web trình phát video nguồn mở được xây dựng bằng cùng một cấu trúc như các ứng dụng 60 Minutes và RedBull.tv. Bạn có thể tuỳ chỉnh, mở rộng hoặc chỉ sử dụng sẵn và điền nội dung của riêng mình.
Cách hoạt động
Khi mở Mẫu trình phát video, người dùng có thể chọn xem một video hoặc tạo danh sách phát gồm các video/tập trong danh sách mà họ đã tải lên và điền vào ứng dụng. Mẫu trình phát video được định cấu hình và thông tin về các video được lưu trữ trong các tệp JSON (tương ứng là config.json và data.json), cả hai đều nằm trong thư mục dữ liệu.
Tính năng chính
- Trải nghiệm xem video tuyệt đẹp, bao gồm cả chế độ xem toàn màn hình
- Có thể đăng ký chương trình, xem các tập, tạo danh sách phát
- Hỗ trợ nhiều định dạng video tuỳ thuộc vào định dạng mà trình duyệt của người dùng hỗ trợ (bao gồm WebM, Ogg, MP4 và thậm chí là dự phòng Flash)
- Trang Danh mục cung cấp thông tin tổng quan về các chương trình/danh mục có trong ứng dụng
- Thông báo về các tập mới (khi ứng dụng được cài đặt thông qua Cửa hàng Chrome trực tuyến)
- Tích hợp tính năng hỗ trợ chia sẻ lên Google+, Twitter và Facebook
- Để đảm bảo bạn có thể dễ dàng tuỳ chỉnh, tất cả tệp nguồn, bao gồm cả tệp PSD của Photoshop, đều được đưa vào
Cách tạo
Mẫu Trình phát video được viết cho nền tảng web mở bằng HTML và JavaScript, tuân theo mẫu và cấu trúc Trình điều khiển chế độ xem mô hình.
- Thư viện này được xây dựng bằng thư viện JavaScript Google Closure nguồn mở
- Biên dịch bằng Trình biên dịch Closure
- Phân phối thông qua Cửa hàng Chrome trực tuyến để tận dụng thông báo
Hỗ trợ trình duyệt
Ngoài việc hoạt động như một ứng dụng có thể cài đặt thông qua Cửa hàng Chrome trực tuyến, Mẫu trình phát video đã được kiểm thử và hoạt động trong tất cả trình duyệt hiện đại.
Dùng thử
Bạn có thể xem bản minh hoạ về trình phát video đang hoạt động trong ứng dụng minh hoạ. Để tìm hiểu thêm về cách hoạt động của ứng dụng, hãy xem tài liệu.
Bạn có thể lấy mã từ Google Code.
Chúc bạn học vui!