Trình duyệt sẽ sử dụng định dạng được nhận dạng đầu tiên. Văn bản giữa các thẻ và sẽ chỉ được hiển thị trong các trình duyệt không hỗ trợ phần tử
2. Tự động phát âm thanh trong HTMLĐể tự động khởi động tệp âm thanh, chúng tôi sử dụng thuộc tính autoplay
Ví dụ
Xem Bút
Không có tiêu đề của sonsonct [@sonsonctnp]
trên CodePen.
Lưu ý. Trong hầu hết các trường hợp, trình duyệt Chromium không cho phép tự động phát. Tuy nhiên, luôn cho phép tự động phát bị tắt tiếng
Thêm thuộc tính đã tắt tiếng sau khi tự động phát để âm thanh của bạn bắt đầu phát tự động [nhưng đã tắt tiếng]
Ví dụ
Xem Bút
Không có tiêu đề của sonsonct [@sonsonctnp]
trên CodePen.
Phần hỗ trợ âm thanh trình duyệt hỗ trợ
Tình duyệtBa định dạng âm thanh được hỗ trợ. MP4, WebM và Ogg. Hỗ trợ trình duyệt hỗ trợ các định dạng khác nhau là
Trình duyệtMP3WAVOGGEdge/IEYESYES*YES*ChromeYESYESYESFirefoxYESYESYESSafYESYESNOoperaYESYESYES* từ Cạnh 79
Trong HTML có các loại phương tiện âm thanh sau
Kiểu tệptypemediaMP3audio/mpegOGGaudio/oggMAVaudio/wav 4. Các phương thức, thuộc tính và sự kiện trong âm thanh HTMLDOM HTML xác định các phương thức, thuộc tính và sự kiện cho phần tử
Điều này cho phép bạn tải, phát và tạm dừng âm thanh cũng như cài đặt thời lượng và âm lượng
Ngoài ra còn có các sự kiện DOM có thể thông báo cho bạn khi âm thanh bắt đầu phát, bị tạm dừng, v. v…
Trước khi HTML5 ra đời, các tệp âm thanh chỉ có thể được sử dụng trên các trình duyệt web khi có các chương trình hỗ trợ [như flash]
Phần tử trong HTML5 là một chuẩn để có thể đưa các file audio vào trang web.
Support browser
Dưới đây là bảng xác định các phiên bản trình duyệt đầu tiên hỗ trợ phần tử .
Phần tửPhần tử trong HTML
Ta có thể chạy một file audio trong HTML, bằng cách sử dụng phần tử :
Ví dụ
Trình duyệt của bạn không hỗ trợ phần tử audio.
Kết quả
Trình duyệt của bạn không hỗ trợ phần tử âm thanh
Âm thanh trong HTML – Cách làm việc?
Các thuộc tính điều khiển cho phép hiển thị điều khiển cho âm thanh như. run, tạm dừng và âm lượng
Phần tử cho phép bạn chỉ định các file audio mà trình duyệt có thể lựa chọn từ đó. Nếu có nhiều file audio được hỗ trợ thì trình duyệt sẽ sử dụng định dạng đầu tiên.
Đoạn văn bản thông báo nằm giữa thẻ và sẽ chỉ hiển thị khi trình duyệt đó không hỗ trợ phần tử .
Âm thanh trong HTML – trình duyệt hỗ trợ
Trong HTML5, có 3 định dạng âm thanh được hỗ trợ. MP3, Wav và Ogg
Mỗi loại trình duyệt hỗ trợ các định dạng khác nhau
Trình duyệtMP3WavOggInternet ExplorerCóKhôngKhôngChromeCóCóCóFirefoxCóCóSafariCóCóKhôngOperaCóCóCóÂm thanh trong HTML – các loại Phương tiện
Định dạng fileKiểuMP3audio/mpegOggaudio/oggWavaudio/wavHTML Audio – Các phương thức, thuộc tính và sự kiện
HTML5 sử dụng DOM cho các phương thức, thuộc tính và các sự kiện cho phần tử .
DOM cho phép bạn tải, chạy, dừng các âm thanh, đồng thời để bạn thiết lập thời gian và âm lượng
Ngoài DOM còn có các sự kiện có thể đưa ra cho bạn thông báo âm thanh chuẩn bị chạy, tạm dừng, v. v