Senin, Januari 21, 2019

Belajar HTML (19): Menyematkan File Multimedia pada Halaman Web

HTML Tutorial Web

Pada browser Internet Explorer seperti ini. Playernya besar 😆

Audio Player IE

Nah kalau yang ini di Forefox.

Audio Player Firefox

Saya coba juga di Edge, playernya sama dengan yang di IE, beda ukurannya saja 😉

Audio Player Edge

Ini tampilan dari Chrome, berbeda dari yang lain ya, ada opsi untuk downloadnya 😎

Audio Player Chrome

Mana yang paling keren? Hehe, ga penting bro. Kenapa? Karena tergantung siapa yang mengakses dan menggunakan browser apa…

Lanjut ya… Latihan di atas menghasilkan player yang mana audionya baru akan diputar jika tombol playnya diklik. Kalau idak diklik, maka sampai kiamat nanti audionya tidak akan diputar 😆

Nah kita coba tambahkan atribut lainnya agar bisa diputar otomatis dan akan berulang jika durasinya sudah habis. Menggunakan apa? Ada saya masukkan di tabel halaman sebelah tadi ya… Kita tambahkan atribut autoplay dan loop saja pada tag <audio>.

Save-as file tadi sehingga menjadi 45-html-audio-loop-autoplay.html, ubah kodenya menjadi seperti ini:

<!DOCTYPE html>
<html>
<head>
   <title>Audio Loop Autoplay</title>
</head>
<body>
   <h2>Memutar file audio</h2>
   <p>File audio akan diputar otomatis dan diulang jika durasinya sudah habis.</p>
   <audio controls loop autoplay>
      <source src="habib_syech_almadad.mp3">
      Browser Anda tidak mendukung audio.
   </audio>
</body>
</html>

← Sebelumnya Selanjutnya →

Halaman : 1 2 3

Mari sebarkan manfaat kepada orang lain...

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *