Sebuah file audio biasanya diputar menggunakan sebuah plug-in. Dalam HTML cara menanamkan audio dalam halaman web adalah dengan tag <audio></audio>. Format suara yang didukung hingga saat ini adalah mp3, oog, wav namun tidak semua tipe file itu didukung oleh browser.
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. Berikut adalah tipe mime untuk format audio
| Format | MIME Type |
|---|---|
| mp3 | audio/mp3 |
| ogg | audio/ogg |
| wav | audio/wav |
Untuk menyajikan audio dalam halaman web menggunakan tag berikut ini :
<audio controls>
<source src="audios/piano.ogg" type="audio/ogg">
<source src="audios/piano.mp3" type="audio/mpe3">
</audio>
Penjelasan atribut audio - controls untuk menampilkan pengontrol audio di halaman web. gambar untik komponen controls
- source adalah path dari file audionya. untuk contoh diatas lagu piano.ogg dan piano.mp3 letaknya dalam folder audios
- MIME Type seperti penjelasan diatas sebagai mekanisme pengiriman
- autoplay untuk memulai audio secara otomatis
- loop untuk mengulangi audio kembali
- muted untuk mematikan suara
- preload memuat ulang audio ketika halaman dimuat ulang
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 video.
| Format | MIME Type |
|---|---|
| mp4 | video/mp4 |
| webM | video/webm |
| ogg | video/ogg |
Untuk menyajikan video dalam halaman web menggunakan tag berikut ini :
<video controls autoplay>
<source src="videos/trailer.ogv" type="video/ogg">
<source src="videos/trailer.mp4" type="video/mp4">
</video>
Penjelasan atribut video sama dengan atribut untuk audio yakni :- controls untuk menampilkan pengontrol video di halaman web. gambar untuk komponen controls
- source adalah path dari file videonya. untuk contoh diatas video trailer.ogv dan trailer.mp4 letaknya di folder videos
- MIME Type seperti penjelasan diatas sebagai mekanisme pengiriman
- autoplay untuk memulai video secara otomatis pada saat halaman web dibuka
- loop untuk mengulangi video berulang-ulang
- muted untuk mematikan suara
- preload memuat ulang video ketika halaman dimuat ulang
- height untuk mengatur tinggi video
- width untuk mengatur lebar video
