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获取IFRAME当前的URL的方法
Nov 13 Javascript
js通过八个点 拖动改变div大小的实现方法
Mar 05 Javascript
jquery拖动层效果插件用法实例分析(附demo源码)
Apr 28 Javascript
微信小程序 wxapp内容组件 progress详细介绍
Oct 31 Javascript
js实现功能比较全面的全选和多选
Mar 02 Javascript
js前端导出Excel的方法
Nov 01 Javascript
CentOS环境中MySQL修改root密码方法
Jan 07 Javascript
详解.vue文件中style标签的几个标识符
Jul 17 Javascript
微信小程序保存多张图片的实现方法
Mar 05 Javascript
Vue匿名插槽与作用域插槽的合并和覆盖行为
Apr 22 Javascript
使用jquery-easyui的布局layout写后台管理页面的代码详解
Jun 19 jQuery
JQuery省市联动效果实现过程详解
May 08 jQuery
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
laravel框架中控制器的创建和使用方法分析
2019/11/23 PHP
jQuery插件原来如此简单 jQuery插件的机制及实战
2012/02/07 Javascript
JS调用页面表格导出excel示例代码
2014/03/18 Javascript
javascript实现继承的简单实例
2015/07/26 Javascript
微信小程序 数组中的push与concat的区别
2017/01/05 Javascript
Bootstrap显示与隐藏简单实现代码
2017/03/06 Javascript
Vue 父子组件、组件间通信
2017/03/08 Javascript
详解RequireJS按需加载样式文件
2017/04/12 Javascript
JavaScript数组push方法使用注意事项
2017/10/30 Javascript
NodeJS搭建HTTP服务器的实现步骤
2018/10/12 NodeJs
React精髓!一篇全概括小结(急速)
2019/05/23 Javascript
javascript自定义日期比较函数用法示例
2019/07/22 Javascript
微信小程序跨页面数据传递事件响应实现过程解析
2019/12/19 Javascript
[03:21]【TI9纪实】Old Boys
2019/08/23 DOTA
python 正则式使用心得
2009/05/07 Python
python中函数传参详解
2016/07/03 Python
python实现unicode转中文及转换默认编码的方法
2017/04/29 Python
浅谈Python由__dict__和dir()引发的一些思考
2017/10/30 Python
Python实现读取Properties配置文件的方法
2018/03/29 Python
在Python中使用defaultdict初始化字典以及应用方法
2018/10/31 Python
对python csv模块配置分隔符和引用符详解
2018/12/12 Python
选择python进行数据分析的理由和优势
2019/06/25 Python
Python numpy线性代数用法实例解析
2019/11/15 Python
卸载tensorflow-cpu重装tensorflow-gpu操作
2020/06/23 Python
英国领先的餐饮折扣俱乐部:Gourmet Society
2020/07/26 全球购物
红头文件任命书范本
2014/06/05 职场文书
大学生个人年度总结范文
2015/02/15 职场文书
老公婚前保证书
2015/02/28 职场文书
求职信内容一般写什么?
2015/03/20 职场文书
同乡会致辞
2015/07/30 职场文书
大学校园招聘会感想
2015/08/10 职场文书
体育部部长竞选稿
2015/11/21 职场文书
2019七夕节祝福语36句,快来收藏吧
2019/08/06 职场文书
解决MySQL存储时间出现不一致的问题
2021/04/28 MySQL
解决sql server 数据库,sa用户被锁定的问题
2021/06/11 SQL Server
HTML基础详解(下)
2021/10/16 HTML / CSS