Quantcast
Channel: Kursus Website Terbaik
Viewing all articles
Browse latest Browse all 2170

Cara Menampilkan Atribut Control Audio di HTML5

$
0
0

Halo teman-teman bertemu lagi dalam artikel saya, kali ini kita akan belajar cara menampilkan atribut control audio di HTML5, dengan menampilkan atribut control kita lebih mudah untuk mengatur audio/music yang kita tampilkan di website kita. Jika kita hanya menampilkan saja tapi tidak mengontrolnya maka audio/music itu tidak akan berjalan, dan apa saja control yang ditampilkan, sama seperti audio player yakni tombol play/stop, slider, volume, timer, dll. Jika tag <audio> ditulis tanpa menggunakan atribut controls, tidak akan terlihat tampilan apa-apa. oke teman-teman simak terus ya.

Perlu teman-teman ketahui Sebelum kehadiran HTML5, untuk menjalankan file multimedia, kita harus bergantung kepada aplikasi pihak ketiga seperti adobe flash. Oleh karenanya, setiap komputer harus terinstall adobe flash player. Jika pengunjung tidak memiliki aplikasi adobe flash player, video tidak bisa dijalankan.
Keterbatasan inilah yang membuat berbagai pihak mendesak agar HTML dapat mendukung audio dan video tanpa bantuan aplikasi lain. W3C dan WHATWG menjawab masalah ini dengan menyediakan tag <audio> dan <video>.
Tag <audio> dan <video> adalah fitur HTML5 yang relatif baru. Dengan demikian, tidak semua web browser mendukung tag ini. Secara umum versi terbaru web browser Google Chrome, Mozilla Firefox, dan Opera mendukung penuh tag <audio> dan <video>. Yang sering menjadi masalah adalah web browser Internet Explorer 8 (bawaan Windows 7) dan versi IE dibawahnya.
untuk belajar cara menampilkan atribut control audio di HTML5, sangat simple sekali teman-teman dan akan berbeda tampilan tergantung web browser yang kita pakai perhatikan gambar tampilan web browser yang berbeda berikut ini:

tampilan-audio-di-web-browser

seperti yang teman-teman lihat berbeda ya, tampilan antara mozila dan crome. dan sekarang kita buat kodenya ya teman-teman. Bisa teman-teman ikuti juga ya, dan perhatikan kode berikut:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>cara menampilkan atribut control audio di HTML5</title>
</head>
<body>
  <audio src="lagu.mp3" controls></audio>
</body>
</html>

kalau dilihat sama seperti kita menampilkan gambar ya teman-teman, tinggal mengganti audio. oke teman-teman dan ini tampilan hasilnya:

cara menampilkan atribut control audio di HTML5

Saya disini menggunakan Mozila ya teman-teman. Sangat mudah kan teman-teman, bagaiamana wajib dicoba ya. Sepertinya cukup sekian untuk kita belajar cara menampilkan atribut control audio di HTML5, semoga bermanfaat, dan terimakasih sampai jumpa di artikel selanjutnya ya.

 

 

The post Cara Menampilkan Atribut Control Audio di HTML5 appeared first on Kursus Website Terbaik.


Viewing all articles
Browse latest Browse all 2170

Trending Articles