简单网页版JS播放器自己动手DIY音乐播放器

360问问 2011-01-13

展开全文

简单网页版JS播放器自己动手DIY音乐播放器

(2008-12-31 18:40:08)

转载

标签：

it

本文出自（易客讯娱乐休闲网）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link href="style/style.CSS" rel="stylesheet" type="text/css">

//初始化
function playerinit()
{
var adress=document.myform.list.value;
player.url=adress;
player.settings.autoStart = true ;
}
//双击曲目播放
function allpalys(){
playerinit();
play();
}

//播放
function play()
{
if (player.controls.isavailable('play'))
{
player.controls.play();
state=setInterval("updatetime()",1000);
playerinfo.innerHTML = "播放";
}
}

//暂停
function pause()
{
if (player.controls.isavailable('pause'))
{
player.controls.pause();
clearInterval(state);
playerinfo.innerHTML = "暂停";
}
}

//停止
function stop()
{
if (player.controls.isavailable('stop'))
{
player.controls.stop();
clearInterval(state);
playerinfo.innerHTML = "停止";
}
}

//前首
function previous()
{
if (player.controls.isavailable( 'previous' ))
{
player.controls.previous();
playerinfo.innerHTML = "前一首";
}
}

//后首
function next()
{
if (player.controls.isavailable( 'next' ))
{
player.controls.next();
playerinfo.innerHTML = "下一首";
}
}

//？
function step()
{
if (player.controls.isavailable( 'step' ))
player.controls.step( 1 );
}

//音量-
function voldown()
{
if ( player.settings.volume < 5 )
{
player.settings.volume = 0;
playerinfo.innerHTML = "0";
}
else
{
player.settings.volume -= 5;
playerinfo.innerHTML = player.settings.volume;
}
}

//音量+
function volup()
{
if ( player.settings.volume > 95 )
{
player.settings.volume = 100;
playerinfo.innerHTML = "100";
}
else
{
player.settings.volume += 5;
playerinfo.innerHTML = player.settings.volume;
}
}

//静音
function mute()
{
player.settings.mute = !player.settings.mute;
}

//声道
function balance()
{
switch (player.settings.balance)
{
case 0:
   player.settings.balance = 100;
   playerinfo.innerHTML = '左声道';
   break;
case 100:
   player.settings.balance = -100;
   playerinfo.innerHTML = '右声道';
   break;
case -100:
   player.settings.balance = 0;
   playerinfo.innerHTML = '全声道';
   break;
default :
   player.settings.balance = 0;
   playerinfo.innerHTML = '全声道';
   break;
}
}

//更新时间
function updatetime()
{
playerinfo.innerHTML = player.controls.currentPositionString + " | " + player.currentMedia.durationString;
}

</script>
</head>
<body nload="playerinit();">
<table width="186" cellspacing="0" cellpadding="0" bgcolor="#800080" height="307">
<tr>
    <td>
<object id="player" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" type="application/x-oleobject" width="166" height="60">
      <param name="autoStart" value="false">
      <param name="balance" value="0">
      <param name="currentPosition" value="0">
      <param name="currentMarker" value="0">
      <param name="enableContextMenu" value="true">
      <param name="enableErrorDialogs" value="false">
      <param name="enabled" value="true">
      <param name="fullScreen" value="false">
      <param name="invokeURLs" value="false">
      <param name="mute" value="true">
      <param name="playCount" value="1">
      <param name="rate" value="1">
      <param name="uiMode" value="none">
      <param name="volume" value="100">
    </object></td>
</tr>
<tr>
    <td bgcolor="#808000"><span id="playerinfo"></span></td>
</tr>
<tr>
    <td>
<input type="button" class="but21" nmouseover=this.className="but22"; nmouseout=this.className="but21"; name="play" title="播放" nclick="play();" value ="播放"><input type="button" class="but31" nmouseover=this.className="but32"; nmouseout=this.className="but31"; name="pause" title="暂停" nclick="pause();" value="暂停"><input type="button" class="but41" nmouseover=this.className="but42"; nmouseout=this.className="but41"; name="stop" title="停止" nclick="stop();" value="停止"></td>
</tr>
<tr>
    <td>
<input type="button" class="but61" nmouseover=this.className="but62"; nmouseout=this.className="but61"; name="volup" title="音量+" nclick="volup();" value="音量+"><input type="button" class="but61" nmouseover=this.className="but62"; nmouseout=this.className="but61"; name="voldown" title="音量-" nclick="voldown();" value="音量-"><input type="button" class="but61" nmouseover=this.className="but62"; nmouseout=this.className="but61"; name="mute" title="静音" nclick="mute();" value="静音"></td>
</tr>
<tr>
    <td width="100%" height="213" valign="top">
<form. method="POST" action="--WEBBOT-SELF--" name="myform">

<div align="left">

</div>
</form>
</td>
</tr>
</table>

<p>　</p>
<script. language = "JavaScript" for = player event = playstatechange(newstate)>
switch (newstate){
case 1:
   playerinfo.innerHTML = "停止";
   break;
case 2:
   playerinfo.innerHTML = "暂停";
   break;
case 3:
   playerinfo.innerHTML = "正在播放";
   break;
case 4:
   playerinfo.innerHTML = "4";
   break;
case 5:
   playerinfo.innerHTML = "5";
   break;
case 6:
   playerinfo.innerHTML = "正在缓冲...";
   break;
case 7:
   playerinfo.innerHTML = "7";
   break;
case 8:
   playerinfo.innerHTML = "8";
   break;
case 9:
   playerinfo.innerHTML = "正在连接...";
   break;
case 10:
   playerinfo.innerHTML = "啥不知";
   break;
case 11:
   playerinfo.innerHTML = "11";
   break;
default:
   playerinfo.innerHTML = "";
}
</script>