javascript 播放器 控制

天蝎艾米玉儿

天蝎艾米玉儿

2016-02-19 10:52

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享javascript 播放器 控制,希望可以对大家能有小小的帮助。
详细参数可查询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
    tdobject 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
    tdspan id="playerinfo"/span/td
  /tr
  tr
    td
      div style="text-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
展开更多 50%)
分享

猜你喜欢

javascript 播放器 控制

Web开发
javascript 播放器 控制

在网页中控制wmplayer播放器

电脑网络
在网页中控制wmplayer播放器

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

播放器怎么折 播放器折纸教程

折纸 简易折纸 手工折纸
播放器怎么折 播放器折纸教程

播放器哪个最好用 视频播放器哪个最好

电脑网络
播放器哪个最好用 视频播放器哪个最好

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

咪咕音乐播放器如何播放器如何设置

电脑网络
咪咕音乐播放器如何播放器如何设置

西瓜播放器怎么快进?西瓜播放器手机版快进

手机软件 应用软件
西瓜播放器怎么快进?西瓜播放器手机版快进

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

提高MySQL 查询效率的三个技巧

提高MySQL 查询效率的三个技巧

MAC OS X Lion系统安装文件找不到SharedSupport目录怎么办?

MAC OS X Lion系统安装文件找不到SharedSupport目录怎么办?
下拉加载更多内容 ↓