Membuat MP3 Player di Web
October 27th, 2008 | by rosihanari |
Cetak Artikel Ini
Dengan menggunakan PHP, Anda dapat membuat MP3 player di web. Dengan demikian, Anda tidak perlu lagi melakukan instalasi MP3 Player di komputer. Cukup buat sendiri, letakkan aplikasinya pada server, upload MP3 nya, buka browser dan nikmati bersama-sama dengan teman-teman yang lain melalui jaringan.
Bagaimana cara membuat MP3 player berbasis web ini? Simak artikel ini lebih lanjut.
Untuk membuat MP3 Player berbasis web ini, kita dapat menggunakan standard playlist XSPF (http://www.xspf.org) yakni playlist disajikan dalam format XML tertentu. Playlist adalah daftar lagu yang akan diputar di MP3 player.
Player untuk aplikasi ini telah dibuat menggunakan Flash dan skinnya dapat didownload di http://musicplayer.sf.net.
Untuk membuat aplikasi ini, langkah-langkahnya adalah sebagai berikut:
- Downloadlah file skin player di http://musicplayer.sf.net
- Buat folder dalam root direktori web Anda (www atau htdocs) misalnya diberi nama ‘mp3′
- Buat file index.html berisi kode-kode di bawah ini
index.html
<h1>MP3 Player</h1> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="153" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="id" value="xspf_player" /><param name="align" value="middle" /><param name="allowScriptAccess" value="sameDomain" /><param name="quality" value="high" /><param name="bgcolor" value="#e6e6e6" /><param name="src" value="http://localhost/mp3/xspf_player. swf?autoload=true&playlist_url=http://localhost/mp3/playlist.php" /><embed id="xspf_player" type="application/x-shockwave-flash" width="400" height="153" src="http://localhost/mp3/xspf_player. swf?autoload=true&playlist_url=http://localhost/mp3/playlist.php" bgcolor="#e6e6e6" quality="high" allowscriptaccess="sameDomain" align="middle"></embed></object></body> </html>
- Simpan file di atas ke dalam folder ‘mp3′ yang telah dibuat sebelumnya.
- Ekstraklah file hasil download dari langkah pertama di atas ke dalam folder mp3 tersebut.
- Kemudian, kita siapkan script untuk playlistnya. Script ini digunakan untuk membentuk file XML berisi daftar fle MP3 nya dan membentuk playlist. Selanjutnya playlist ini akan dibaca oleh playernya untuk memutar lagu. Untuk script playlist, silakan Anda download di bawah ini.
- Letakkan script playlist ke dalam folder ‘mp3′
- Langkah berikutnya copylah beberapa file MP3 yang diinginkan ke dalam folder ‘mp3′
- Jalankan playernya dengan membuka halaman index.html di browser melalui localhost
- Nikmati MP3 nya
Aplikasi di atas hanya akan efektif pada koneksi internet yang cepat. Untuk koneksi yang lambat, lagu akan terputus-putus ?. Tapi minimal dapat dibuat pada jaringan LAN, sehingga teman-teman Anda sekantor dapat menikmati musik dari satu server yang sama dan tidak perlu menginstal MP3 player dan file MP3 di PC masing-masing.
Selamat mencoba…. and have fun. But.. jangan lupa sholatnya
Anda ingin mendownload beberapa tool programming 100% gratis?
Silakan download di FREE PROGRAMMING TOOLS.
atau ingin berdonasi untuk pengembangan blog ini cukup dengan $1 via Paypal?
Beberapa artikel terkait
- Script Upload Video dan Video Player di Web dengan PHP dan MySQL
- Cara Cepat Menghitung Perkalian Dalam 5 Detik
- Trik Menghitung Perkalian Bilangan Mendekati 100 dalam 5 Detik
- Membuat Buku Tamu dengan Emoticons
- Membuat Grafik Chart di PHP
- Membuat Kode Verifikasi Anti Spam Pada Form dengan JpGraph
- Membuat Script Random Image dengan PHP
- Script PHP untuk Membuat Report Format MS. Excel
- Membuat Sendiri Script PHP Untuk Backup MySQL
- Membuat Script PHP untuk Kompresi File ZIP
Share this article on:
Kata kunci: mp3 - PHP -
kok gak bisa running ya? cuma loading playlist, terus gak ada suara mp3 yang keluar.
apa yang salah? saya dah ikuti semua langkah di atas.
Mas ini kok g bs g bs d buka d lan??
KOK aneh tp d kompt q bs…
to Gilang: supaya bisa jalan di LAN, ubahlah nama hostnya (localhost) menjadi no. IP servernya. Misalnya http://localhost/mp3/playlist.php menjadi http://10.10.1.12/mp3/playlist.php. Yang diubah baik di index.html maupun di playlist.php nya.
mas, klo buat layanan download MP3 di blog kita gimana caranya?
to Fajli : mm… kalau membuat layanan ini, ya… Anda harus tentukan dahulu tempat menaruh file MP3nya. Apakah di hosting tsb atau di luar hosting. Trus… upload saja file MP3nya, lalu di blog kita taruh link ke file MP3 tsb. Cuman harap hati-hati karena MP3 itu kadang terkait dengan copyright.
gimana cara upload file mp3nya?
saya pemula buat blog,gimana sih caranya content mp3 download di blog?dan blog kok bisa di kasih animasi?
bisa gak, kalo file mp3 itu disimpan di database kayak sql??
gimana caranya?
tlg kirim email ya..
ke amaterashu@rocketmail.com
thanks..
Makasih ya mas
ini yang saya inginkan, untuk lagu yang tidak keluar suaranya munkin perlu di cek lagi tu url localhostnya bener ga 
gooodd site 
to irvan: iya mas.. itu seharusnya ‘localhost’ diganti nomor IP dari servernya saja.
Mksih ya maz bwt infonya,mhn izin copy artikelnya buat dipraktekin (maklum msh lemot)…
kunjung balik keblog-ku ya bwt ksh saran or kritik…
mas.. makasih banyak yah.. bener2 mantep..
Gud Pak Ari..
Source yang sangat bermanfaat.. 
pa kalau boleh minta file skin playernya saya pusing donlotnya yang mana,terima kasih.
notZahra@yahoo.co.id
oh ya saya juga mau tanya Pa kalau bikin flash yang menunya bisa bergerak di php gimana caranya.
to notZahra: yang anda donlot itu di bagian ‘Latest Release’. Kalau mau skin yang lengkap, pilih EXTENDED VERSION.
Pa saya dah coba pa bikin tapi tampilannya kok cuman kotak persegi panjang tidak ada apa-apanya.apa yang salah ya Pa
oh ya Pa ada ngga tutorial php tapi menu awalnya pake flash(menu/huruf yang bergerak).
to notZahra: apakah plugin flash player di browser Anda sudah diinstal?
to notZahra: maaf mbak, saya gak punya tutorialnya.
maaf Pa mau tanya lagi,saya sudah instal plugin flash player tapi masih tetep gitu Pa.
to notZahra: mengapa ya? saya juga kurang tahu mbak… atau coba gunakan versi yang lama.
Pak Rosi, gitu aja..
Mu usul nih, gimana supaya Mp3 player tersebut dapat di setel supaya bunyi sendiri pada jam-jam tertentu. Misalnya untuk ngingetin waktu-nya sholat atau makan atau apa saja.
Syukur dan bagus banget bisa untuk Bell Sekolah. Wah mantap tuh.
Ma’af pak saya mu nanya untuk kursus-nya biayanya ditranser total atau dicil ya?
Pak. Rosi, saya download file skin player di http://musicplayer.sf.net koh tidak ada ya. bisa minta tolong file tersebut di kirim ke email saya yaitu ke joyo_boys@yahoo.com. trims
.-= Andreas senjoyo´s last blog ..SEMUA KARENA YESUS =-.
to andreas senjoyo: ada kok mas, downloadnya di bagian LASTEST RELEASES
Mas koq playlist scriptnya gak bisa di download ya…..
undefined mulu tuh pas loading file mp3 nya,
klo kaya gitu mesti di gimanain mas?
@jie: coba jalankan dulu script playlist.php nya mas via browser. Sudah download script playlistnya kan? Jika tidak muncul list nama-nama file MP3 nya maka something wrong. Sebaiknya file MP3 nya diletakkan dulu pada folder yang sama dengan scriptnya, tanpa ditaruh dalam folder tertentu.
tetep gak bisa mas, kenapa yak.. ?
ekstrak an file dunlut dari mas d simpan dalam satu folder mp3 kan mas? kaya index,plasylist,button sama .mp3 nya berada dalam satu folder mp3. udah d coba kaya gitu masih undefined mulu. apanya yang salah yak ?
@jie: anda menjalankannya di browser apa mas? IE? kalo saya coba di Firefox well-well saja tuh… trus… njalankan scriptnya harus lewat http://localhost lho ya (web server), bukan double klik langsung ke file index.html via Windows Explorer.
terima kasih mas atas pencerahannya…jadi nambah lagi ni pengetahuan tentang web….
Pa mau tanya kalau buat efek salju atau daun di web kita, gimana caranya Pa.Terima Kasih
@notZahra: kalo itu sepertinya pake Javascript Mbak. Coba anda googling dengan keyword: ‘snow effect javascript’
Mas Ari, gimana caranya biar blog aku ada download lagu gratisnya, terima untuk saran dan masukkannya, ditunggu sarannya Mas Ari…
@noor: mbak… tinggal upload saja file lagunya ke blog, lalu kasih link ke file lagu yang diupload tsb. Beres dah..
Mas, makasih banyak nih..
Langsung berhasil dan ok banget..
Sekali lagi makasih dan salam kenal..
pak cara mengetahui no ip di local server kita bagaimana ya..?
terima kasih pak
Salam kenal…
Nice Post…
saya nubi bgt nih…
Kalo misalnya file mp3 nya tidak diletakkan di dalam folder yang ‘mp3′ bisa ga ya…
Cos HD nya terbatas..
Nanya lagi Pak… kalo untuk file berupa video gimana ya…
Btw yang MP3 player langsung sukses… makasih bgt..
untuk yang masih coba2 n belum berhasil… saran saya (mohon koreksi jika ada kesalahan)
1. pastikan sudah nginstal web server.
2. ganti text ‘http://localhost/…../’menjadi http://”no ip server”/…./ baik yang ada di file index.hlml maupun playlist.php
@pak Rosihan Ari… tutorial video player saya tunggu ya..
terimakasih.
@hajar_ibn: thanks sarannya mas…
@hajar_ibn: bisa mas, cuman anda harus ngubah nama folder nya (disesuaikan) di dalam scriptnya.
ini cuma bisa pake bahasa php aja ya mas atau bisa pake bahasa yang lain seperti html, jsp, dll. thx
@crizpi: bisa juga pake yang lain, oya… HTML itu bukan bahasa program mas
makasih bgt mas..udah bnyak bnget ilmu yg sya dpet dri sini, terima kasih.
Pak Download Playlist Script error pak tolong di update ulang
mas kalau buat joomla yang sederhana tahu gak aku udah muter2 nyari terkendala masalah flash player browser.. thx
Blog yang sungguh sarat ilmu..
aq pernah buka web orang,pas aku buka langsung ada lagunya…nah kalau itu gimana mas buatnya
@bagus blog: itu pake file midi sound embedding mas di dalam HTMLnya. Ini tag HTML nya:
sebelumnya makasih banyak dengan artikel ini sebab aku coba di komputerku berjalan dengan lancar… tapi mas Ari gimana caranya kalo nama folder mp3 nya diubah ke nama lain… soalnya aku nyoba pake nama lain kok ga bisa ya….
makasih…
@lafaek: untuk mengubah nama folder nya dengan nama yang lain, anda juga harus mengubah nama folder ‘mp3′ nya di dalam index.html dan juga di playlist.php nya.
kak, saya mau tanya, kalau script php untuk menyisipkan suara pada php itu sama atau nggak sama script si atas??
saya sedang tulis tugas akhir tentang kamus bahasa inggris untuk anak, saya diminta untuk menyisipkan musik pada tugas saya itu..
bagaimana caranya ya kak??
mohon bantuannya..
terimakasih.
@diah: menyisipkan suara gimana maksudnya? menyisipkan suara pada halaman web atau gimana?
mas bagaimana klo mo buat radio streaming dengan di musik playernya.
stasiun radionya lbih dari 1.
makasi….