Hướng dẫn cách sử dụng thẻ audio HTML5.

1. HTML5
(Hypertext Markup Language Version 5)
Một số thành phần mới trong HTML5
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
Copyright by hocwebgiare.com – Giáo viên: Nguyễn Phát Tài
và tuỳ thuộc vào trình duyệt.

2. HTML5
(Hypertext Markup Language Version 5)
Các trình duyệt hỗ trợ thẻ audio 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>.
Copyright by hocwebgiare.com – Giáo viên: Nguyễn Phát Tài

3. HTML5
(Hypertext Markup Language Version 5)
Các định dạng audio mà trình duyệt hỗ trợ
Copyright by hocwebgiare.com – Giáo viên: Nguyễn Phát Tài

4. HTML5
(Hypertext Markup Language Version 5)
Các kiểu MINE-Type cho định dạng audio
Copyright by hocwebgiare.com – Giáo viên: Nguyễn Phát Tài

5. HTML5
(Hypertext Markup Language Version 5)
Một số thành phần mới trong 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
Copyright by hocwebgiare.com – Giáo viên: Nguyễn Phát Tài

6. HTML5
(Hypertext Markup Language Version 5)
Một số thành phần mới trong HTML5
Thẻ audio
• Cú pháp:
<audio controls>
<source src=“file.mp3” type=“audio/mpeg”>
<source src=“file.ogg” type=“audio/ogg”>
</audio>
Copyright by hocwebgiare.com – Giáo viên: Nguyễn Phát Tài

7. HTML5
(Hypertext Markup Language Version 5)
Các thẻ mới của HTML5
TAKE ACTION
Copyright by hocwebgiare.com – Giáo viên: Nguyễn Phát Tài