cách sử dụng thẻ audio html5

Một số thành phần mới trong HTML5

Copyright by hocwebgiare.com – Giáo viên: Nguyễn Phát Tài

HTML5

(Hypertext Markup Language Version 5)

Thẻ audio

• Dùng để chèn âm thanh vào trang web sử dụng HTML5.

• Hỗ trợ chơi được các dạng âm thanh phổ biến như: mp3,ogg,wav

và tuỳ thuộc vào trình duyệt.

Các trình duyệt hỗ trợ thẻ audio HTML5

HTML5


• Internet Explorer 9+, Firefox, Opera, Chrome, và Safari hỗtrợ thẻ <audio>

• Chú ý : Internet Explorer 8 và các phiên bản trước đó

không hỗ trợ thẻ <audio>.


Các định dạng audio mà trình duyệt hỗ trợ

HTML5



Các kiểu MINE-Type cho định dạng audio

HTML5




HTML5


Thẻ audio

• Cú pháp:

<audio src=“file.mp3” autoplay controls></audio>

• autoplay: cho phép tự chơi khi âm thanh đã sẳn sàng.

• controls: cho phép hiện thanh điều khiển.

• src: đường dẫn tới tập tin âm thanh.

• loop: lặp lại âm thanh khi kết thúc



HTML5


Thẻ audio

• Cú pháp:

<audio controls>

<source src=“file.mp3” type=“audio/mpeg”>

<source src=“file.ogg” type=“audio/ogg”>

</audio>


HTML5


TAKE ACTION

Các thẻ mới của HTML5


cách sử dụng thẻ audio html5

Education