Cara Membuat Pemutar Musik Menggunakan HTML

Assalamualaikum Wr. Wb
Hai Semuanya apakabar ? semoga baik-baik saja dan dalam lindungan Allah SWT. Kali ini saya akan memberikan tutorial tentang membuat media player atau pemutar musik menggunakan html(bukan html 5). Model dalam pembuatan audio player ini adalah model wmp atau windows media player namun dalam versi website. Sebelumnya jangan kaget dulu karena ini sangatlah mudah insyaallah .Nah okelah kalau begitu langsung aja kita pergi ke TKP. Sebelum itu jangan lupa untuk berdoa sesuai kepercayaan masing-masing  sebelum mengerjakanya.
Pertama lihatlah source code di bawah ini dan perhatikan:
<h1> <h1> Audio Player with WMP</h1> <title>Audio Player with WMP</title> <object height="220px" width="240px" type ="video/x-ms-wmv"> <param name="src" value="http://localhost/wmpmp3/music/JKT48 - Tensi No Shippo.mp3" /> <p> Created By Source Code</p>

Nah Sekarang saya akan menerangkan Source Code di atas kita mulai dari tag pada baris pertama
<h1>Audio Player with WMP</h1>
/*Tag Heading*/
<title>Audio Player with WMP</title>
/*Tag Title*/
<object height="220px" width="240px" type ="video/x-ms-wmv">
/*Tag Object yang memiliki attribut height dengan value atau nilai 220px dan atribut width 240px serta atribut type yang bervalue video/x-ms-wmv*/
<param name="src" value="http://localhost/wmpmp3/music/JKT48 - Tensi No Shippo.mp3" /></object>
/*Tag param dengan atribut name,value dan memiliki value seperti di atas */
<p>Created By Source Code</p>
/*Tag paragraf*/
Nah disni ada dua kemungkinan dalam hasil dari Source Code diatas yaitu antara bisa di tampilkan dan di putar atau sebaliknya. Nah kita bahas yang pertama. Jika itu tidak bisa maka akan tampil seperti berikut:

Nah kalau kayak gitu anda harus menginstall plug in pada firefox. Jika anda bingung bagai mana caranya install plugin nya silahkan klik buton seperti dibawah ini dan biasanya ada pada pojok kiri atas pada pojok web:

Nah kalau sudah selesai maka selahkan refrash web page anda lalu lihat apa yang terjadi dan jika bisa maka akan tampil seperti di bawah ini:

Oh iya pada gambar di atas ini saya menggunakan browser maxthon dan langsung bisa. Hemm mungkin karena maxthon punya plugin nya langsung ya ,dan kalau anda nggak mau ribet2 install plugin pada firefox langsung aja pake maxthon aja hehehe bukan promosi lho :) . oke dah kalau cukup sampai disini. Oh iya begitu bagai mana dengan anda sudah bisa kah?. Pasti bisa dong!
Baiklah sampai jumpa di artikel selanjutnya
SEE YOU NEXT ARTICLE