Thẻ AUDIO trong HTML

• Ngọc Thanh
• 70
• 03/05/2025

Theo dõi Web Mới

Thẻ AUDIO trong HTML là một loại thẻ HTML dùng để chạy các file âm thanh, các file âm thanh đó nằm trên website của bạn hoặ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

Thẻ AUDIO trong HTML là gì?

Thẻ AUDIO trong HTML là một loại thẻ 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ác thành phần có trong thẻ <audio>

Thẻ source trong thẻ <audio>

<audio controls >
  <source src="file-am-thanh.mp3" type="audio/mpeg">
  <source src="file-am-thanh.ogg" type="audio/ogg">
</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.

Chạy Thử

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

<audio controls >
  <source src="file-am-thanh.mp3" type="audio/mpeg">
  <source src="file-am-thanh.ogg" type="audio/ogg">
</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,..

Chạy Thử

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

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

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

Chạy Thử

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

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

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

Chạy Thử

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

<audio controls autoplay volume="0.5">
  <source src="file-am-thanh.mp3" type="audio/mpeg">
  <source src="file-am-thanh.ogg" type="audio/ogg">
</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.

Chạy Thử

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

<audio controls autoplay loop>
  <source src="file-am-thanh.mp3" type="audio/mpeg">
  <source src="file-am-thanh.ogg" type="audio/ogg">
</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.

Chạy Thử

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

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

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

Chạy Thử

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

Định dạng file	Loại file media
MP3	audio/mpeg
OGG	audio/ogg
WAV	audio/wav

Lời kết

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

Ngọc Thanh

Chia sẻ nội dung đánh giá của bạn về Thẻ AUDIO trong HTML
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Đăng ký tư vấn miễn phí

Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn