Người dùng thích nội dung nghe nhìn, đặc biệt là video; nội dung này có thể thú vị và cung cấp thông tin. Trên thiết bị di động, video có thể là cách dễ dàng hơn để tiếp nhận thông tin so với văn bản. Để mang lại trải nghiệm tốt cho người dùng, video không được yêu cầu nhiều băng thông hơn băng thông có sẵn. Người dùng phải có thể sử dụng các tính năng này bất kể họ đang xem trên thiết bị nào. Người dùng không bao giờ phải đợi tải nội dung nghe nhìn xuống. Không ai thích việc nhấn nút phát mà không có gì xảy ra.
Chắc chắn bạn đã xem video trên thiết bị của mình, tức là không có gì trong đoạn cuối cùng đó khiến bạn ngạc nhiên. Bây giờ, bạn cần tìm hiểu cách đặt video hoặc tệp nội dung nghe nhìn khác trên trang web của riêng mình. Các yêu cầu kỹ thuật về việc thêm nội dung nghe nhìn phải phục vụ trải nghiệm người dùng.
Yêu cầu về kỹ thuật
- Các phiên bản của tệp phương tiện ở định dạng phổ biến thân thiện với web, chứa cả luồng âm thanh và video.
- Độ phân giải phù hợp với thiết bị của người dùng.
- Tốc độ bit không làm quá tải băng thông mạng của người dùng.
- Bạn có thể xem kết quả trên tất cả trình duyệt phổ biến bằng các công nghệ thích hợp.
- Tệp được mã hoá (Không bắt buộc).
Mục nội dung nghe nhìn trên trang web này sẽ giúp bạn đáp ứng các yêu cầu kỹ thuật này. Đừng lo lắng nếu các khái niệm này vẫn còn hơi trừu tượng. Chúng tôi sẽ giải thích từng bước về các thành phần này trong tất cả các bài viết. Trong phần đầu tiên, bạn sẽ tìm hiểu các khái niệm cơ bản về nội dung nghe nhìn, sau đó là cách thêm nội dung nghe nhìn vào web trong phần thứ hai, và trong phần cuối cùng là các ứng dụng thực tế, cùng một số kỹ thuật nâng cao về cách sử dụng nội dung nghe nhìn trên web.
Hiển thị video trên web
Có 4 phương pháp bạn có thể áp dụng khi hiển thị video trên trang web.
- Tải video lên một nhà cung cấp dịch vụ lưu trữ nội dung nghe nhìn như YouTube hoặc Vimeo. Các lựa chọn này yêu cầu bạn nhúng trình phát của họ vào trang web của mình.
- Nhúng cơ bản do tự lưu trữ bằng cách sử dụng các phần tử HTML
<video>và<audio>. - Nhúng nhiều tính năng hơn bằng cách sử dụng thư viện video như Shaka Player, JW Player hoặc Video.js.
- Tạo máy chủ nội dung đa phương tiện và ứng dụng phát trực tuyến của riêng bạn.
Trang web này chủ yếu trình bày những thông tin cơ bản về cách nhúng nội dung nghe nhìn. Tuy nhiên, chúng tôi sẽ đề cập đến một số chủ đề nâng cao hơn để giúp bạn bắt đầu trên con đường xây dựng ứng dụng truyền phát nội dung nghe nhìn của riêng mình. Việc này không hề đơn giản, vì vậy, chúng tôi đã tạo một PWA đa phương tiện có hỗ trợ ngoại tuyến để dùng làm tài liệu tham khảo. Tài liệu này sẽ cho bạn biết cả cách thực hiện việc này và mức độ nỗ lực cần thiết. Ứng dụng này không phải là một sản phẩm sẵn sàng phát hành hoặc đối thủ cạnh tranh với các dịch vụ như YouTube hay Vimeo, nhưng sẽ cung cấp cho bạn một điểm xuất phát để tìm hiểu những điều mới mẻ và đầy thử thách.
Thành thật mà nói, việc xây dựng một đối thủ cạnh tranh với các dịch vụ nội dung nghe nhìn được lưu trữ sẽ đòi hỏi một nhóm kỹ sư chuyên nghiệp và hàng nghìn giờ làm việc của con người. Trừ phi mục tiêu của bạn là thâm nhập vào thị trường đó với tư cách là đối thủ cạnh tranh, tốt hơn hết bạn nên sử dụng một trong các phương pháp khác. Bạn nên tìm hiểu công nghệ này và mặc dù có thể không triển khai ứng dụng hoặc trình phát video của riêng mình, nhưng bạn có thể khám phá và thử nghiệm công nghệ hỗ trợ trình duyệt tiên tiến, hoặc ít nhất là sử dụng một trong các thư viện video hiện có.
Nội dung chúng ta sẽ tìm hiểu
Tập hợp nội dung nghe nhìn có ba phần. Trong phần đầu tiên này, chúng tôi sẽ cung cấp các khái niệm và thông tin tiên quyết để thêm nội dung nghe nhìn vào trang web của bạn. Bài này giải thích cách kết hợp các tệp nội dung đa phương tiện, thông tin cơ bản về các ứng dụng bạn cần để chuẩn bị tệp cho web và các khái niệm về nội dung phát trực tuyến. Phần thứ hai giải thích cách chuẩn bị tệp và chuyển đổi tệp sang nhiều định dạng, đồng thời có thể thêm tính năng mã hoá. Trong phần cuối cùng, chúng tôi sẽ hướng dẫn bạn cách nhúng tệp phương tiện vào trang web, thảo luận về các phương pháp hay nhất về tính năng tự động phát, sử dụng khung phương tiện, tải video xuống và cung cấp quyền truy cập vào video.
Có rất nhiều nội dung cần đề cập, vì vậy, hãy bắt đầu với Kiến thức cơ bản về tệp nội dung nghe nhìn.