Thẻ AUDIO trong HTML

• Trần Ngọc Thanh
• 698
• 03/05/2025

Thẻ AUDIO trong HTML dùng để chạy các file âm thanh, các file âm thanh đó có thể nằm trên website của bạn hoặc có thể nằm trên các website khác, chi tiết như nào hãy cùng chúng tôi phân tích:

Thẻ AUDIO trong HTML

Chức năng của Thẻ AUDIO trong HTML

Thẻ AUDIO trong HTML dùng để chạy các file âm thanh, các file âm thanh đó có thể nằm trên website của bạn hoặc có thể nằm trên các website khác.

Cú pháp của Thẻ AUDIO trong HTML

<audio controls autoplay muted volume="giatrivolume" loop controlslist="nodownload" >
  <source src="thumuc/file-am-thanh.mp3" type="audio/mpeg">
  <source src="thumuc/file-am-thanh.ogg" type="audio/ogg">
</audio>

source: Chứa đường dẫn tới file âm thanh với những định dạng khác nhau để chạy được trên nhiều trình duyệt.

controls: Dùng để hiện các nút điều khiển như nút Play/Pause và thanh tua,..

autoplay: Cho phép âm thanh phát sau khi tải trang.

muted: Mặc định sẽ tắt âm thanh.

volume="giatrivolume": Dùng để quy định mức độ âm thanh to nhỏ, 0 là tắt tiếng và tăng dần đến mức 1 là lớn nhất.

loop: Phát lại nhiều lần sau khi kết thúc.

controlslist="nodownload": Thuộc tính controlslist cho cài đặt không cho tải file về hoặc "nofullscreen", và "noremoteplayback":

Các thành phần có trong thẻ <audio>

Thẻ source trong thẻ <audio>

Thẻ source chứa đường dẫn tới file âm thanh với những định dạng khác nhau để chạy được trên nhiều trình duyệt:

<audio controls >
  <source src="thumuc/file-am-thanh.mp3" type="audio/mpeg">
  <source src="thumuc/file-am-thanh.ogg" type="audio/ogg">
</audio>

Chạy Thử

Thuộc tính controls trong thẻ <audio>

Thuộc tính controls dùng để hiện các nút điều khiển như nút Play/Pause và thanh tua,..

<audio controls >
  <source src="thumuc/file-am-thanh.mp3" type="audio/mpeg">
  <source src="thumuc/file-am-thanh.ogg" type="audio/ogg">
</audio>

Chạy Thử

Thuộc tính autoplay trong thẻ <audio>

Thuộc tính autoplay cho phép âm thanh phát sau khi tải trang:

<audio controls autoplay >
  <source src="thumuc/file-am-thanh.mp3" type="audio/mpeg">
  <source src="thumuc/file-am-thanh.ogg" type="audio/ogg">
</audio>

Chạy Thử

Thuộc tính muted trong thẻ <audio>

Thuộc tính muted mặc định sẽ tắt âm thanh:

<audio controls autoplay muted >
  <source src="thumuc/file-am-thanh.mp3" type="audio/mpeg">
  <source src="thumuc/file-am-thanh.ogg" type="audio/ogg">
</audio>

Chạy Thử

Thuộc tính volume trong thẻ <audio>

Thuộc tính volume dùng để quy định mức độ âm thanh to nhỏ, 0 là tắt tiếng và tăng dần đến mức 1 là lớn nhất:

<audio controls autoplay volume="0.5">
  <source src="thumuc/file-am-thanh.mp3" type="audio/mpeg">
  <source src="thumuc/file-am-thanh.ogg" type="audio/ogg">
</audio>

Chạy Thử

Thuộc tính loop trong thẻ <audio>

Thuộc tính loop làm đoạn audio phát lại nhiều lần sau khi kết thúc:

<audio controls autoplay loop>
  <source src="thumuc/file-am-thanh.mp3" type="audio/mpeg">
  <source src="thumuc/file-am-thanh.ogg" type="audio/ogg">
</audio>

Chạy Thử

Thuộc tính controlslist trong thẻ <audio>

Thuộc tính controlslist cho cài đặt không cho tải file về hoặc "nofullscreen", và "noremoteplayback":

<audio controls controlslist="nodownload">
  <source src="thumuc/file-am-thanh.mp3" type="audio/mpeg">
  <source src="thumuc/file-am-thanh.ogg" type="audio/ogg">
</audio>

Chạy Thử

Các loại định dạng của thẻ <audio>

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thẻ AUDIO trong HTML.