happmaoo 发表于 2013-2-7 22:34:35

Winamp网页播放器

哈哈,早上5点醒来睡不着,到www.real2000.org听歌,看到这个播放器不错,于是把它给扣了出来。^_^
原先是分了几个js文件调用的,为了贴代码方便,偶都放在一个文件里了:)共有2个文件和几十个图片。
在线演示:http://music.lzr.com.cn/Apple/Winamp
打包下载:http://music.lzr.com.cn/Apple/File/Winamp.rar
另外演示里放的是周杰伦的新专集《十一月的萧邦》,其中《发如雪》很好听,偶喜欢,推荐大家听听,嘻嘻。
好了,现在开始贴代码咯:
主文件Default.htm如下:

<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee;">http://dicky.cnblogs.com/Images/OutliningIndicators/None.gif<html>
http://dicky.cnblogs.com/Images/OutliningIndicators/None.gif<head>
http://dicky.cnblogs.com/Images/OutliningIndicators/None.gif<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
http://dicky.cnblogs.com/Images/OutliningIndicators/None.gif<title>Winamp网页播放器</title>
http://dicky.cnblogs.com/Images/OutliningIndicators/None.gif<metaname="Author"content="Winamp网页播放器">
http://dicky.cnblogs.com/Images/OutliningIndicators/None.gif<metaname="Keywords"content="Dicky.CnBlogs.Com">
http://dicky.cnblogs.com/Images/OutliningIndicators/None.gif<metaname="Description"content="Winamp网页播放器">
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif<styletype="text/css">http://www.cnblogs.com/Images/dot.gif
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gif<!--
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gifbody{http://www.cnblogs.com/Images/dot.gif}{background-color:#000000;}
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gifp{http://www.cnblogs.com/Images/dot.gif}{text-align:center;}
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif.title{http://www.cnblogs.com/Images/dot.gif}{font-family:"宋体";font-size:9pt;color:#ffffff;}
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif.time{http://www.cnblogs.com/Images/dot.gif}{font-family:'Tahoma','Verdana','Arial';font-size:9pt;color:#000000;}
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif-->
http://dicky.cnblogs.com/Images/OutliningIndicators/None.gif</style>
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif<scripttype="text/javascript"language="javascript">http://www.cnblogs.com/Images/dot.gif
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gif<!--
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gif//原Exobud.jsAddedByDicky2005-11-77:09:21
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarobjMmInfo=null;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarintMmCnt=0;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarintSelMmCnt=0;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarintActMmCnt=0;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarcActIdx=0;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarcActTit="nAnT";
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarstrMmInfo="媒体档案信息";
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarblnfpl=false;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarblnEnabled=false;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarblnEOT=false;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvararrSelMm=null;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvararrActMm=null;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarintExobudStat=0;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvartidTLab=null;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvartidErr=null;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvartidMsg=null;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarintErrCnt=0;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarblnRept=false;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gif//这是「自动连续播放」的设定。一般来说,播放一首音乐完毕后就会自动跳到下一首。
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gif//但是如果您要播放的媒体是视讯档案(例如:MV)的话,最好将这个设定值改为false。
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gif//true=自动连续播放
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gif//false=不要自动连续播放,让使用者自行挑选下一首曲目
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarblnAutoProc=true;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gif//设定播放面板上所显示的时间长度,预设是以正常方式(Elapse)抑或倒数方式(Lapse)显示:
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gif//true=以正常方式显示时间长度,即动态地显示曲目已播放的时间
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gif//false=以倒数方式显示时间长度,即动态地显示曲目剩余的时间
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarblnElaps=true;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gif//设定播放每首曲目之间的延迟时间(DelayTime),单位是毫秒(msec)。
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gif//每100毫秒代表0.1秒,默认值是500毫秒(即0.5秒),最少也要设为100毫秒。
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarintDelay=500;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gif//wmpInit()函式:使用wmp-objv7.x链接库建立环境设定
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.giffunctionwmpInit()http://www.cnblogs.com/Images/dot.gif{
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarwmps=Exobud.settings;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarwmpc=Exobud.ClosedCaption;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifwmps.autoStart=true;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifwmps.balance=0;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifwmps.enableErrorDialogs=false;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifwmps.invokeURLs=false;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifwmps.mute=false;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifwmps.playCount=1;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifwmps.rate=1;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifwmps.volume=100;
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gifif(blnUseSmi)http://www.cnblogs.com/Images/dot.gif{wmpc.captioningID="capText";capText.style.display="";}
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifExobud.enabled=true;
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif}
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gif//mkMmPath()函式:准备建立Multi-object的数组
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.giffunctionmkMmPath(u,t,f,s)http://www.cnblogs.com/Images/dot.gif{
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifthis.mmUrl="mms://218.75.129.247/www.ppzy.com/"+ungm(u);
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifthis.mmTit=t;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifthis.mmDur=0;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifthis.selMm=f;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifthis.actMm=f;
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gifif(blnUseSmi)http://www.cnblogs.com/Images/dot.gif{this.mmSmi=s;}
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif}
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gif//mkList()函式:建立Multi-object的数组
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.giffunctionmkList(u,t,s,f)http://www.cnblogs.com/Images/dot.gif{
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarcu=u;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarct=t;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarcs=s;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarcf=f;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvaridx=0;
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gifif(objMmInfo==null)http://www.cnblogs.com/Images/dot.gif{objMmInfo=newArray();idx=0;}
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gifelsehttp://www.cnblogs.com/Images/dot.gif{idx=objMmInfo.length;}
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gifif(u==""||u==null)http://www.cnblogs.com/Images/dot.gif{cu="mms://";}
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gifif(t==""||t==null)http://www.cnblogs.com/Images/dot.gif{ct="nAnT";}
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gifif(f=="f"||f=="F")http://www.cnblogs.com/Images/dot.gif{cf="f";}
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gifelsehttp://www.cnblogs.com/Images/dot.gif{cf="t";intSelMmCnt++;}
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gifif(blnUseSmi)http://www.cnblogs.com/Images/dot.gif{
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifobjMmInfo=newmkMmPath(cu,ct,cf,cs);
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif}elsehttp://www.cnblogs.com/Images/dot.gif{
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifobjMmInfo=newmkMmPath(cu,ct,cf);
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif}
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifintActMmCnt=intSelMmCnt;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifintMmCnt=objMmInfo.length;
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif}
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gif//mkSel()函式:建立已选取播放项目(SelectedMedia)的数组
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.giffunctionmkSel()http://www.cnblogs.com/Images/dot.gif{
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifarrSelMm=null;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifintSelMmCnt=0;
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifvarselidx=0;
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gifif(intMmCnt<=0)http://www.cnblogs.com/Images/dot.gif{intExobudStat=1;blnEnabled=false;return;}//没有任何播放清单项目
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifarrSelMm=newArray();
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.giffor(vari=0;i<intMmCnt;i++)http://www.cnblogs.com/Images/dot.gif{
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gifif(objMmInfo.selMm=="t")http://www.cnblogs.com/Images/dot.gif{arrSelMm=i;selidx++;}
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif}
http://dicky.cnblogs.com/Images/OutliningIndicators/InBlock.gifintSelMmCnt=arrSelMm.length;
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gifif(intSelMmCnt<=0)http://www.cnblogs.com/Images/dot.gif{blnEnabled=false;intExobudStat=2;arrSelMm=null;return;}
http://dicky.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://dicky.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gifelse<span style="">border-right: #808080 1px solid; border-top: #808080 1px solid; display: none; border-left: #808080 1px solid; border-bottom
页: [1]
查看完整版本: Winamp网页播放器