Cara Memutar Audio pada Halaman Web dengan HTML5 – Salam sejahtera buat teman-teman semua, pada tutorial kali ini kita akan mencoba memutar sebuah audio pada halaman dengan menggunakan HTML5. Pada postingan yang sebelumnya yaitu Cara Memutar Video pada Halaman Web dengan HTML5 ,saya harap anda sudah mempelajarinya agar selaras.
Tidak terlalu jauh beda dengan tutorial video, pada audio ini menggunakan tag baru di HTML5 yaitu <audio></audio>. Hanya pada audio ini, atributnya lebih sedikit daripada video sebelumnya. Untuk lebih jelasnya, anda dapat memperhatikan tabel dibawah ini.
Oke, sampai disini tutorial Cara Memutar Audio pada Halaman Web dengan HTML5 semoga dapat bermanfaat bagi teman-teman semua. Terima kasih.
| Atribut | Value | Deskripsi | Aksi |
|---|---|---|---|
| autoplay | autoplay | Membuat audio memulai secara otomatis | Demo |
| controls | controls | Menunjukkan pada audio tombol-tombol seperti play/resume dan lain-lain | Demo |
| loop | loop | Memutar audio secara berulang-ulang | Demo |
| muted | muted | Membuat suara pada audio tidak ada | Demo |
| preload | autometadatanone | Menentukan apakah dan bagaimana penulis berpikir audio harus dimuat ketika beban halaman | Demo |
| src | URL | Alamat pada file audio | Demo |
Nah, seperti yang anda lihat tidak jauh beda dengan video sebelumnya. Anda dapat melihat demonya untuk melihat hasil akhirnya. Dibawah ini ada sebuah contoh script dari salah satu atribut diatas. Oke, pertama-tama anda buat dulu file audio_autoplay.html, lalu terapkan script dibawah ini :
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML5</title>
</head>
<body>
<audio src="horse.mp3" autoplay></audio>
</body>
</html>Oke, sampai disini tutorial Cara Memutar Audio pada Halaman Web dengan HTML5 semoga dapat bermanfaat bagi teman-teman semua. Terima kasih.
Perkenalkan saya blogger pemula, yang ingin belajar lebih dalam mengenai blogger dan internet ini.
Related Post
Cara Menampilkan Google Map pada halaman Web
Cara Menampilkan Google Map pada halaman Web - Hai, sudah lama saya tidak melakukan postingan, dik
Cara Membuat CRUD menggunakan Codeigniter 3 dan Bootstrap
Cara Membuat CRUD menggunakan Codeigniter 3 dan Bootstrap - Hai teman-teman, pada kesempatan kali 
Pengertian Web Server
Apa itu web server.? Web Server adalah sebuah program aplikasi yang digunakan untuk menyimpan 
Cara Membuat Sistem Like sederhana dengan JQuery, PHP, Bootstrap dan MySQL
Cara Membuat Sistem Like sederhana dengan JQuery, PHP, Bootstrap dan MySQL - Salam sejahtera bu
ConversionConversion EmoticonEmoticon