Thẻ audio trong HTML

  • Nguyễn Lê Điệp
  • 15-07-2017
  • 58
  • 0
  • 1
  • 0
  • Bài viết được đăng tại kennis.vn - không copy dưới mọi hình thức.

    Audio trong HTML

    Trước đây để có audio chạy được trên web thì tình duyệt cần có một plug-in (như flash).

    Thẻ <audio> trong HTML5 để chúng ta nhúng một video vào trang web.

    Các trình duyệt hỗ trợ

    Với các trình duyệt dường như đều hỗ trợ cho thẻ <audio> này
    Element Chrome Edge Firefox Safari Opera
    <audio> 4.0 9.0 3.5 4 10.5

    Thẻ audio trong HTML

    Để hiển thị audio trên HTML chúng ta dùng thẻ <audio>
    <!DOCTYPE html>
    <html>
    <body>
    	<audio controls>
    		<source src="http://kennis.vn/home/images/tryit/try/nuoclu.mp3" type="audio/mpeg">
    		Trình duyệt của bạn không hỗ trợ thẻ audio
    	</audio>
    </body>
    </html>
    Xem ví dụ

    Cách hoạt động của thẻ audio

    Các thuộc tính điều khiển được thêm vào để điều khiển audio như: chạy audio, tạm dừng.

    Thẻ <source> giúp bạn link tới video bạn cần hiển thị lên trang web.

    Các câu chú thích trong thẻ mở <audio> và thẻ </ audio> sẽ hiển thị trong các trình duyệt không hỗ trợ thẻ <audio>
     

    Trình duyệt hỗ trợ các định dạng

    Trong HTML5, có 3 định dạng video được hỗ trợ như: MP3, Wav và Ogg.

    Dưới đây là bảng liệt kê các trình duyệt:

    Trình duyệt MP3 Wav Ogg
    Internet Explorer Có hỗ trợ Không hỗ trợ Không hỗ trợ
    Chrome Có hỗ trợ Có hỗ trợ Có hỗ trợ
    Firefox Có hỗ trợ Có hỗ trợ Có hỗ trợ
    Safari Có hỗ trợ Có hỗ trợ Không hỗ trợ
    Opera Có hỗ trợ Có hỗ trợ Có hỗ trợ

    Các định dạng audio trong HTML

    Định dạng Kiểu file
    MP3 audio/mpeg
    Wav audio/wav
    Ogg audio/ogg

    Thuộc tính và sự kiện thẻ audio trong HTML

    HTML5 cũng có thể định nghĩa thuộc tính và sự kiện cho thẻ <audio>.

    Bạn có thể điều khiển video như: tải, phát, tạm dừng audio, cũng như thời gian audio và âm lượng audio.

    Ngoài ra còn có các sự kiện có thể thông báo cho bạn khi một audio bắt đầu phát, tạm dừng,...
     

    Chức năng các thẻ trong HTML5

    Thẻ Kiểu file
    <audio> Xác định là một audio
    <source> Xác nhận đường dẫn audio
    <track> Xác định danh sách cần phát

    Chúc các bạn học tốt!blush

    Từ khóa:

    Thẻ audio trong HTML

    Thẻ audio trong HTML

    Thẻ audio trong HTML

    Thẻ audio trong HTML
    Thẻ audio trong HTML
    1 or 0
    Lưu ý: Đăng câu hỏi trên Group Facebook để được hỗ trợ nhanh nhất.
    Đang tải...
    Nguyễn Lê Điệp
    Có sở thích lập trình, viết lách nên đã từng tham gia quản trị và viết bài ở một số diễn đàn, đến năm 2016 mới có điều kiện sáng lập ra kennis.vn với mục đích chia sẻ để học tập. Sinh năm 93, đang học tập và làm việc tại Hồ Chí Minh City.

    Thống kê

    - Hôm nay:
    321
    - Hôm qua:
    680
    - Tuần này:
    321
    - Tuần trước:
    5.525
    - Tháng này:
    36.885
    - Tháng trước:
    22.662
    - Năm này:
    176.938
    - Năm trước:
    17.373
    - Tổng cộng:
    194.311