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