javascript 播放器 控制
更新時(shí)間:2007年01月22日 00:00:00 作者:
詳細(xì)參數(shù)可查詢(xún)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;
}
}
//更新時(shí)間
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 = "準(zhǔn)備就緒。歡迎光臨<a ;
break;
case 11:
playerinfo.innerHTML = "11";
break;
default:
playerinfo.innerHTML = "";
}
</script>
</body>
</html>
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;
}
}
//更新時(shí)間
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 = "準(zhǔn)備就緒。歡迎光臨<a ;
break;
case 11:
playerinfo.innerHTML = "11";
break;
default:
playerinfo.innerHTML = "";
}
</script>
</body>
</html>
您可能感興趣的文章:
- (jsp/html)網(wǎng)頁(yè)上嵌入播放器(常用播放器代碼整理)
- 運(yùn)用js教你輕松制作html音樂(lè)播放器
- js實(shí)現(xiàn)的萬(wàn)能flv網(wǎng)頁(yè)播放器代碼
- Js視頻播放器插件Video.js使用方法詳解
- javascript實(shí)現(xiàn)簡(jiǎn)單的html5視頻播放器
- js實(shí)現(xiàn)可兼容IE、FF、Chrome、Opera及Safari的音樂(lè)播放器
- JavaScript實(shí)現(xiàn)帶播放列表的音樂(lè)播放器實(shí)例分享
- 比較炫的圖片播放器 js 焦點(diǎn)效果代碼
- JavaScript實(shí)現(xiàn)簡(jiǎn)單音樂(lè)播放器
- JavaScript實(shí)現(xiàn)簡(jiǎn)單的音樂(lè)播放器
相關(guān)文章
JS中g(shù)etElementsByClassName與classList兼容性問(wèn)題解決方案分析
這篇文章主要介紹了JS中g(shù)etElementsByClassName與classList兼容性問(wèn)題解決方案,結(jié)合實(shí)例形式分析了getElementsByClassName與classList的使用方法、原理及兼容性問(wèn)題的處理技巧,需要的朋友可以參考下2019-08-08Js表格萬(wàn)條數(shù)據(jù)瞬間加載實(shí)現(xiàn)代碼
一條數(shù)據(jù)創(chuàng)建一行,如果數(shù)量大的時(shí)候,一次性要加載完數(shù)據(jù)的話,瀏覽器就會(huì)卡上半天,下面有個(gè)不錯(cuò)的方法,大家可以參考下2014-02-02基于JavaScript實(shí)現(xiàn)簡(jiǎn)單的輪播圖
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)簡(jiǎn)單的輪播圖,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-03-03js實(shí)現(xiàn)拖拽效果(構(gòu)造函數(shù))
這篇文章主要介紹了js利用構(gòu)造函數(shù)實(shí)現(xiàn)拖拽效果2015-12-12根據(jù)輸入郵箱號(hào)跳轉(zhuǎn)到相應(yīng)登錄地址的解決方法
本文分享了基于javascript實(shí)現(xiàn)的根據(jù)輸入郵箱號(hào)跳轉(zhuǎn)到相應(yīng)登錄地址的具體實(shí)例代碼,需要的朋友一起來(lái)看下吧2016-12-12