Format Tampilan Audio Halaman Web

Share:


1.) Format tampilan file audio

Kebanyakan file audio diputar melalui sebuah plug-in, misalnya seperti flash. Namun, browser yang berbeda mungkin memiliki berbagai plug-in. HTML5 mendefinisikan elemen baru yang menentukan cara standar untuk menanamkan file audio pada halaman web: elemen <audio> </audio>.

· Untuk memasukkan suara pada html bisa menggunakan tag <audio>.

· Format suara yang telah didukung hingga saat ini adalah MP3, Ogg dan WAP.

· Tidak semua tipe file audio tersebut didukung oleh browser.

· File-file Audio yang didukung HTML5 adalah:

1. OGG merupakan format audio yang didukung oleh Mozilla firefox, opera, dan google chrome.

2. MP3 merupakan format audio yang didukung oleh Google Chrome dan safari.

3. WAV merupakan format audio yang didukung oleh Mozilla Firefox dan Opera.



MIME  (Multipurpose Internet Mail Extension)

Digunakan untuk mekanisme untuk mengirim berbagai informasi seperti text, aplikasi, gambar, suara, video,dan lain sebagainya agar browser tidak salah menterjemahkan konten yg
diterima. Tidak hanya pada web, email juga menggunakan MIME. 

Berikut adalah tipe mime untuk format audio
Format MIME-type
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav 

Berikut adalah tipe MIME untuk format audio:
Format                        MIMe-type
MP3                            Audio/Mpeg
Ogg                             Audio/Ogg
Wav                             Audio/Wav

2.) Menyajikan audio dalam tampilan web
File audio seperti mp3 dapat dilantunkan melalui tag<audio> < /audio>. Berikut codingnya : 

<html>
<head>
<title>cek suara</title>
</head>
<body>
<audio autoplay>
<source src="Justin Bieber - Love Yourself.mp3" type="audio/mp3">
</audio>
</body>
</html> 

Selanjutnya,saya akan menunjukkan coding pada halaman web yang bisa memainkan audio secara otomatis dan Musik nya BerUlang Otomatis namun tidak terlihat media kontrol dari audio:
<html>
<head>
<title>cek suara</title>
</head>
<body>
<audio autoplay loop>
<source src="Justin Bieber - Love Yourself.mp3" type="audio/mp3">
</audio>
</body>
</html>

No comments