Cara sederhana meng-Embedded-kan MP3 Player di HTML

29 01 2008

Berikut ini cara membikin halaman untuk memainkan lagu mp3 di html.

Silahkan di coba, di pelajari dan di modif sesuai keinginan sendiri….

<html>
<head>
<title>Simple Embedded MP3 Player</title>
<script-x type=”text/javascript-x”>
var mp3Player
function launchPlayer(mp3File) {
mp3PlayerExists = (mp3Player!=null)
if (mp3PlayerExists && !mp3Player.closed) {mp3Player.focus()}
mp3Player = window.open(”mp3player.html?” + mp3File, “mp3Player”, “height=150, width=130, status=yes, toolbar=no, menubar=no, location=no”)
}
function closePlayer() {
mp3PlayerExists = (mp3Player!=null)
if (mp3PlayerExists && !mp3Player.closed) {mp3Player.close()}
}
</script-x>
</head>
<body onload=”closePlayer()” onunload=”closePlayer()”>
<a href=”javascript-x:launchPlayer(’../snd/karizma2.mp3′)”>Play Song</a><br/>
<br/>
<a href=”http://www.aol.fr/”>closePlayer() on unload</a><br/>
<a href=”launcher.htm”>closePlayer() on load</a><br/>
</body>
</html>

<!– mp3player.html –>
<html>
<head>
<title>Simple Embedded MP3 Player</title>
<script-x type=”text/javascript-x”>


function playFile() {
document.realPlayer.DoStop()
document.realPlayer.SetSource(document.location.search.substring(1))
document.realPlayer.DoPlay()
}

function stopFile() {
document.realPlayer.DoStop()
}


</script-x>
</head>
<body onload=”playFile()”>
<div style=”position:absolute;top:-200px;left:-200px”>
<object id=”realPlayer” classid=”clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA” width=”0″ height=”0″>
<param name=”console” value=”_master”>
<param name=”autostart” value=”false”>
<embed name=”realPlayer” type=”audio/x-pn-realaudio-plugin” width=”0″ height=”0″ console=”_master” autostart=”false”></embed>
</object>
</div>
<form>
<input type=”button” value=”PLAY” onclick=”playFile()”><br/>
<input type=”button” value=”STOP” onclick=”stopFile()”><br/>
<input type=”button” value=”CLOSE” onclick=”window.close()”><br/>
</form>
</body>
</html>

Artikel yang berhubungan:
  1. Mendapatkan value dari Window pop up pada HTML Berikut ini tips untuk mendapatkan nilai dari window pop up,...
  2. Membuat Slice di IE 8 Juragan.. Baru kali ini saya tertarik dengan IE, dari versi...
  3. [javascript] Me-rotasi gambar menggunakan elemen canvas Element CANVAS atau tag canvas di keluarga HTML bisa...
  4. [Javascript] Validasi dalam javascript Awalnya saya bingung bagaimana melakukan proses validasi suatu radio button...
  5. [javascript] : trim tidak seperti php, fasilitas trim belum ada di javascript. untuk...

« Memberi nama di DBNavigator di Delphi Silent Pulse »


Actions

Informations

Leave a comment

You can use these tags : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>