Cara Menampilkan Audio dengan Html

Assalamualaikum wr.wb

Assalamualaikum sobat pengunjung blog, kemarin kita sempat membahas tentang cara menampilkan video dengan html. namun sekarang kita akan membahas mengenai cara menampilkan audio dengan html. di sepanjang jaman genre-genra musik mulai bertambah seperti halnya jazz, pop, rege dan lain-lain. namun di kesempatan kali ini kita tidak membahas mengenai genre-genre tersebut namun kita lebih mengarah cara menampilkannya pada halaman website kita, untuk lebih jelasnya mari kita simak kebawah.

pertama yang harus kamu siapkan adalah aplikasi browser seperti (google chrome, opera mini, uc browser, mozila firefox dan lain sebagainya)
yang kedua buat satu buah folder dengan nama “belajar” (tanpa tanda petik).
yang ketiga buka aplikasi notepadnya dan ketikan format html berikut:
yang keempat buat satu buah folder dengan nama “belajar” (tanpa tanda petik).


<html>
<head><title>judul audio</title></head>
<body>
<h3>Ini Adalah Musik Yang Kami Siapkan Untuk anda</h3><hr/><br/>
<audio width=”400px” height=”100px” controls>
<source src=”buka_audio.mp3″ type=”audio/mp3″>
aplikasi tidak mendukung
</audio>
</body>
</html>
Simpan ke folder “belajar” (tanpa tanda petik) dengan nama “tampil_audio.html” (tanpa tanda petik)
dan terakhir masukan musik ke folder “belajar” (tanpa tanda petik) yang baru kita buat, dan ubah nama musiknya menjadi “buka_audio.mp3″ (tanpa tanda petik).

Maka hasilnya adalah:

 

Penjelasan dari format html:>
1.       <html>  : ini merupakan tag awal suatu format html dan harus selalu ada dalam format html
2.       </html> :ini merupakan tag penutup dari suatu dokumen html
3.       <head> :merupakan tag yang bisa di pasang dengan css (cascade style sheet) dan juga judul
4.       </head> : merupakan tag penutup dari <head>
5.       <title> merupakan tag yang berfungsi sebagai judul dari suatu dokumen html, dan tag ini selalu diapit dengan tag <head>disini tag title <head>
6.       </title> : merupakan tag penutup dari <title>
7.       <body> : merupakan tag yang digunakan untuk menampilkan isi dari suatu dokumen yang akan ditampilkan.
8.       </body> :merupakan tag penutup dari <body>
9.       <h3> :merupakan heading yang berfungsi mengubah ukuran dengan number 3, semakin besar no yang di berikan maka tulisan akan semakin kecil, tag ini ditutup dengan </h3>
10.   <br/> : tag ini berfungsi untuk membuat garis baru.
11.   <hr/>: merupakan tag yang berfungsi untuk membuat garis baru beserta garis bawah.
12. <audio> : merupakan tag yang berfungsi untuk menampilkan audio dan harus selalu diakhiri dengan tag </audio>. tag ini mempunyai atribut yaitu diantaranta controls, width, height. atribut controls tidak membutuhkan value dan atribut ini juga berfungsi untuk memberikan tombol paused dan play serta mengatur volume suara, atribut width=”nilai” berfungsi untuk menentukan panjang sedangkan atribut height=”nilai” berfungsi untuk menentukan lebar. <source> merupakan atribut yang berfungsi untuk menentukan dimana alamat email berada yaitu dengan atribut src=”alamat file” dan source juga memiliki atribut lain yaitu type=”format” yang berfungsi untuk menentukan tipe file apa yang digunakan seperti audio/mp3 atau video/mp4.

sekian artikel tentang cara menampilkan audio dengan html, jangan jetinggalan pemberitahuan terbaru kami dengan memasukan email kamu dibawah postingan ini.
terimakasih telah berkunjung.

wassalamualaikum wr.wb
See also  Cara Membuat Form Pendaftaran Dengan HTML

Leave a Reply

Your email address will not be published. Required fields are marked *