Các hướng dẫn về media

Trang này liệt kê các hướng dẫn về media trên web. Chúng nhằm giúp bạn hiểu những loại điều gì có thể thực hiện được khi dùng media.

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

Gần như từ thuở ban đầu, web đã bao gồm hỗ trợ cho một số hình thức trình bày media trực quan. Ban đầu, các khả năng này còn hạn chế và được mở rộng một cách tự phát, với mỗi trình duyệt tự tìm giải pháp riêng cho các vấn đề liên quan đến việc đưa hình ảnh tĩnh và video lên web. Web hiện đại có các tính năng mạnh mẽ để hỗ trợ trình bày và thao tác media, với nhiều API liên quan đến media hỗ trợ nhiều loại nội dung khác nhau. Nói chung, các định dạng media mà trình duyệt hỗ trợ hoàn toàn phụ thuộc vào nhà phát triển trình duyệt, điều này có thể làm công việc của nhà phát triển web trở nên phức tạp.

Hướng dẫn autoplay cho media và Web Audio APIs

Việc tự động bắt đầu phát audio (hoặc video có track audio) ngay khi trang tải có thể là một bất ngờ không mong muốn đối với người dùng. Mặc dù autoplay của media có mục đích hữu ích, nó nên được dùng cẩn thận và chỉ khi thật sự cần. Để trao quyền kiểm soát cho người dùng, các trình duyệt thường cung cấp nhiều hình thức chặn autoplay. Trong hướng dẫn này, chúng ta sẽ đề cập đến chức năng autoplay trong các API media và Web Audio khác nhau, bao gồm một tổng quan ngắn về cách dùng autoplay và cách làm việc với trình duyệt để xử lý việc chặn autoplay một cách mềm dẻo.

Phân phối audio và video

Chúng ta có thể phân phối audio và video trên web theo nhiều cách, từ các tệp media "tĩnh" cho đến các luồng trực tiếp thích ứng. Bài viết này nhằm làm điểm khởi đầu để tìm hiểu các cơ chế phân phối khác nhau của media trên nền web và khả năng tương thích với các trình duyệt phổ biến.

Sử dụng hình ảnh trong HTML

Phần tử HTML img cho phép bạn nhúng hình ảnh vào tài liệu HTML, trong khi phần tử picture hỗ trợ hình ảnh responsive. Trong hướng dẫn này, bạn sẽ tìm thấy các liên kết đến những tài nguyên liên quan đến việc thêm hình ảnh vào website. Các bài viết này cung cấp hướng dẫn về việc chọn và cấu hình các loại hình ảnh.

Thao tác audio và video

Điểm đẹp của web là bạn có thể kết hợp các công nghệ để tạo ra những hình thức mới. Việc có audio và video nguyên bản trong trình duyệt nghĩa là chúng ta có thể dùng các luồng dữ liệu này với những công nghệ như canvas, WebGL hoặc Web Audio API để chỉnh sửa trực tiếp audio và video, ví dụ như thêm hiệu ứng vang/nén cho audio hoặc bộ lọc grayscale/sepia cho video. Bài viết này cung cấp tài liệu tham khảo để giải thích bạn cần làm gì.

Truyền phát âm thanh và video

Trong hướng dẫn này, chúng ta sẽ xem xét các kỹ thuật được dùng để truyền phát media âm thanh và/hoặc video trên web, cũng như cách bạn có thể tối ưu mã nguồn, media, máy chủ và các tùy chọn sử dụng trong quá trình truyền phát để đạt được chất lượng và hiệu năng tốt nhất có thể.