Âm thanh HTML
Phần tử HTML <audio>
được sử dụng để phát tệp âm thanh trên trang web.
Phần tử HTML <audio>
Để phát tệp âm thanh trong HTML, hãy sử dụng phần tử <audio>
:
Ví dụ
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Hãy tự mình thử »Âm thanh HTML - Cách thức hoạt động
Thuộc tính controls
thêm các điều khiển âm thanh, như phát, tạm dừng và âm lượng.
Phần tử <source>
cho phép bạn chỉ định các tệp âm thanh thay thế mà trình duyệt có thể chọn. 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 thẻ <audio>
và </audio>
sẽ chỉ được hiển thị trong các trình duyệt không hỗ trợ phần tử <audio>
.
HTML <âm thanh> Tự động phát
Để tự động bắt đầu một tệp âm thanh, hãy sử dụng thuộc tính autoplay
:
Ví dụ
<audio controls autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Hãy tự mình thử »Lưu ý: Trình duyệt Chrome không cho phép tự động phát trong hầu hết các trường hợp. Tuy nhiên, tính năng tự động phát bị tắt tiếng luôn được cho phép.
Thêm muted
sau khi autoplay
để cho phép tệp âm thanh của bạn bắt đầu phát tự động (nhưng bị tắt tiếng):
Ví dụ
<audio controls autoplay muted>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Hãy tự mình thử »Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phần tử <audio>
.
Element | |||||
---|---|---|---|---|---|
<audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Định dạng âm thanh HTML
Có ba định dạng âm thanh được hỗ trợ: MP3, WAV và OGG. Hỗ trợ trình duyệt cho các định dạng khác nhau là:
Browser | MP3 | WAV | OGG |
---|---|---|---|
Edge/IE | YES | YES* | YES* |
Chrome | YES | YES | YES |
Firefox | YES | YES | YES |
Safari | YES | YES | NO |
Opera | YES | YES | YES |
*Từ Cạnh 79
Âm thanh HTML - Loại phương tiện
File Format | Media Type |
---|---|
MP3 | audio/mpeg |
OGG | audio/ogg |
WAV | audio/wav |
Âm thanh HTML - Phương thức, Thuộc tính và Sự kiện
HTML DOM xác định các phương thức, thuộc tính và sự kiện cho phần tử <audio>
.
Điều này cho phép bạn tải, phát và tạm dừng âm thanh cũng như đặ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.
Để có tài liệu tham khảo DOM đầy đủ, hãy truy cập Tài liệu tham khảo DOM âm thanh/video HTML của chúng tôi.
Thẻ âm thanh HTML
Tag | Description |
---|---|
<audio> | Defines sound content |
<source> | Defines multiple media resources for media elements, such as <video> and <audio> |