HTML5 Audio

Audio di Web

Sebelum HTML5, tidak ada standar untuk memainkan file audio pada halaman web.

Sebelum HTML5, file audio hanya bisa dimainkan dengan plug-in (seperti flash).

HTML5 <Audio> elemen menentukan cara standar untuk menanamkan audio dalam halaman web.

Browser Support

Angka-angka dalam tabel menentukan versi browser pertama yang mendukung penuh <audio yang> elemen.

Element
<audio>	4.0	9.0	3.5	4.0	10.5

HTML <Audio> Elemen

Untuk memutar file audio dalam HTML, gunakan <audio yang> elemen:

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

HTML Audio - Cara Bekerja

Kontrol atribut menambahkan kontrol audio, seperti play, pause, dan volume.

Teks antara <audio yang> dan </ audio> tag akan ditampilkan dalam browser yang tidak mendukung <audio yang> elemen.

Beberapa <sumber> elemen dapat link ke file audio yang berbeda. Browser akan menggunakan format yang diakui pertama.

HTML Audio - Dukungan Browser

Saat ini, ada 3 format file yang didukung untuk <audio yang> elemen: MP3, Wav, dan Ogg:

Browser	MP3	Wav	Ogg
Internet Explorer	YES	NO	NO
Chrome	YES	YES	YES
Firefox	YES	YES	YES
Safari	YES	YES	NO
Opera	YES	YES	YES

HTML Audio - Media Types

File Format	Media Type
MP3	audio/mpeg
Ogg	audio/ogg
Wav	audio/wav

HTML Audio - Metode, Properties, dan Acara

HTML5 mendefinisikan metode DOM, properti, dan aktivitas untuk <audio yang> elemen.

Hal ini memungkinkan Anda untuk memuat, bermain, dan jeda audio, serta pengaturan durasi dan volume.

Ada juga acara DOM yang dapat memberitahu Anda ketika audio mulai bermain, dijeda, dll

Untuk referensi DOM penuh, pergi ke HTML5 Audio kami / Video DOM Reference.

HTML5 Audio Tags

Tag	Description
<audio>	Defines sound content
<source>	Defines multiple media resources for media elements, such as <video> and <audio>