javascript 播放器 控制


Posted in Javascript onJanuary 22, 2007

详细参数可查询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 相关文章推荐
如何用js控制css中的float的代码
Aug 16 Javascript
jquery 缓存问题的几个解决方法
Nov 11 Javascript
JavaScript 实现鼠标拖动元素实例代码
Feb 24 Javascript
JavaScript中的单引号和双引号报错的解决方法
Sep 01 Javascript
轻松实现JavaScript图片切换
Jan 12 Javascript
分享我对JS插件开发的一些感想和心得
Feb 04 Javascript
jQuery中 $ 符号的冲突问题及解决方案
Nov 04 Javascript
利用webstrom调试Vue.js单页面程序的方法教程
Jun 06 Javascript
JS实现去除数组中重复json的方法示例
Dec 21 Javascript
微信小程序版翻牌小游戏
Jan 26 Javascript
3种vue路由传参的基本模式
Feb 22 Javascript
JavaScript实现商品评价五星好评
Nov 30 Javascript
JAVASCRIPT HashTable
Jan 22 #Javascript
Maps Javascript
Jan 22 #Javascript
自适应高度框架 ----属个人收藏内容
Jan 22 #Javascript
Opacity.js
Jan 22 #Javascript
html读出文本文件内容
Jan 22 #Javascript
用ADODB.Stream转换
Jan 22 #Javascript
Web层改进II-用xmlhttp 无声息提交复杂表单
Jan 22 #Javascript
You might like
zf框架的zend_cache缓存使用方法(zend框架)
2014/03/14 PHP
用PHP和Shell写Hadoop的MapReduce程序
2014/04/15 PHP
PHP5.5.15+Apache2.4.10+MySQL5.6.20配置方法分享
2016/05/06 PHP
CodeIgniter常用知识点小结
2016/05/26 PHP
PHP SFTP实现上传下载功能
2017/07/26 PHP
PHP中register_shutdown_function函数的基础介绍与用法详解
2017/11/28 PHP
把html页面的部分内容保存成新的html文件的jquery代码
2009/11/12 Javascript
jquery.hotkeys监听键盘按下事件keydown插件
2014/05/11 Javascript
Vuex模块化实现待办事项的状态管理
2017/03/15 Javascript
uploader秒传图片到服务器完整代码
2017/04/22 Javascript
jquery与js实现全选功能的区别
2017/06/11 jQuery
JQuery EasyUI 结合ztrIee的后台页面开发实例
2017/09/01 jQuery
angular中子控制器向父控制器传值的实例
2018/10/08 Javascript
JS数组求和的常用方法总结【5种方法】
2019/01/14 Javascript
vue2.0基于vue-cli+element-ui制作树形treeTable
2019/04/30 Javascript
Node.js 实现简单的无侵入式缓存框架的方法
2019/07/21 Javascript
原生js实现购物车
2020/09/23 Javascript
vue使用Sass时报错问题的解决方法
2020/10/14 Javascript
python标准日志模块logging的使用方法
2013/11/01 Python
Python中asyncore的用法实例
2014/09/29 Python
对于Python编程中一些重用与缩减的建议
2015/04/14 Python
python数据结构链表之单向链表(实例讲解)
2017/07/25 Python
Python查找两个有序列表中位数的方法【基于归并算法】
2018/04/20 Python
Python 访问限制 private public的详细介绍
2018/10/16 Python
Flask配置Cors跨域的实现
2019/07/12 Python
python使用pandas处理excel文件转为csv文件的方法示例
2019/07/18 Python
Python的形参和实参使用方式
2019/12/24 Python
美国汽车零部件和配件网站:CarParts
2019/03/13 全球购物
工程造价自荐信
2013/10/09 职场文书
大学生创业计划书的范文
2014/01/07 职场文书
工程招投标邀请书
2014/01/26 职场文书
请假条的格式
2014/04/11 职场文书
八荣八耻演讲稿
2014/09/15 职场文书
佛光寺导游词
2015/02/10 职场文书
详解非极大值抑制算法之Python实现
2021/06/28 Python
Java常用函数式接口总结
2021/06/29 Java/Android