Các loại và định dạng media cho nội dung hình ảnh, âm thanh và video

Hướng dẫn

Cấu hình máy chủ cho media Ogg

Phần tử HTML audio và video cho phép trình bày media mà không cần người dùng cài đặt tiện ích mở rộng hoặc phần mềm khác. Hướng dẫn này trình bày cấu hình máy chủ có thể cần thiết để phục vụ đúng các tệp media Ogg. Thông tin này cũng có thể hữu ích nếu bạn gặp các kiểu media khác mà máy chủ của bạn chưa được cấu hình để nhận diện.

Codec được dùng bởi WebRTC

WebRTC API cho phép tạo ra các website và ứng dụng giúp người dùng giao tiếp theo thời gian thực, sử dụng âm thanh và/hoặc video, cùng với dữ liệu tùy chọn và các thông tin khác. Để giao tiếp, hai thiết bị cần có khả năng thống nhất một codec mà cả hai đều hiểu cho từng track để có thể giao tiếp thành công và hiển thị media được chia sẻ. Hướng dẫn này xem xét các codec mà trình duyệt bắt buộc phải triển khai, cũng như các codec khác mà một số hoặc tất cả trình duyệt hỗ trợ cho WebRTC.

Codec trong các loại media phổ biến

Ở mức cơ bản, bạn có thể chỉ định kiểu của một tệp media bằng một loại MIME cơ bản, chẳng hạn video/mp4 hoặc audio/mpeg. Tuy nhiên, nhiều kiểu media - đặc biệt là những kiểu hỗ trợ track video - sẽ được lợi nếu có khả năng mô tả chính xác hơn định dạng của dữ liệu bên trong. Chẳng hạn, chỉ mô tả một video trong tệp MPEG-4 bằng MIME type video/mp4 không nói gì về định dạng thực tế của media bên trong.

Định dạng container phương tiện (kiểu tệp)

Media container là một định dạng tệp đóng gói một hoặc nhiều luồng phương tiện, chẳng hạn như âm thanh hoặc video, cùng với siêu dữ liệu, giúp chúng được lưu trữ và phát lại cùng nhau. Định dạng của các tệp âm thanh và video được xác định bởi nhiều thành phần, bao gồm codec âm thanh và/hoặc video được dùng, định dạng media container (hoặc kiểu tệp), và tùy chọn các phần tử khác như codec phụ đề hoặc siêu dữ liệu. Trong hướng dẫn này, chúng ta sẽ xem xét các định dạng container được dùng phổ biến nhất trên web, bao gồm các kiến thức cơ bản về đặc tả của chúng cũng như lợi ích, hạn chế và các trường hợp sử dụng lý tưởng.

Hướng dẫn codec âm thanh web

Ngay cả âm thanh stereo có độ trung thực cao với chất lượng vừa phải cũng có thể chiếm khá nhiều dung lượng đĩa. Với nhà phát triển web, mối lo lớn hơn nữa là băng thông mạng cần thiết để truyền âm thanh, dù là để phát trực tuyến hay tải xuống để dùng trong trò chơi. Việc xử lý dữ liệu âm thanh để mã hóa và giải mã được thực hiện bởi một codec âm thanh (COder/DECoder). Trong bài viết này, chúng ta sẽ xem các codec âm thanh được dùng trên web để nén và giải nén âm thanh, khả năng và trường hợp sử dụng của chúng, đồng thời đưa ra hướng dẫn khi chọn codec âm thanh cho nội dung của bạn.

Hướng dẫn codec video trên web

Hướng dẫn này giới thiệu các codec video bạn có khả năng gặp hoặc cân nhắc dùng trên web, tóm tắt khả năng của chúng cùng các vấn đề về tương thích và tính hữu dụng, và đưa ra gợi ý để giúp bạn chọn codec phù hợp cho video của dự án.

Hướng dẫn định dạng và kiểu tệp ảnh

Trong hướng dẫn này, chúng ta sẽ tìm hiểu các kiểu tệp ảnh thường được trình duyệt web hỗ trợ, đồng thời đưa ra những gợi ý giúp bạn chọn định dạng phù hợp nhất cho hình ảnh trên trang web của mình.

Khái niệm âm thanh số

Biểu diễn âm thanh ở dạng số gồm nhiều bước và quy trình, với nhiều định dạng khác nhau cho cả âm thanh thô lẫn âm thanh đã mã hóa hoặc nén - chính loại âm thanh thực sự được dùng trên web. Hướng dẫn này là phần tổng quan về cách âm thanh được biểu diễn dưới dạng số, và cách codec được dùng để mã hóa và giải mã âm thanh cho web.

Khái niệm video kỹ thuật số

Trong bài viết này, chúng ta sẽ khám phá những khái niệm quan trọng cần hiểu để nắm vững cách làm việc với video trên web.

Xử lý các vấn đề hỗ trợ media trong nội dung web

Một thực tế khi làm việc với việc trình bày và thao tác âm thanh, video trên web là có rất nhiều định dạng media khác nhau, với mức độ phổ biến và khả năng hỗ trợ rất khác nhau. Việc có nhiều lựa chọn là điều tốt cho người dùng, vì họ có thể chọn định dạng phù hợp nhất với nhu cầu của mình. Tuy nhiên, điều này cũng có một nhược điểm: vì có quá nhiều lựa chọn, cùng với rất nhiều loại giấy phép và nguyên tắc thiết kế khác nhau, nên từng nhà phát triển trình duyệt web phải tự quyết định những kiểu tệp media và codec nào sẽ được hỗ trợ.

Học: video và audio trong HTML

Hướng dẫn này giới thiệu và trình bày chi tiết việc sử dụng media trên web.

Xem thêm

Media Capabilities API

Media Capabilities API cho phép bạn khám phá khả năng mã hóa và giải mã của thiết bị mà ứng dụng hoặc trang web của bạn đang chạy trên đó. Điều này giúp bạn đưa ra quyết định theo thời gian thực về nên dùng định dạng nào và khi nào.