Sunday, September 28, 2014

Tag audio HTML5

Tag <audio> HTML5 digunakan untuk memutar file audio di halaman web. Contoh file audio yang didukung berupa MP3, AAC, Oog, WAV. Tetapi format yang didukung hampir semua browser populer adalah formpat MP3 dan AAC. Tag <audio> menggunakan atribut src yang menunjukkan sumber dan nama audio.

Contoh sederhana (siapkan 1 file audio apa saja):

audio.html

<!DOCTYPE HTML>
    <html>
        <head>
        <title>Tag audio HTML5</title>
        </head>
    <body>
    <!--
    controls digunakan untuk menampilkan menu kontrol
    pada pemutaran audio, seperti adanya pengaturan volume
    dan play-pause
    -->
    <!--Jika Anda meletakkan file audio di dalam folder,
    tuliskan nama folder kemudian nama audio. misalnya:
    src="audio/nama_audio.m3"
    -->
    <strong>Surat Al Fatihah oleh Fahd al kanderi:</strong>
    <br />
    <br />
    <audio controls src="alfatihah_alkanderi.mp3">
    <!--Jika browser tidak mendukung tag audio, tampilkan
    peringatan
    -->
    <p>Maaf, browser Anda tidak mendukung tag audio. Update segera
    browser Anda.
    </p>
    <!--Jika ingin ketika audio di tampilkan langsung diputar,
    tambahkan atribut autoplay.
    <audio controls src="alfatihah_alkanderi.mp3" autoplay></audio>
    -->
    </audio>
</body>
</html>

Tampilan di Firefox 32.0.2:


^Baca juga: Tag <base> HTML untuk membuat alamat dasar web.

Referensi tulisan:
  1. <audio>; ditulis oleh: Tim MDN (Mozilla Developer Network), developer.mozilla.org, diakses 29 September 2014.
    About MDN by Mozilla Contributors is licensed under CC-BY-SA 2.5.
  2. HTML/Elements/audio; ditulis oleh Tim W3C, w3.org, diakses 29 September 2014.
  3. HTML5 Audio; ditulis oleh Kontributor Wikipedia, en.wikipedia.org, diakses 29 September 2014.
Posted by at
Labels: ,

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)