Thẻ <audio> HTML
Thí dụ
Phát tệp âm thanh:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
Định nghĩa và Cách sử dụng
Thẻ <audio>được sử dụng để nhúng nội dung âm thanh vào tài liệu, chẳng hạn như nhạc hoặc các luồng âm thanh khác.
Thẻ <audio>chứa một hoặc nhiều
<source>thẻ với các nguồn âm thanh khác nhau. Trình duyệt sẽ chọn nguồn đầu tiên mà nó hỗ trợ.
Văn bản giữa các thẻ <audio>và </audio>
sẽ chỉ được hiển thị trong các trình duyệt không hỗ trợ <audio>phần tử.
Có ba định dạng âm thanh được hỗ trợ trong HTML: MP3, WAV và OGG.
Định dạng âm thanh và hỗ trợ trình duyệt
| 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ừ Edge 79
Mẹo và lưu ý
Mẹo: Đối với các tệp video, hãy nhìn vào thẻ.
<video>
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ử.
| Element | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 11.5 |
Thuộc tính
| Attribute | Value | Description |
|---|---|---|
| autoplay | autoplay | Specifies that the audio will start playing as soon as it is ready |
| controls | controls | Specifies that audio controls should be displayed (such as a play/pause button etc) |
| loop | loop | Specifies that the audio will start over again, every time it is finished |
| muted | muted | Specifies that the audio output should be muted |
| preload | auto metadata none |
Specifies if and how the author thinks the audio should be loaded when the page loads |
| src | URL | Specifies the URL of the audio file |
Thuộc tính toàn cầu
Thẻ <audio>cũng hỗ trợ Thuộc tính chung trong HTML .
Thuộc tính sự kiện
Thẻ <audio>cũng hỗ trợ Thuộc tính sự kiện trong HTML .
Các trang liên quan
Tham chiếu DOM HTML: Tham chiếu DOM Audio / Video HTML
Cài đặt CSS mặc định
Không có.