封装的一个播放器wmv- 网页播放器 - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > 网页播放器 > 封装的一个播放器wmv

网页播放器: 歌词编辑器和选择歌曲可播放的网页; 非常全的javascript控制MediaPlayer的属性集合; 1ting的歌词同步，所用到的代码; 关于网页媒体播放器兼容性的问题（附原码）下载; [翻译] JW Media Player 中文文档; 在线FLV播放器实现方法; flv播放器在网页中播放flv; 宝丽通3.90播放器调用代码; 电影系统调用“宝丽通”加速播放器，任意拖动不会卡; FireFox下的MediaPlayer插件(可以正常播放mediaplayer); js 网页视频播放器程序代码(通用代码),支持avi,wmv,asf,mov,rm,ra,ram等; WMV网页播放器参数中文详解; 网页播放器 windowsmediaplay中控制从wmv的指定时间开始播放，指定时间停止播放; MediaPlayer 在线播放器代码; FCKeditor 源代码分析附中文注释; 网上比较常用的嵌入网页中的播放器代码收藏; tinyMCE插件开发之插入html,php,sql,js代码并代码高亮显示

No. « ‹ 1 2 »

技术文章搜索

关键字

网页播放器中的封装的一个播放器wmv

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 105 ::

收藏到网摘: n/a

