Home » » Cara Menambah Audio pada HTML 5

Cara Menambah Audio pada HTML 5

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:
BrowserMP3WavOgg
Internet Explorer 9YesNoNo
Firefox 4NoYesYes
Google Chrome6YesYesYes
Apple SafariYesYesNo
Opera 10.6NoYesYes

0 komentar:

Posting Komentar

Followers

Diberdayakan oleh Blogger.