Lagu merupakan gubahan seni nada atau suara dalam urutan, kombinasi, dan hubungan temporal (biasanya diiringi dengan alat musik) untuk menghasilkan gubahan musik yang mempunyai kesatuan dan kesinambungan (mengandung irama). Dan ragam nada atau suara yang berirama disebut juga dengan lagu. Dengan lantunan sebuah lagu hidup ini menjadi semakin berwarna, begitu juga dengan sebuah halaman web lagu dapat membuatnya menjadi semakin menarik.
Baiklah berikut ini cara memasukkan lagu pada sebuah dokumen HTML.
Langkah-langkah:
Cara Memasukkan Lagu Pada Dokumen HTML:
Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML. Mungkin notepad bawaan windows kurang begitu menarik, solusinya Anda dapat menggunakan aplikasi notepad++ yang dapat Anda download di sini.
Penting! simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.
Sekarang mari kita mulai untuk memasukkan sebuah lagu pada dokumen HTML seperti pada kotak di bawah ini.
Script Code:
<!DOCTYPE html>
<html>
<head>
<title> Cara Memasukkan Lagu Pada Dokumen HTML </title>
</head>
<body>
<! Di bawah ini adalah script untuk memasukkan lagu -> <embed src="File_Lagu.mp3" width="350px" height="21px" loop="true">
</body>
</html>
Ganti File_Lagu.mp3 dengan lagu Anda, Pada AttributeWidth & Height silahkan sesuaikan value'nya dengan halaman HTML Anda (apabila Anda ingin menyembunyikannya maka ganti value'nya dengan 0px), Kemudian untuk attribute loop fungsinya yaitu agar lagu terus berputar tanpa henti namun apabila Anda menginginkan lagu hanya diputar sekali saja maka ganti value'nya menjadi false.
Update Script Code HTML5:
<!DOCTYPE html>
<html>
<head>
<title> Cara Memasukkan Lagu Pada Dokumen HTML </title>
</head>
<body>
<! Di bawah ini adalah script untuk memasukkan lagu ->
<audio controls>
<source src="File_Lagu.ogg" type="audio/ogg">
<source src="File_Lagu.mp3" type="audio/mpeg">
<audio>
</body>
</html>
Ganti File_Lagu.mp3 dengan lagu Anda!, Sebagai catatan beberapa versi browser lama support file '.ogg' namun tidak support file '.mp3', sehingga contoh di atas Saya sertakan 'source' keduanya, namun Anda dapat memilih salah satu saja. Sebaiknya Anda menggunakan browser terbaru agar sound dapat diputar dengan semestinya.
Silahkan beri feed back pada kotak komentar di bawah!
1 Comments
gan bgaimna cranya membuat chat slide di html ?
ReplyDeleteseperti yang ada di sblah kanan blog ini