图片自动播放器脚本之家修正利用JAVASCRIPT控制MEDIA PLAYER的功能实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>播放器</title>
</head>
<script language="javascript">
//linfeng@gx165.com
function classMedia(_mediaid,_showTextid,_objname)
{ //外部属性========================================================================= this.CYL=true;//连续播放标志 this.RDM=false;//无序播放(true为无序播放) this.MASMODE=true;//主模式，当用弹出式窗口控制时是从模式 this.MSG=""; //消息 //-----初始化设置--------------------------------------------------------------------- var TimeOUT=20; var M_Stop=false; var mediaObj=document.getElementById(_mediaid); var showObj=document.getElementById(_showTextid); var SoundID=0; var nextID=1; var MusicLength=0; var Music=new Array(); var ACT; var sTime=TimeOUT; var WinOPEN; var revFlag=false; function duiLei() { var lgh=50 ;//队列长 var sID=new Array(); var num=0; var topn; var lenght=0; this.isTop=true; for(var i=0;i<lgh;i++) { sID[i]=0; } this.input=function(x) { num++; lenght++; if(num>lgh-1)num=0; sID[num]=x; topn=num; } this.output=function() { if(lenght>0) { lenght--; num--; } this.isTop=false; if(num<0)num=lgh-1; return sID[num]; } this.popID=function() { num++; lenght++; if(num>lgh-1)num=0; if(num==topn)this.isTop=true; return sID[num]; } this.GetIsButtom=function() { return lenght==0; } } var His=new duiLei(); this.AddList=function(u,n,f)//add Music { var tmp=(f==undefined)?"no":f; Music[Music.length]={url:u,name:n,file:tmp,id:MusicLength}; MusicLength=Music.length; } function PlayID(c_id) { mediaObj.controls.stop(); mediaObj.URL=Music[c_id].url; mediaObj.controls.play(); } function GetNextID(leg,RandomFlag,isMas) { var temp; if(His.isTop) { if(isMas) { if(RandomFlag) { temp=Math.round(Math.random()*(leg-1)) } else { temp=(SoundID+1)%leg; } }//-------- else { temp=GetMenuPlayNext(leg) } His.input(temp); return temp; } else { return His.popID(); } } function GetMenuPlayNext(length) { if(WinOPEN!=null && WinOPEN.open) { return WinOPEN.GetNextSoundID(); } else { return (SoundID+1)%length; } } function testTimeOut(s) { if(s) { TimeOUT--; if(TimeOUT==0) { TimeOUT=sTime; return true; } else { return false; } } else { TimeOUT=sTime; return false; } } function MsgRefresh()//更新消息 { var staText; staText="当前\""+Music[SoundID].name+SoundID+"\"下一首\""+Music[nextID].name+nextID+"\""; staText="<font color=yellow size='2'>当前:</font><font color=#00ffff size='2'>" +mediaObj.status +"</font><font color=#ff0000 size='2'>--" +Music[SoundID].name+"--</font> <a href='#huangXiangBin' onclick='"+_objname+".NEXT()'>下一首--</a><font color=#ff00ff size='2'>" +Music[nextID].name+"</font> "; //showObj.innerHTML=staText; ////////////////////////////////////////////////////////////////////// showObj.innerHTML=staText; /////////////////////////////////////////////////////////////////////// return staText; } this.RUN=function() { if(MusicLength==0)return; if(!M_Stop && this.CYL) { if(mediaObj.playState==6 && testTimeOut(1)) { this.NEXT(); } if(mediaObj.playState==10||mediaObj.playState==1) { testTimeOut(0); this.NEXT(); } } this.MSG=MsgRefresh(); } ACT=window.setInterval(_objname+".RUN();",3000);
/////////////////////////////////////////////////////////////////////////////以下为程序接口
//////////////////////////////////----------播放控制------------------------- this.PLAY=function(s_id)//播放，如果无参数，即播放当前ID,有参数时，播放参数指定的ID { if(mediaObj.URL=="")mediaObj.URL=Music[0].url; if(arguments.length>0) { SoundID=s_id; PlayID(SoundID); } else { mediaObj.controls.play(); } this.MSG=MsgRefresh(); M_Stop=false; this.MASMODE=true; revFlag=false; } this.PAUSE=function()//暂停 { mediaObj.controls.pause(); this.MSG=MsgRefresh(); } this.REV= function(t)//播放上一首 { var idx=1; if(arguments.length>0)idx=t; if(!revFlag)idx++; for(;idx>0;idx--) { if(His.GetIsButtom())return;//没有前一首了 nextID=SoundID; //当带有参数时，将播放向下播放第N首 SoundID=His.output(); } PlayID(SoundID); this.MSG=MsgRefresh(); M_Stop=false;//停止标记 revFlag=true; } this.NEXT=function(t)//播放下一首，当带有参数时， { //将播放向下播放第N首，但只能是历史播放才有些功能 idx=1; if(arguments.length>0)idx=t; if(revFlag)idx++; for(;idx>0;idx--) { SoundID=nextID; nextID=GetNextID(MusicLength,this.RDM,this.MASMODE); if(His.isTop)break; } PlayID(SoundID); this.MSG=MsgRefresh(); M_Stop=false; revFlag=false; } this.STOP=function()//停止播放 { M_Stop=true; mediaObj.controls.stop(); } this.SETVOLUME=function(vol)//设置音量 { if(vol>100)vol=100; if(vol<0)vol=0; mediaObj.settings.volume=parseInt(vol); } //----------播放设置------------------------- this.SETRDM=function()//设置无序或是有序播放，调用一次，改变一次状态 { this.RDM=this.RDM?false:true; } this.SETCYCLE=function()//设置是否进行循环播放，调用一次，改变一次状态 { this.CYL=this.CYL?false:true; } this.INIT=function() { if(this.RDM==true)//无序播放 { SoundID=GetNextID(MusicLength,this.RDM,this.MASMODE); nextID==GetNextID(MusicLength,this.RDM,this.MASMODE); } if(!M_Stop) { PlayID(SoundID); } } //----------传输播放状态------------------------- this.SENDLRC=function(c_id)//无参数时读取当前歌曲的内容，如果有参数，则读取指定参数歌曲的内容 { if(arguments.length>0)return Music[c_id]; return Music[SoundID];//url:歌曲链接地址,name:歌曲名,file:LRC歌词地址（用于以后的功能扩展）,id:歌曲的id } this.RESTA=function()//返回播放器状态 { return mediaObj.playState; } //----------外部播放控制接口------------------------- this.MENUPLAY=function(c_id,n_id)//播放，并且设置当前ID，和下一首的ID（作用是用在新开的窗口的接口） { SoundID=c_id; nextID=n_id; PlayID(SoundID); His.input(SoundID); this.MSG=MsgRefresh(); this.MASMODE=false; } this.GetMusicLength=function()//返回曲目总数 { return MusicLength; } this.OPENMUNU=function()//打开歌曲列表 { var url="XBandLH.htm?"+_objname; WinOPEN=window.open(url,"WinList", " width=250, height=300,scrollbars=1 "); }
}
</script>
<body bgcolor=#000000>
<div id=show></div>
<input type="button" name="Submit" value="播放" onclick="oo.PLAY();"/>
<input type="button" name="Submit2" value="上一首" onclick="oo.REV();" />
<input type="button" name="Submit3" value="下一首" onclick="oo.NEXT();" />
<input type="button" name="Submit0" value="停止" onclick="oo.STOP();" />
<input type="button" name="Submit4" value="打开歌曲列表" onclick="oo.OPENMUNU();" />
<input type="button" name="Submit5" value="随机/顺序" onclick="oo.SETRDM();" />
<input type="button" name="Submit5" value="连续/单曲" onclick="oo.SETCYCLE();" />
<object id='media1' classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6 width='400' height='100'> <param NAME='URL' VALUE=''> <param NAME='rate' VALUE='-1'> <param NAME='balance' VALUE='0'> <param NAME='currentPosition' VALUE='0'> <param NAME='defaultFrame' VALUE=''> <param NAME='playCount' VALUE='1'> <param NAME='autoStart' VALUE='-1'> <param NAME='currentMarker' VALUE='0'> <param NAME='invokeURLs' VALUE='-1'> <param NAME='baseURL' VALUE=''> <param NAME='volume' VALUE='100'> <param NAME='mute' VALUE='0'> <param NAME='uiMode' VALUE='mini'> <param NAME='stretchToFit' VALUE='0'> <param NAME='windowlessVideo' VALUE='0'> <param NAME='enabled' VALUE='-1'> <param NAME='enableContextMenu' VALUE='0'> <param NAME='fullScreen' VALUE='0'> <param NAME='SAMIStyle' VALUE=''> <param NAME='SAMILang' VALUE=''> <param NAME='SAMIFilename' VALUE=''> <param NAME='captioningID' VALUE=''> <param NAME='enableErrorDialogs' VALUE='0'> <param NAME='_cx' VALUE='5080'> <param NAME='_cy' VALUE='5080'> </object>
</body>
<script language="javascript">
var oo=new classMedia('media1','show','oo');//第一个参数，播放器ID，第二个参数显示歌词容器ID，第三个参数，所创建的的对象变量名称
oo.AddList('http://qz.gx.vnet.cn/bbs/music/0731/02.wma','情归于尽','qingguiyijin.lrc');
oo.AddList('http://qz.gx.vnet.cn/bbs/music/0318/04.wma','熟能生巧','snsq.lrc');
oo.AddList('http://qz.gx.vnet.cn/bbs/music/0318/06.wma','人质','renzi.lrc');
oo.AddList('http://qz.gx.vnet.cn/bbs/music/0318/09.wma','夜曲','yeqi.lrc');
oo.AddList('http://qz.gx.vnet.cn/bbs/music/0318/10.wma','只对你说','zdns.lrc');
oo.AddList('http://bbs.yc360.net/music/suibianxiaohui.mp3','随便','suibian.txt');
oo.AddList('http://202.195.195.137/music/赵传/爱要怎么说出口.mp3','爱要怎么说出口','ayzmsck.lrc');
oo.AddList('http://ctone.zmcc.com.cn/ColorTone/music/03/01/01/c0301010559.wma','一辈子孤单','ybzgd.lrc');
oo.AddList('http://www.eqdu.com/modules/music/upload/music/200681441498453.mp3','青青河边草','qqhebianchao.lrc');
oo.AddList('http://www.vllan.com/bbs/UploadFile/2006-3/200631610291574926.mp3','在那遥远的地方','znyyddf.txt');
oo.AddList('http://www.badmintonfan.com/mv/cksdxz.mp3','从开始到现在 ','kadxz.lrc');
oo.AddList('http://www.tiantian2006.com/闪亮的日子-罗大佑.mp3','闪亮的日子 ','shanlian.lrc');
oo.AddList('http://www.blogd.cn/UploadFiles/2006-11/1113752996.mp3','菊花台','juhuatai.lrc');
oo.AddList('http://www.cxpre.com/tinguting/uploadfile/20059763413933.wma','莫斯科没有眼泪','mosike.lrc');
oo.AddList('http://down.yysy.net/Music/siledouyaoai.mp3','死了都要爱','xileai.lrc');
oo.AddList('http://maolv.cm310.com/mp3/206.mp3','嘟啊嘟');
oo.AddList('http://www.tt99w.com/dj/djku/kanshangta.mp3','看上她','kanshangta.lrc');
oo.AddList('http://www.nnred.com/bbs/mp3/11.mp3','飘移','piaoyi.lrc');
oo.AddList('http://www.1860tm.com/word/firstlove.mp3','第一次爱的人','diyiciairen.lrc');
oo.AddList('http://online.btvu.org/club/forum/files/307.mp3','爱你','ainiwang.lrc');
oo.AddList('http://www.7say.com/music/fly.wma','隐形的翅膀','yinche.lrc');
oo.AddList('http://www.malamusic.com.tw/ezfiles/mala/img/img/2275/marvin7.mp3','轮回');
oo.INIT();//初始化并开始播放
</script>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

