MP3 Player | Update ah...

sebernya kemarin saya sudah posting tentang  tapi sekarang saya update lagi.. :D

lihat contoh 

<center>
<style type="text/css">
#pframe a {cursor:pointer; font-weight:bold; }
#pframe a:hover {color:yellow;}
#pframe img {vertical-align:middle; cursor:pointer; border:1px solid #000000; margin:2px;}
#pframe img:hover { -moz-border-radius:3px; border:1px solid #9999aa; }
#pframe textarea {border:1px dashed #555; background-color:black; color:#999; -moz-border-radius:3px; overflow-x:hidden; width:170px;}
</style>

<div style="width:200px;" id="pframe"><center>
  <span id="player">
      <a onclick='play()'><img src='http://www.goodmortgage.tv/images/button_play.gif'/> <img src='http://offlinephobia.uni.cc/forum/images/smilies/listen.gif'/> <img src='http://www.laptoprockers.eu/images/site/menu_music.gif'/></a>
  </span>
  <p>
  <a onclick='stop()'>&#10006; Stop</a> - 
  <a onclick='play()'>Rand</a>
  </p>
</center></div>

<script type="text/javascript">
var plera = "<embed wmode='transparent' src='http://www.indowebster.com/templates/object/mediaplayer.swf' FlashVars='file=";
var plert = "&frontcolor=0xffffff&backcolor=0x000000&lightcolor=0xEC2B1A&logo=http://www.indowebster.com/templates/img/idws.png&autostart=true&repeat=true&usefullscreen=false&showeq=false' width='200' height='20' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' menu='false' allowfullscreen='false'></embed>";

var lagu = [
new Array("http://cdn.x.indowebster.com/download/5/567b6c260461322f2e8cbe29933f28e7.mp3", "Evanescence - Bring Me to Life"),
new Array("http://www26.indowebster.com/f32435ed50da0cc1646e186e2639532f.mp3", "Evanescence - Lithium"),
new Array("http://cdn.x.indowebster.com/download/5/089edc93be2f88ee36b92ea70482411b.mp3", "Linkin Park - In Pieces"),
new Array("http://www44.indowebster.com/e46efd95c77ab2243450e7a5f1987359.mp3", "Evanescence - Forgive Me"),
new Array("http://www35.indowebster.com/8e1dd9a97522f864e2c94ad1941651fc.mp3", "Mahkota - Terakhir Kali"),
new Array("http://xover4.jkt.3d.x.indowebster.com/download/41/r0b01ksmwpswzwalypr5ykm02lujizpo.mp3", "Apolo - Tak Lengkap Tanpamu"),
new Array("http://xover4.jkt.3d.x.indowebster.com/download/33/qt3ndpt6l0a00b51m91hd2xw4y9gf7rl.mp3", "Mikha Tambayong - Mendung Kan Berganti"),
new Array("http://xover4.jkt.3d.x.indowebster.com/download/41/6tbgv5foxlus7gv03599vsfwvbsvjupm.mp3", "Geisha - Cinta dan Benci"),
];
var i = Math.floor(lagu.length*Math.random());

function play(){
var k=Math.floor(lagu.length*Math.random());
document.getElementById("player").innerHTML = "<marquee behavior='alternate' scrollamount='2'>"+k+" <b>"+lagu[k][1]+"</b></marquee><br/>"+plera+lagu[k][0]+plert+"<br/><textarea onClick='blokabeh();' id='kampret' rows='1' readonly='readonly'>"+lagu[k][0]+"</textarea>";
}

function stop(){
document.getElementById("player").innerHTML = "<a onclick='play()'><img src='http://www.goodmortgage.tv/images/button_play.gif'/> <img src='http://offlinephobia.uni.cc/forum/images/smilies/listen.gif'/> <img src='http://www.laptoprockers.eu/images/site/menu_music.gif'/></a>";
}

  function blokabeh(id)
  {
    document.getElementById('kampret').focus();
    document.getElementById('kampret').select();
  }
play();
</script>
</center>