Pada posting sebelumnya saya share 'Cara Membuat Efek Hujan Salju Pada Dokumen HTML', sekarang saya lanjutkan dengan share 'Cara Memasukkan Playlist Lagu Pada Dokumen HTML'.
Playlist Lagu adalah salah satu hal yang membuat halaman web terkesan lebih menarik, dengan lantunan lagu-lagu favorit apalagi jika lagu yang diputar sesuai dengan suasana hati pengunjung tentu saja dapat membuatnya lebih betah dalam membaca artikel pada website tersebut, karena tanpa lagu bagaikan kopi tanpa gula.. Begitu kira-kira. Hehe.
Baca juga: Cara Membuat Images Slideshow Pada Dokumen HTML
Sebelumnya saya juga pernah share cara memasukkan lagu pada dokumen HTML di sini. Jika pada cara sebelumnya hanya dapat memasukkan satu buah lagu saja, kali ini saya share bagaimana cara memasukkan lebih dari satu lagu yang disajikan dalam sebuah playlist.
Baiklah berikut ini cara membuat Playlist Lagu pada sebuah dokumen HTML.
Cara Memasukkan Playlist 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 membuat playlist lagu pada dokumen HTML seperti pada kotak di bawah ini.
- Ganti player/player.swf dengan Url tempat Anda menyimpan file music player. (File sudah disertakan pada link download di bawah)
- Ganti playlist/playlist.xml dengan Url tempat Anda menyimpan file playlist. (File sudah disertakan pada link download di bawah)
- Buat file playlist.xml yang merupakan file .xml yang berfungsi untuk mengkonfigurasi music player agar dapat berfungsi sebagaimana yang dikehendaki oleh Anda.
- Ganti Url File Lagu dengan Url dimana Anda menyimpan file lagu, kemudian Ganti Judul Lagu dengan judul lagu tersebut.
- Untuk menambah daftar lagu sisipkan kode <song path="Url File Lagu" title="Judul Lagu" /> dan taruh di atas kode </player>. Silahkan Anda menyusun urutan lagu sesuai dengan yang Anda kehendaki.
- Simpan file playlist yang baru saja Anda buat dan beri nama file tersebut dengan 'Playlist.xml' tanpa tanda kutip, atau dengan nama apa saja yang Anda kehendaki. Sebelum menyimpan pastikan 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen '.xml' bukan dokumen text biasa.
- Silahkan download contoh musik player lengkap yang sudah jadi dengan cara klik link 'Download Example Here' Di bawah ini.
<html>
<head>
<title> Cara Memasukkan Playlist Lagu Pada Dokumen HTML </title>
</head>
<body>
<!-- Begin Sound Script -->
<embed allowscriptaccess="never" src="player/player.swf" menu="false" quality="high" width="265" height="265" name="index" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="playList=playlist/playlist.xml" wmode="transparent"></embed>
<!-- // End Sound Script -->
</body>
</html>
Apabila artikel ini bermanfaat bagi Anda, silahkan bagikan dan beri feed back pada kotak komentar di bawah. Terima Kasih!
0 Comments