由主页面弹出的菜单页面代码--XBandLH.htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>播放清单 </TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<style>
A { COLOR: #334455; TEXT-DECORATION: none
}
A:link { COLOR: #334455; TEXT-DECORATION: none
}
A:visited { COLOR: #223344; TEXT-DECORATION: none
}
A:active { COLOR: #334455; TEXT-DECORATION: none
}
A:hover { COLOR: gold; TEXT-DECORATION: none
}
BODY { MARGIN: 0px; CURSOR: crosshair; BACKGROUND-COLOR: #8498a3
}
BODY { FONT-SIZE: 9pt; COLOR: #b0c0d0; FONT-FAMILY: 'Tahoma','Verdana','Arial'
}
TD { FONT-SIZE: 9pt; COLOR: #b0c0d0; FONT-FAMILY: 'Tahoma','Verdana','Arial'
}
a.redcolor:link,a.redcolor:visited{color:#ff7788;}
a.redcolor:hover{color:#FF0000;TEXT-DECORATION:underline; }
</style>
</HEAD>
<BODY onselectstart="return false" ondragstart="return false" leftMargin=0
topMargin=0 marginheight="0" marginwidth="0">
<div style="display:none" id="SoundList">
</div>
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD align=middle width="100%" bgColor=#304050 height=25><IMG height=25 alt="播放清单" src="img/pl.gif" width=157></TD></TR> <TR> <TD vAlign=top> <DIV id=showList> </DIV></TD> </TR> <TR> <TD vAlign=bottom align="center"> <DIV id=pageList><a href="#hxb" id="go0">|<<</a> <a href="#hxb" id="goRev"> <</a> <a href="#hxb" id="goNext">></a> <a href="#hxb" id="goEnd">>>| </a></DIV></TD></TR> <TR> <TD align="center" style="word-break: break-all; word-wrap:break-word;"> <table width="90%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div id=pagenume></div></td> </tr>
</table> </TD></TR> <TR> <TD align=middle bgColor=#304050 height=20><SPAN id=pageInfo></SPAN> <IMG title=全部选取 style="CURSOR: hand" height=10 src="img/pl_btn_allsel.gif" width=35 align=absMiddle border=0 id="selall"> <IMG title=全部不选 style="CURSOR: hand" height=10 src="img/pl_btn_desel.gif" width=35 align=absMiddle border=0 id="nosel"> <IMG title=播放已选取的曲目 style="CURSOR: hand" height=10 src="img/pl_btn_playsel.gif" width=35 align=absMiddle border=0 id="playdsel"> <IMG title=关闭播放清单窗口 style="CURSOR: hand" height=10 src="img/pl_btn_winclose.gif" width=35 align=absMiddle border=0> </TD></TR></TBODY></TABLE> </BODY> </HTML>
<script language="javascript" type="text/jscript">
var CurrentId=0;
var NextSoundId=0;
//移除search方法留下的问号)
OpenerMedia=eval("opener."+document.location.search.substring(1))//opener.oo;
self.focus();
var CurrentPage=0;
var PageSize=15;
var SonndLenght=OpenerMedia.GetMusicLength();
var pageNume=Math.floor(SonndLenght/PageSize);
if(pageNume<SonndLenght/PageSize)
{ pageNume+=1;
}
var MPSFlag=OpenerMedia.CYL;//循环
function PageNumeColor(p)
{ for(var i=0;i<pageNume;i++) { document.getElementById('pNume'+i).className=''; } document.getElementById('pNume'+p).className="redcolor";
}
function MadePage(_id){ var htmlTag = document.getElementById('page'+_id); var tagDiv = document.getElementById('showList') if(htmlTag) return; var divobj = document.createElement('div'); divobj.style.display ='none'; divobj.id = 'page'+_id; divobj.innerHTML=MadeListHtml(_id*PageSize,PageSize) tagDiv.appendChild(divobj);
}
function MadePageNume()
{ var str='*'; for(var menuPage=0;menuPage<pageNume;menuPage++) { str+="<a href=#hxb onclick='GoPage("+menuPage+")' id='pNume"+menuPage+"'>"+(menuPage+1)+"</a>*" } return str;
}
function MadeListHtml(st,l)
{ var str=''; var name=''; while(l-- && st<SonndLenght) { name=OpenerMedia.SENDLRC(st).name;//.BgSoundName[st] str+="<input type=checkbox name=sound value="+st+"><a href=#hxb onclick='p("+st+")'>"+(st+1)+"."+name+"</a>
"; st++; } return str;
}
function pageInit(p)
{ MadePage(0); document.getElementById('page0').style.display=''; document.getElementById('pagenume').innerHTML=MadePageNume(); PageNumeColor(0);
}
function HiddenPage()
{ for(var i=0;i<pageNume;i++) { if(document.getElementById('page'+i)) { document.getElementById('page'+i).style.display='none'; } }
}
function AllNoSel()
{ var a = document.getElementsByTagName("input"); for (var i=0; i<(a.length); i++) { if (a[i].type == "checkbox") a[i].checked = false; }
}
function SelAll()
{ var a = document.getElementsByTagName("input"); for (var i=0; i<(a.length); i++) { if (a[i].type == "checkbox") a[i].checked = true; }
}
function GoNextPage()
{ if(CurrentPage==pageNume-1)return; HiddenPage(); CurrentPage++; MadePage(CurrentPage); document.getElementById('page'+CurrentPage).style.display=''; PageNumeColor(CurrentPage);
}
function GoRevPage()
{ if(CurrentPage==0)return; HiddenPage(); CurrentPage--; MadePage(CurrentPage); document.getElementById('page'+CurrentPage).style.display=''; PageNumeColor(CurrentPage);
}
function GoPage0()
{ HiddenPage(); CurrentPage=0; MadePage(CurrentPage); document.getElementById('page0').style.display=''; PageNumeColor(CurrentPage);
}
function GoPageEnd()
{ HiddenPage(); CurrentPage=pageNume-1; MadePage(CurrentPage); document.getElementById('page'+(pageNume-1)).style.display=''; PageNumeColor(CurrentPage);
}
function GoPage(p)
{ HiddenPage(); CurrentPage=p; MadePage(CurrentPage); document.getElementById('page'+p).style.display=''; PageNumeColor(CurrentPage);
}
document.getElementById('selall').onclick=function(){SelAll()};
document.getElementById('nosel').onclick=function(){AllNoSel()};
document.getElementById('goNext').onclick=function(){GoNextPage()};
document.getElementById('goRev').onclick=function(){GoRevPage()};
document.getElementById('goEnd').onclick=function(){GoPageEnd()};
document.getElementById('go0').onclick=function(){GoPage0()};
document.getElementById('playdsel').onclick=function(){PlaySelMusic();};
pageInit();
//-------------------------------------------------------------
function GetNextSoundID()
{ var a = document.getElementsByTagName("input"); var tmp=CurrentId; if(CurrentId==a.length-1)CurrentId=-1; while(CurrentId<a.length-1) { CurrentId++; if(a[CurrentId].type == "checkbox" && a[CurrentId].checked==true)return CurrentId; if(tmp!=-1 && CurrentId==a.length-1) { CurrentId=-1; tmp=-1; } } return(0);
}
function window.onunload()
{ OpenerMedia.MASMODE=true;
}
function p(x)
{ OpenerMedia.PLAY(x); opener=null; window.close();
}
function PlaySelMusic()
{ CurrentId=-1; OpenerMedia.MENUPLAY(GetNextSoundID(),GetNextSoundID());
}
</script>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

图片自动播放器脚本之家修正利用JAVASCRIPT控制MEDIA PLAYER的功能实现

网页播放器 中的 封装的一个播放器wmv

评论 (0) All

网页播放器中的封装的一个播放器wmv