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