Assalamualikum wr.wb
Sekarang saya akan memberikan sedikit ilmu mengenai agar memunculkan format file audio ke html. Mari kita mulai
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
• 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
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>
Coding
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>
Coding
Itulah yang bisa saya jelaskan. Untuk hasil silahkan coba dan Anda akan terkesima dengan coding yang Anda buat. Terimakasih sudah mengunjungi blog saya. Semoga bermanfaat :)
Wassalamualaikum wr.wb
Sekarang saya akan memberikan sedikit ilmu mengenai agar memunculkan format file audio ke html. Mari kita mulai
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
• 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
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>
Coding
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>
Coding
Itulah yang bisa saya jelaskan. Untuk hasil silahkan coba dan Anda akan terkesima dengan coding yang Anda buat. Terimakasih sudah mengunjungi blog saya. Semoga bermanfaat :)
Wassalamualaikum wr.wb
Komentar
Posting Komentar