HTML thẻ <audio>

Định nghĩa và cách sử dụng

<audio> Thẻ được sử dụng để chèn nội dung âm thanh vào tài liệu, chẳng hạn như âm nhạc hoặc các luồng âm thanh khác.

<audio> Thẻ có thể chứa một hoặc nhiều nguồn âm thanh khác nhau Thẻ <source>. Trình duyệt sẽ chọn nguồn đầu tiên mà nó hỗ trợ.

<audio> và </audio> 文本 giữa các thẻ chỉ sẽ hiển thị khi không hỗ trợ <audio> thành phần trong trình duyệt hiển thị.

Lưu ý:Đối với tệp video, xin xem Thẻ <video>.

HTML hỗ trợ ba định dạng âm thanh: MP3, WAV và OGG.

Định dạng âm thanh và hỗ trợ trình duyệt

Trình duyệt MP3 WAV OGG
Edge / IE Hỗ trợ Hỗ trợ * Hỗ trợ *
Chrome Hỗ trợ Hỗ trợ Hỗ trợ
Firefox Hỗ trợ Hỗ trợ Hỗ trợ
Safari Hỗ trợ Hỗ trợ Không hỗ trợ
Opera Hỗ trợ Hỗ trợ Hỗ trợ

* Từ Edge 79 bắt đầu

Xin xem thêm:

Hướng dẫn tham khảo HTML DOM:Hướng dẫn tham khảo HTML Audio/Video DOM

Mô hình

Phát tệp âm thanh:

<audio controls>
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
  Trình duyệt của bạn không hỗ trợ thẻ audio.
</audio>

Thử nghiệm cá nhân

Thuộc tính

Thuộc tính Giá trị Mô tả
autoplay autoplay Định nghĩa âm thanh sẽ bắt đầu phát ngay lập tức sau khi sẵn sàng.
controls controls Định nghĩa phải hiển thị các điều khiển âm thanh (ví dụ như nút phát/đпауy lại, v.v.).
loop loop Định nghĩa âm thanh sẽ được bắt đầu lại từ đầu mỗi lần.
muted muted Định nghĩa âm thanh đầu ra nên bị tắt.
preload
  • auto
  • metadata
  • none
 Định nghĩa có và cách tải âm thanh khi trang được tải.
src URL Định nghĩa URL của tệp âm thanh.

Thuộc tính toàn cục

<audio> Thẻ hỗ trợ Thuộc tính toàn cục trong HTML.

Thuộc tính sự kiện

<audio> Thẻ hỗ trợ Thuộc tính sự kiện trong HTML.

Cài đặt CSS mặc định

Không có.

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ yếu tố này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 4.0 11.5