Trong phần này, bạn sẽ tìm hiểu cách nhúng tệp nội dung nghe nhìn vào một trang web bằng thẻ <video> và <source>, cách thêm phụ đề vào video cho người khiếm thính và một số khái niệm chung về cách sử dụng khung nội dung đa phương tiện.
Ngoài ra, bạn sẽ tìm hiểu về cách sử dụng tính năng tải trước để tăng tốc độ bắt đầu phát, đồng thời chúng ta sẽ thảo luận về cách chúng tôi xây dựng một PWA minh hoạ mới có các tính năng truyền trực tuyến thích ứng ngoại tuyến có tên là Kino.
Phần này giả định rằng bạn có một tệp video sẵn sàng để nhúng vào một trang web. Tệp .mov được tải xuống từ máy ảnh sẽ không hoạt động. Nếu đó là tất cả những gì bạn có, hãy xem bài viết Chuẩn bị tệp đa phương tiện cho web rồi quay lại.
Phần này đề cập đến các chủ đề sau.
- Trong Các thẻ <video> và <source> bạn sẽ tìm hiểu cụ thể cách nhúng tệp đa phương tiện vào một trang web.
- Trong phần Hỗ trợ tiếp cận nội dung nghe nhìn, bạn sẽ tìm hiểu cách thêm phụ đề vào tệp nội dung nghe nhìn cho người khiếm thính.
- Trong Khung nội dung đa phương tiện, bạn sẽ tìm hiểu kiến thức cơ bản về cách sử dụng các khung nội dung đa phương tiện như Shaka Player, JW Player và Video.js.
- Trong bài viết Phát nhanh bằng tính năng tải trước âm thanh và video, bạn sẽ tìm hiểu cách tăng tốc độ phát nội dung nghe nhìn bằng cách chủ động tải trước các tài nguyên.
- Trong PWA có tính năng phát trực tuyến khi không có mạng, bạn sẽ tìm hiểu cách chúng tôi tạo một PWA minh hoạ mới có khả năng truyền trực tuyến thích ứng và phát khi không có mạng mà không cần sử dụng khung. Ngoài ra, bạn có thể thử nghiệm bằng mã nguồn.
Có nhiều kiến thức cơ bản trong phần này, hãy bắt đầu bằng cách tìm hiểu cách sử dụng thẻ<video> và <source>.