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 相关文章推荐
Javascript延迟执行实现方法(setTimeout)
Dec 30 Javascript
从URL中提取参数与将对象转换为URL查询参数的实现代码
Jan 12 Javascript
各浏览器中querySelector和querySelectorAll的实现差异分析
May 23 Javascript
javascript中[]和{}对象使用介绍
Mar 20 Javascript
jQuery实现 注册时选择阅读条款 左右移动
Apr 11 Javascript
在Linux上用forever实现Node.js项目自启动
Jul 09 Javascript
JS中Location使用详解
May 12 Javascript
JavaScript中toString()方法的使用详解
Jun 05 Javascript
js采用concat和sort将N个数组拼接起来的方法
Jan 21 Javascript
jQuery实现三级联动效果
Mar 02 Javascript
jquery+ajax实现异步上传文件显示进度条
Aug 17 jQuery
JavaScript 异步时序问题
Nov 20 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
做个自己站内搜索引擎
2006/10/09 PHP
PHP加密解密字符串汇总
2015/04/26 PHP
PHP实现根据时间戳获取周几的方法
2016/02/26 PHP
PHP中set_include_path()函数相关用法分析
2016/07/18 PHP
关于PHP中协程和阻塞的一些理解与思考
2017/08/11 PHP
关于jquery css的使用介绍
2013/04/18 Javascript
js模拟select下拉菜单控件的代码
2013/05/08 Javascript
js charAt的使用示例
2014/02/18 Javascript
jQuery中width()方法用法实例
2014/12/24 Javascript
详解Javascript模板引擎mustache.js
2016/01/20 Javascript
浅析jQuery中使用$所引发的问题
2016/05/29 Javascript
windows下vue.js开发环境搭建教程
2017/03/20 Javascript
Vue Element使用icon图标教程详解(第三方)
2018/02/07 Javascript
基于vue-router 多级路由redirect 重定向的问题
2018/09/03 Javascript
适合前端Vue开发童鞋的跨平台Weex的使用详解
2019/10/16 Javascript
JavaScript中变量提升和函数提升的详解
2020/08/07 Javascript
openlayers 3实现车辆轨迹回放
2020/09/24 Javascript
[48:48]完美世界DOTA2联赛PWL S3 Magama vs GXR 第一场 12.19
2020/12/24 DOTA
Python实现对PPT文件进行截图操作的方法
2015/04/28 Python
python复制文件的方法实例详解
2015/05/22 Python
Python set常用操作函数集锦
2017/11/15 Python
python学习笔记之列表(list)与元组(tuple)详解
2017/11/23 Python
TF-IDF与余弦相似性的应用(一) 自动提取关键词
2017/12/21 Python
python爬虫之urllib,伪装,超时设置,异常处理的方法
2018/12/19 Python
Python实现的排列组合、破解密码算法示例
2019/04/12 Python
详解Python3 对象组合zip()和回退方式*zip
2019/05/15 Python
写clone()方法时,通常都有一行代码,是什么?
2012/10/31 面试题
一百多行代码实现react拖拽hooks
2021/03/23 Javascript
班长自荐书范文
2014/02/11 职场文书
婚礼答谢宴主持词
2014/03/14 职场文书
个人合作协议书范本
2014/04/18 职场文书
班级光棍节联谊会策划书
2014/10/10 职场文书
2014年移动公司工作总结
2014/12/08 职场文书
初中地理教学反思
2016/02/19 职场文书
用Python将库打包发布到pypi
2021/04/13 Python
MySQL连接查询你真的学会了吗?
2021/06/02 MySQL