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