javascript 播放器控制

更新时间：2007年01月22日 00:00:00 作者：

详细参数可查询MSDN
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/wmplay/mmp_sdk/settingsobject.asp

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

<script language="JavaScript">
var state;

//初始化
function playerinit()
{
player.url="mp3.m3u";
player.settings.autoStart = false ;
}

//播放
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 onload="playerinit();">
<table width="300">
  <tr>
    <td><object id="player" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" type="application/x-oleobject" width="300" 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><span id="playerinfo"></span></td>
  </tr>
  <tr>
    <td>
      <div align="center">
<input type="button" onmouseover=this.className="but12"; onmouseout=this.className="but11"; name="previous" title="上一首" onclick="previous();">
<input type="button" onmouseover=this.className="but22"; onmouseout=this.className="but21"; name="play" title="播放" onclick="play();">
<input type="button" onmouseover=this.className="but32"; onmouseout=this.className="but31"; name="pause" title="暂停" onclick="pause();">
<input type="button" onmouseover=this.className="but42"; onmouseout=this.className="but41"; name="stop" title="停止" onclick="stop();">
<input type="button" onmouseover=this.className="but52"; onmouseout=this.className="but51"; name="next" title="下一首" onclick="next();">
<input type="button" onmouseover=this.className="but62"; onmouseout=this.className="but61"; name="voldown" title="音量-" onclick="voldown();">
<input type="button" onmouseover=this.className="but62"; onmouseout=this.className="but61"; name="volup" title="音量+" onclick="volup();">
<input type="button" onmouseover=this.className="but62"; onmouseout=this.className="but61"; name="mute" title="静音" onclick="mute();">
<input type="button" onmouseover=this.className="but62"; onmouseout=this.className="but61"; name="balance" title="声道" onclick="balance();">
   </div>
</td>
  </tr>
</table>
<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 = "准备就绪。欢迎光临<a href='http://mp3.asp2004.net'>http://mp3.asp2004.net</a>";
   break;
  case 11:
   playerinfo.innerHTML = "11";
   break;
  default:
   playerinfo.innerHTML = "";
}
</script>

</body>
</html>

您可能感兴趣的文章:

javascript操作select元素实例分析
这篇文章主要介绍了javascript操作select元素的方法,可实现针对select元素选中元素时动态改变html元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-03-03
使用Object.defineProperty如何巧妙找到修改某个变量的准确代码位置
Object.defineProperty() 方法直接在一个对象上定义一个新属性，或者修改一个已经存在的属性，并返回这个对象。下面这篇文章主要给大家介绍了关于使用Object.defineProperty如何巧妙找到修改某个变量的准确代码位置的相关资料，需要的朋友可以参考下
2018-11-11
微信小程序内拖动图片实现移动、放大、旋转的方法
这篇文章主要介绍了微信小程序内拖动图片实现移动、放大、旋转的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-09-09
js实现简单拼图游戏
这篇文章主要为大家详细介绍了js实现简单拼图游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07
Javascript表单序列化原理及实现代码详解
这篇文章主要介绍了Javascript表单序列化原理及实现代码详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-10-10
JavaScript 高性能数组去重的方法
这篇文章主要介绍了JavaScript 高性能数组去重的方法，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
2018-09-09
JS实现图片居中悬浮效果
这篇文章给大家分享的是通过JS实现图片垂直居中悬浮，不跟随滚动条飘动的效果，有兴趣的朋友跟着学习下吧。
2017-12-12
JS this作用域以及GET传输值过长的问题解决方法
专IE7浏览器，IE URL参数过长问题，引发HTTP Status 122报错；this作用域问题，对应的解决方法如下，感兴趣的朋友可以参考下，希望对大家有所帮助
2013-08-08
javaScript中push函数用法实例分析
这篇文章主要介绍了javaScript中push函数用法,较为详细的分析了javascript中push函数的功能、定义及使用技巧,需要的朋友可以参考下
2015-06-06
JavaScript判断对象和数组的两种方法
这篇文章主要介绍了JavaScript判断对象和数组的两种方法,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
2019-05-05