Trong phần này, bạn sẽ tìm hiểu cách nhúng tệp nội dung đa phương tiện vào một trang web bằng cách sử dụng thẻ <video> và <source>, cách thêm phụ đề vào video dành 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 và chúng ta sẽ thảo luận về cách tạo một PWA minh hoạ mới cập nhật có khả 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 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 phương tiện cho web rồi quay lại.
Phần này trình bày các chủ đề này.
- Trong phần Thẻ <video> và <source>, bạn sẽ tìm hiểu cụ thể cách nhúng tệp phương tiện vào 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 dành cho người khiếm thính.
- Trong phần Khung nội dung nghe nhìn, bạn sẽ tìm hiểu các kiến thức cơ bản về cách sử dụng các khung nội dung nghe nhìn như Shaka Player, JW Player và Video.js.
- Trong phần 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 tài nguyên.
- Trong phần 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 cập nhật có khả năng phát trực tuyến thích ứng và phát ngoại tuyến mà không cần sử dụng khung. Ngoài ra, bạn có thể chơi với mã nguồn.
Có rất nhiều nội dung 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>.