Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách phát file âm thanh nền (background) trong trang web

Không khuyến khích phát âm thanh tự động nền (autoplay) vì trải nghiệm người dùng kém, vi phạm chính sách autoplay của trình duyệt hiện đại (chặn nếu có âm thanh).

Cách cũ (deprecated): dùng <embed> với autostart, loop, width/height nhỏ để ẩn.

Ví dụ (chỉ tham khảo lịch sử)

<!DOCTYPE html>
<html>
  <head>
    <title>HTML background music</title>
  </head>
  </body>
    <p>Nhạc đang chạy nền.</p>
    <embed src="/html/Kalimba.mp3" loop="true" autostart="true" width="2" height="0">
  </body>
</html>

Cách hiện đại: Dùng <audio> với autoplay muted (chỉ được nếu muted), hoặc tốt nhất: cho phép người dùng bấm Play (có controls).

<audio controls>
  <source src="music.mp3" type="audio/mpeg">
</audio>