Belajar HTML5 Audio

By Adhi P. - Last updated: Tuesday, July 24, 2012 - Save & Share - Comments

banner438kursus Belajar HTML5 Audio

Setelah membahas tentang elemen video pada html5, termasuk DOM videonya, sekarang kita akan membahas html5 audio. Sebenarnya, sampai sekarang tidak standar dalam memutar file audio pada browser. Akhirnya sekarang ini banyak file audio yang diputar menggunakan plugin seperti flash dll. Bahkan, berbeda browser berbeda pula plugin-nya.

Pada html5 mendefinisikan elemen baru yang memungkinkan untuk embed sebuah file audio di browser menggunakan tag <audio> .

Sebagai contoh tag untuk audio adalah :


<audio controls="controls">

<source src="http://domain.com/nama_file_musik.ogg" type="audio/ogg" />

</audio>

Source code lengkapnya adalah:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<title>Audio Tag</title>

</head>

<body>

<audio controls="controls">

<source src="http://domain.com/nama_file_musik.ogg" type="audio/ogg" />

</audio>

</body>

</html>

Seperti pada HTML5 video. HTML5 audio ini ada tambahan atribut control yaitu play, pause dan volume. Kita harus insert text diantara tag <audio> dan </audio> untuk browser yang tidak support elemen <audio>. Elemen <audio> mengijinkan banyak elemen <source>. Elemen <source> ini dapat menghubungkan kedalam beberapa file audio.

Saat ini ada 3 file format audio yang support untuk elemen <audio> yaitu MP3, Wav, and Ogg:

Browser MP3 Wav Ogg
Internet Explorer 9 Yes No No
Firefox 4 No Yes Yes
Google Chrome6 Yes Yes Yes
Apple Safari Yes Yes No
Opera 10.6 No Yes Yes

 

Try This: 4 Langkah Mudah Belajar Cara Membuat Website, Langsung Praktek! KLIK DI SINI!.
Posted in Belajar HTML5 • Tags: Top Of Page