Selasa, 28 April 2015

HTML5 Audio



Pada html5 mendefinisikan elemen baru yang memungkinkan untuk embed sebuah file audio di browser menggunakan tag <audio> .
Sebagai contoh tag untuk audio adalah :
?
1
2
3
4
5
<audio controls="controls">
 
<source src="http://domain.com/nama_file_musik.ogg" type="audio/ogg" />
 
</audio>
Source code lengkapnya adalah:
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!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