• Code chèn nhạc vào wapsite HTML5

Code chèn nhạc vào wapsite HTML5

Để chèn một trình nghe nhạc vào trang web, ta sử dụng thẻ <audio> và thẻ <source> theo cú pháp sau:

Hiện nay, thẻ <audio> chỉ hỗ trợ 3 loại định dạng âm thanh là:

MP3 > Media Type > audio/mpeg
Ogg > Media Type > audio/ogg
Wav > Media Type > audio/wav

Ví dụ:

Để đề phòng trường hợp tập tin âm thanh không tồn tại, hoặc trình duyệt không hỗ trợ định dạng âm thanh của tập tin của bạn. Khi đó, ta có thể sử dụng nhiều thẻ <source> (nếu thẻ phía trên không hoạt động được thì sẽ đến phiên thẻ phía dưới)

Vì <audio> là một thẻ trong phiên bản HTML5. Do đó, phía trên cùng của tập tin phải thêm thẻ <!DOCTYPE html>

Thêm một vài ví dụ về các thuộc tính thẻ <audio> :
autoplay - tập tin âm thanh sẽ được tự động phát khi trang web load xong:

loop - phát lặp đi lặp lại tập tin âm thanh mỗi khi nó kết thúc:

muted - tắt volumn của trình nghe nhạc:

Chúc thành công!