Định dạng âm thanh nào không được hỗ trợ bởi âm thanh HTML5?
HTML5 đã cải thiện việc nhúng âm thanh và video bằng cách cung cấp hỗ trợ riêng cho nhiều loại tệp khác nhau. Trong hướng dẫn này, chúng tôi sẽ đề cập đến nhiều cách khác nhau để nhúng âm thanh và video, bao gồm khả năng tương thích của trình duyệt và các khung để hợp lý hóa khả năng tương thích giữa nhiều trình duyệt Show Phát âm thanhHTML5 đã giới thiệu thẻ Một triển khai đơn giản chỉ với một nguồn trông như thế này
Việc triển khai với nhiều nguồn trông như thế này
Nếu trình duyệt không hỗ trợ phần tử âm thanh thì nó sẽ hiển thị thông báo “Xin lỗi, nhưng trình duyệt của bạn không hỗ trợ âm thanh. ” Thư viện hữu íchThật không may, mặc dù đã bao gồm thẻ HTML5 Xử lý nhiều thiết bị và trình duyệt được thực hiện dễ dàng hơn bằng cách sử dụng thư viện như Trình quản lý âm thanh 2 hoặc Buzz Các thư viện này xử lý hầu hết các mâu thuẫn xung quanh việc nhúng âm thanh và cho phép bạn tập trung vào việc tạo các ứng dụng web tuyệt vời. Cả hai đều cung cấp sự xuống cấp nhẹ nhàng để xử lý các trình duyệt không phải HTML5 API JavascriptHTML5 Audio Javascript API cho phép kiểm soát tải và phát các tệp âm thanh theo chương trình. API rất đơn giản và cung cấp một cách mạnh mẽ để kiểm soát âm thanh được nhúng Đây là một ví dụ đơn giản. Trong ví dụ này, chúng tôi sẽ thêm một bài hát, nhảy tới 30 giây trong bài hát và phát bài hát đó
Truy xuất tên tệp và thời lượng
Đọc thêmĐể có hướng dẫn tuyệt vời với mã mẫu giải thích cách làm việc với âm thanh trong trình duyệt, hãy xem hướng dẫn về âm thanh ThinkVitamin. Ngoài ra, Sân chơi của HTML5Rocks phải giúp bạn bắt đầu Đang phát videoTương tự như âm thanh, thẻ Thông tin tương thích trình duyệt cho , , và có thể được tìm thấy tại Apple đã ra mắt một trang web giới thiệu các khả năng của Video HTML5. Nhiều bản trình diễn có sẵn tại html5video. tổ chức Ở dạng đơn giản nhất, nhúng video HTML5 trông giống như ví dụ âm thanh ở trên. Đây là cách thêm video vào ứng dụng web của bạn
Vì không có tổ hợp codec và vùng chứa duy nhất nào được hỗ trợ trên tất cả các trình duyệt, nên bạn sẽ cần chỉ định nhiều nguồn. Trình duyệt sẽ bắt đầu ở luồng đầu tiên được liệt kê và duyệt qua tất cả chúng cho đến khi có thể phát thành công một luồng. Điều quan trọng là chỉ định trường 0 khi nhúng video. Điều này cho trình duyệt biết loại vùng chứa cùng với thông tin về codec video và âm thanh. Nếu bạn không chỉ định trường loại, trình duyệt phải tải xuống một phần của từng video cho đến khi tìm thấy video có thể phát thành công
Một cuộc thảo luận sâu hơn về các loại và cú pháp có sẵn tại Flash dự phòngNên bao gồm dự phòng cho Flash vì nó cho phép bạn nhúng video trên các trình duyệt có thể không hỗ trợ các loại nguồn video của bạn. Việc thêm hỗ trợ vào dự phòng cho Flash rất đơn giản. Sử dụng ví dụ trên, chúng tôi có thể thêm hỗ trợ cho Flash bằng cách thêm nó làm tùy chọn cuối cùng
tính tương thích của trình duyệt webĐể có khả năng tương thích tối đa, nên bao gồm
Hầu hết các nhà phát triển muốn tận dụng sức mạnh của video HTML5 sẽ không chỉ xem xét sự khác biệt của trình duyệt mà còn cả khả năng tương thích ngược đối với các trình duyệt không hỗ trợ thông số kỹ thuật HTML5 May mắn thay, các thư viện như VideoJS và MediaElement. js đơn giản hóa và hợp lý hóa quy trình nhúng video trên web Đọc thêmĐể biết hướng dẫn về cách hoạt động của thẻ Định dạng âm thanh nào không được HTML5 hỗ trợ?Nhúng âm thanh
. Nhưng các định dạng âm thanh được sử dụng phổ biến nhất là ogg, mp3 và wav . Trình duyệt của bạn không hỗ trợ phần tử.
Loại định dạng âm thanh nào được HTML5 hỗ trợ?Có ba định dạng âm thanh được hỗ trợ trong HTML. MP3, WAV và OGG .
wav có được hỗ trợ bởi HTML5 không?Các codec được hỗ trợ nhiều nhất để phát âm thanh trong HTML5 là Ogg Vorbis, MP3 và Wav .
HTML có hỗ trợ m4a không?Vì vậy, tệp âm thanh m4a có thể phát nếu bạn trực tiếp mở URL tệp m4a bằng Safari, nhưng có thể không phát trong thẻ âm thanh HTML5 được nhúng. |