5q校内网个人主页顶部播放器[自定义曲目列表]-css代码站

看好多人都求可以播放多首歌曲的音乐播放器，在这里摸爬滚打了近1个半月，也翻了一些人的主页，发现有几个人的播放器是下拉菜单选择歌曲，一般也就3首吧，不是很美观

现在共享一下我的播放器吧，效果参考我的主页顶部
http://5q.com/society/SocietyUserPerson.do?userId=200248944

支持自定义歌曲列表[曲目数量无限制]，随机，循环等播放方式，静音，音量调节等，播放列表按钮比较隐蔽，调节音量的右边有一个"PL"[PlayList]按钮，点一下看看吧

------------------------------------------------------------------------------
[06-7-20添加]
很多人看我的解释还是不太明白，可能是我表达能力有限吧，已经修改了帖子，附上了图，应该直观多了

添加本播放器可以有3种类型，对应3种方法[如果完全没有网页编程基础,可以不考虑本播放器]

1.完全和我的一样，我进行的任何对播放器的修改都影响到你[包括歌曲]，那么请看楼主帖，一步到位，完全不用管播放器本身代码

2.添加自己的歌曲[播放列表]，但我对播放器外貌的修改会影响到你，那么请参考本帖27楼的方法

3.完全和我没关系，我怎么改都不会影响到你，那么请仔细看完我的中文说明[代码完全不用看懂，只要按照我说的修改就没问题]
------------------------------------------------------------------------------

下面开始详细介绍：

第一种：引用我的播放器

请按如下方法一步到位

个人主页管理[添加方法见15楼]->自定义样式中的"背景音乐"一栏填写

"><script src="http://img.xiaonei.com/photos/20060822/0950/orig40575.css"></script><script language=javascript>initExobud();dspList();</script><bgsound src="

请把全部的代码复制，不要遗漏任何标点

有人可能有疑问为什么前后会出现">和<bgsound src="这样不完整的代码，这是一个欺骗浏览器的方法，结束原标签，插入新内容，再续上该标签，在这里不做深入讨论~~

第二种：完整的添加方式

想不受我控制[指播放的歌曲，播放器样式等各种修改]就这样加吧

以下的代码是存放在文件中的，而非直接写入页面，切记

红色标注的以css结尾的是文件名，不写在文件中

以下代码保存为css文件,红色为文件名,不写入文件

主程序：

player.css

document.writeln('<script language=\"Javascript\" src=\"http://ps.5q.com/ss/css/custom/66/68/71/716866597a/200248944/exobud.css\"></script>');

document.writeln('<script language=\"Javascript\" src=\"http://ps.5q.com/ss/css/custom/66/68/71/716866597a/200248944/exobudset.css\"></script>');

document.writeln('<script language=\"Javascript\" src=\"http://ps.5q.com/ss/css/custom/66/68/71/716866597a/200248944/neji-playlist[060811].css\"></script>');

document.writeln('<script language=\"Jscript\" for=\"Exobud\" event=\"openStateChange(sf)\">evtOSChg(sf);</script>');

document.writeln('<script language=\"Jscript\" for=\"Exobud\" event=\"playStateChange(ns)\">evtPSChg(ns);</script>');

document.writeln('<script language=\"Jscript\" for=\"Exobud\" event=\"error()\">evtWmpError();</script>');

document.writeln('<script language=\"Jscript\" for=\"Exobud\" event=\"Buffering(bf)\">evtWmpBuff(bf);</script>');

document.writeln('<script language=\"Javascript\" src=\"http://ps.5q.com/ss/css/custom/66/68/71/716866597a/200248944/imgchg.css\"></script>');

document.writeln('<object id=\"Exobud\" classid=\"CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6\"');

document.writeln(' type=\"application/x-oleobject\" width=\"0\" height=\"0\"');

document.writeln(' style=\"position:relative;left:0px;top:0px;width:0px;height:0px;\">');

document.writeln(' <param name=\"autoStart\" value=\"true\">');

document.writeln(' <param name=\"balance\" value=\"0\">');

document.writeln(' <param name=\"currentPosition\" value=\"0\">');

document.writeln(' <param name=\"currentMarker\" value=\"0\">');

document.writeln(' <param name=\"enableContextMenu\" value=\"false\">');

document.writeln(' <param name=\"enableErrorDialogs\" value=\"false\">');

document.writeln(' <param name=\"enabled\" value=\"true\">');

document.writeln(' <param name=\"fullScreen\" value=\"false\">');

document.writeln(' <param name=\"invokeURLs\" value=\"false\">');

document.writeln(' <param name=\"mute\" value=\"false\">');

document.writeln(' <param name=\"playCount\" value=\"1\">');

document.writeln(' <param name=\"rate\" value=\"1\">');

document.writeln(' <param name=\"uiMode\" value=\"none\">');

document.writeln(' <param name=\"volume\" value=\"100\">');

document.writeln('</object>');

document.writeln('<table height=31 align=center cellpadding=0 cellspacing=0 border=0>');

document.writeln(' <tr>');

document.writeln(' <td>');

document.writeln('<table align=center cellpadding=0 cellspacing=0 border=0 height=\"26\">');

document.writeln(' <tr>');

document.writeln(' <td align=center><img src=\"http://photos.album.5q.com/3d/32/81/bef8e70/1156211733002.jpg\" onClick=\"vizExobud()\" style=\"cursor:help\" title=\"欢迎使用水影音乐播放器:)\"></td>');

document.writeln(' <td nowrap');

document.writeln(' ><img name=\"prevt\" src=\"http://photos.album.5q.com/36/20/75/bebc8e3/1147998021969.jpg\" border=0 onClick=\"playPrev()\"');

document.writeln(' onMouseOver=\"imgtog(\'prevt\',2)\" onMouseOut=\"imgtog(\'prevt\',3)\" style=\"cursor:hand\" title=\"上一首曲目\"');

document.writeln(' ><img name=\"pauzt\" src=\"http://photos.album.5q.com/36/20/75/bebc8e3/1147997979891.jpg\" border=0 onClick=\"wmpPP()\"');

document.writeln(' onMouseOver=\"imgtog(\'pauzt\',2)\" onMouseOut=\"imgtog(\'pauzt\',3)\" style=\"cursor:hand\" title=\"暂停．继续\"');

document.writeln(' ><img name=\"stopt\" src=\"http://photos.album.5q.com/36/20/75/bebc8e3/1147998055287.jpg\" border=0 onClick=\"wmpStop()\"');

document.writeln(' onMouseOver=\"imgtog(\'stopt\',2)\" onMouseOut=\"imgtog(\'stopt\',3)\" style=\"cursor:hand\" title=\"停止\"');

document.writeln(' ><img name=\"playt\" src=\"http://photos.album.5q.com/36/20/75/bebc8e3/1147998021881.jpg\" border=0 onClick=\"startExobud()\"');

document.writeln(' onMouseOver=\"imgtog(\'playt\',2)\" onMouseOut=\"imgtog(\'playt\',3)\" style=\"cursor:hand\" title=\"播放\"');

document.writeln(' ><img name=\"nextt\" src=\"http://photos.album.5q.com/36/20/75/bebc8e3/1147997979852.jpg\" border=0 onClick=\"playNext()\"');

document.writeln(' onMouseOver=\"imgtog(\'nextt\',2)\" onMouseOut=\"imgtog(\'nextt\',3)\" style=\"cursor:hand\" title=\"下一首曲目\"');

document.writeln(' ></td>');

document.writeln('<td nowrap>');

document.writeln('<img name=\"vmute\" src=\"http://photos.album.5q.com/36/20/75/bebc8e3/1147997979813.jpg\" border=0 onClick=\"wmpMute()\" onMouseOver=\"imgtog(\'vmute\',2)\" onMouseOut=\"imgtog(\'vmute\',3)\" style=\"cursor:hand\" title=\"静音模式\" width=\"30\" height=\"26\"><img src=\"http://photos.album.5q.com/36/20/75/bebc8e3/1147998021929.jpg\" name=\"meter\" border=\"0\" usemap=\"#FPMap0\" onMouseover=\"this.style.cursor=\'hand\';\"></td>');

document.writeln(' <td><img name=\"plist\" src=\"http://photos.album.5q.com/36/20/75/bebc8e3/1147997979750.jpg\" border=0 onClick=\"openPlist()\" onMouseOver=\"imgtog(\'plist\',2)\" onMouseOut=\"imgtog(\'plist\',3)\" style=\"cursor:hand\" title=\"显示播放列表内容\"></td>');

document.writeln('<td><img src=\"http://photos.album.5q.com/36/20/75/bebc8e3/1147998055334.jpg\"></td>');

document.writeln('<td width=\"85\" background=\"http://photos.album.5q.com/36/20/75/bebc8e3/1147998075988.jpg\" onClick=\"chgTimeFmt()\">');

document.writeln(' <span id=\"disp2\" class=\"time\" title=\"时间长度显示方式 (正常/倒数)\"');

document.writeln(' style=\"width:80;cursor:hand;padding-bottom:2px\">00:00 | 00:00</span> ');

document.writeln(' </td>');

document.writeln(' <td><img name=\"scope\" src=\"http://photos.album.5q.com/36/20/75/bebc8e3/1147998076027.jpg\"></td>');

document.writeln('<td background=\"http://photos.album.5q.com/36/20/75/bebc8e3/1147998075988.jpg\" width=\"10\"></td>');

document.writeln('<td width=280 background=\"http://photos.album.5q.com/36/20/75/bebc8e3/1147998075988.jpg\">');

document.writeln(' <marquee behavior=\"scroll\" width=280 height=12 scrollamount=2 scrolldelay=70>');

document.writeln(' <span id=\"disp1\" class=\"title\">水影音乐播放器</span> ');

document.writeln(' </marquee>');

document.writeln(' </td>');

document.writeln(' <td><img src=\"http://photos.album.5q.com/36/20/75/bebc8e3/1147998977881.jpg\"></td>');

document.writeln(' <td nowrap>');

document.writeln(' <td nowrap');

document.writeln(' ><img name=\"rept\" src=\"http://photos.album.5q.com/36/20/75/bebc8e3/1147998055177.jpg\" border=0 onClick=\"chkRept()\"');

document.writeln(' onMouseOver=\"imgtog(\'rept\',2)\" onMouseOut=\"imgtog(\'rept\',3)\" style=\"cursor:hand\" title=\"切换是否重复播放目前的曲目\"');

document.writeln(' ><img name=\"pmode\" src=\"http://photos.album.5q.com/36/20/75/bebc8e3/1147998055223.jpg\" border=0 onClick=\"chgPMode()\"');

document.writeln(' onMouseOver=\"imgtog(\'pmode\',2)\" onMouseOut=\"imgtog(\'pmode\',3)\" style=\"cursor:hand\" title=\"播放顺序 (S=顺序 R=随机)\"');

document.writeln(' ></td>');

document.writeln(' <td><img src=\"http://photos.album.5q.com/36/20/75/bebc8e3/1147998055372.jpg\"></td>');

document.writeln(' </tr>');

document.writeln('</table>');

document.writeln(' </td>');

document.writeln(' </tr>');

document.writeln(' <tr>');

document.writeln(' <td height=0>');

document.writeln(' <div id=\"capText\" style=\"width:100%;height:60;color:white;background-color:#555555;padding-top:3px;padding-left:5px;display:none\"');

document.writeln(' >ExoBUD MP(II) 字幕显示系统(SMI)</div> ');

document.writeln(' </td>');

document.writeln(' </tr>');

document.writeln('</table>');

document.writeln('<map name=\"FPMap0\">');

document.writeln(' <area shape=\"rect\" coords=\"0, 0, 6, 25\" onclick=\"MeterClick(0);return false;\">');

document.writeln(' <area shape=\"rect\" coords=\"1, 0, 8, 25\" onclick=\"MeterClick(1);return false;\">');

document.writeln(' <area shape=\"rect\" coords=\"10, 0, 15, 25\" onclick=\"MeterClick(2);return false;\">');

document.writeln(' <area shape=\"rect\" coords=\"15, 0, 20, 25\" onclick=\"MeterClick(3);return false;\">');

document.writeln(' <area shape=\"rect\" coords=\"20, 0, 25, 25\" onclick=\"MeterClick(4);return false;\">');

document.writeln(' <area shape=\"rect\" coords=\"25, 0, 30, 25\" onclick=\"MeterClick(5);return false;\">');

document.writeln(' <area shape=\"rect\" coords=\"30, 0, 35, 25\" onclick=\"MeterClick(6);return false;\">');

document.writeln(' <area shape=\"rect\" coords=\"35, 0, 40, 25\" onclick=\"MeterClick(7);return false;\">');

document.writeln(' <area shape=\"rect\" coords=\"40, 0, 45, 25\" onclick=\"MeterClick(8);return false;\">');

document.writeln(' <area shape=\"rect\" coords=\"45, 0, 50, 25\" onclick=\"MeterClick(9);return false;\">');

document.writeln(' <area shape=\"rect\" coords=\"50, 0, 55, 25\" onclick=\"MeterClick(10);return false;\">');

document.writeln(' </map>');
document.writeln('</div>');

document.writeln('<DIV id=QiuQiuPlist style=\"POSITION:relative; left:300px; width:400px; height:255px; z-index:3; align:center; display:none;\">');

document.writeln('<table width=400 height=255 z-index=3 cellpadding=0 cellspacing=0 border=1 bgcolor=#1A4879>');

document.writeln(' <tr><td valign=top><div id=\"mmList\"></div></td></tr>');
document.writeln(' <tr><td height=20 valign=top style=\"padding-top:2px\"><div id=\"pageList\"></div></td></tr>');
document.writeln(' <tr>');

document.writeln(' <td height=20>');

document.writeln(' <table width=100% cellpadding=0 cellspacing=0 border=0>');

document.writeln(' <tr>');

document.writeln(' <td nowrap>');

document.writeln(' ');

document.writeln(' <span id=\"pageInfo\"></span>');

document.writeln(' ');

document.writeln(' </td>');

document.writeln(' <td align=right');

document.writeln(' ><img src=\"http://photos.album.5q.com/36/20/75/bebc8e3/1147997979930.jpg\" border=0');

document.writeln(' onClick=\"chkSel()\" style=\"cursor:hand\" title=\"全部选中 (Select All)\"');

document.writeln(' ><img src=\"http://photos.album.5q.com/36/20/75/bebc8e3/1147998021791.jpg\" border=0');

document.writeln(' onClick=\"chkDesel()\" style=\"cursor:hand\" title=\"全部不选 (Deselect All)\"');

document.writeln(' ><img src=\"http://photos.album.5q.com/36/20/75/bebc8e3/1147998021828.jpg\" border=0');

document.writeln(' onClick=\"playSel()\" style=\"cursor:hand\" title=\"播放已选取的曲目 (Play Selected)\"');

document.writeln(' ></td>');

document.writeln(' </tr>');

document.writeln(' </table>');

document.writeln(' </td>');

document.writeln(' </tr>');

document.writeln('</table>');

document.writeln('</DIV>');

exobud.css

var objMmInfo = null;
var intMmCnt = 0;
var intSelMmCnt = 0;
var intActMmCnt = 0;
var cActIdx = 0;
var cActTit = "nAnT";
var strMmInfo = "ExoBUD 媒体文件讯息";

var blnfpl = false;
var blnEnabled = false;
var blnEOT = false;
var arrSelMm = null;
var arrActMm = null;
var intExobudStat = 0;
var tidTLab = null;
var tidErr = null;
var tidMsg = null;
var intErrCnt = 0;
var blnRept = false;

var blnAutoProc = true;

var blnElaps = true;

var intDelay = 500;

var curBlock = 1;

var showList = 0;

var listFont = "#AAEEFF"; //列表初链接外的字体颜色
var curBlockFont = "#FFAA66"; //当前页的颜色

function playSel(){wmpStop();startExobud();}
function refreshPl(){dspList(curBlock);}
function chkSel(){chkAllSel();refreshPl();}
function chkDesel(){chkAllDesel();refreshPl();}

if(intMmCnt > 0){
   var list_num=0;
   mmList.innerHTML="<p>";
   pageList.innerHTML=" <font color="+listFont+">跳页:</font> ";
   for (var i=seed; i <= limit; i++){
     list_num = i + 1;
     if(objMmInfo[i].selMm=="t"){
       elm = " <input type=checkbox onClick=\"chkItemSel(" + i + ");\" checked";
       elm += " title='切换是否要播放此曲目' style='cursor:hand'>";
     } else {
       elm = " <input type=checkbox onClick=\"chkItemSel(" + i + ");\"";
       elm += " title='切换是否要播放此曲目' style='cursor:hand'>";
     }
     elm += " <font color="+listFont+"><span lang=ko>♬</span>" + list_num + ". </font>";
     elm += "<a href=\"javascript:selPlPlay(" + i + ");\"";
     elm += " title='点一下播放此单一曲目'>";
     if(objMmInfo[i].mmTit =="nAnT"){
       elm += "未指定媒体标题(等待自动取得媒体讯息)";
     } else {
       elm += objMmInfo[i].mmTit;
     }
     elm += "</a><br>";
     mmList.innerHTML=mmList.innerHTML+elm;
   }
   for(var j=1; j<=totBlock; j++){
     if(j==cblock)
     {
     page = "<a><font onclick=\"dspList(" + j + ")\" color="+curBlockFont+">[" + j + "]</font></a> ";
     }
     else
     {
     page = "<a><font onclick=dspList(" + j + ")>[" + j + "]</font></a> ";
     }
     pageList.innerHTML=pageList.innerHTML+page;
   }
   pageInfo.innerHTML = "<font color="+listFont+">页次: " + cblock + " / " + totBlock + "</font>";
} else {
   mmList.innerHTML = "<br><div align=center style='color:white'>播放列表上没有设定任何曲目。</div>";
}
}

// wmpInit() 函式: 使用 wmp-obj v7.x 程序库建立环境设定
function wmpInit(){
var wmps = Exobud.settings;
var wmpc = Exobud.ClosedCaption;

wmps.autoStart = true;
wmps.balance = 0;
wmps.enableErrorDialogs = false;
wmps.invokeURLs = false;
wmps.mute = false;
wmps.playCount = 1;
wmps.rate = 1;
wmps.volume = 100;
if(blnUseSmi){wmpc.captioningID="capText"; capText.style.display="";}
Exobud.enabled = true;
}

// mkMmPath() 函式: 准备建立 Multi-object 的阵列
function mkMmPath(u,t,f,s){
this.mmUrl = u;
this.mmTit = t;
this.mmDur = 0;
this.selMm = f;
this.actMm = f;
if(blnUseSmi){this.mmSmi=s;}
}

// mkList() 函式: 建立 Multi-object 的阵列
function mkList(u,t,s,f){
var cu = u;
var ct = t;
var cs = s;
var cf = f;
var idx = 0;

if(objMmInfo == null){objMmInfo=new Array(); idx=0;}
else {idx=objMmInfo.length;}
if(u=="" || u==null){cu="mms://";}
if(t=="" || t==null){ct="nAnT";}
if(f=="f" || f=="F"){cf="f";}
else {cf="t"; intSelMmCnt++;}

if(blnUseSmi){
objMmInfo[idx]=new mkMmPath(cu,ct,cf,cs);
} else {
objMmInfo[idx]=new mkMmPath(cu,ct,cf);
}

intActMmCnt = intSelMmCnt;
intMmCnt = objMmInfo.length;
}

// mkSel() 函式: 建立已选取播放项目(Selected Media)的阵列
function mkSel(){
arrSelMm = null;
intSelMmCnt = 0;
var selidx = 0;

if(intMmCnt<=0){intExobudStat=1; blnEnabled=false; return;} // 没有任何播放列表项目

arrSelMm = new Array();
for(var i=0; i<intMmCnt; i++){
if(objMmInfo[i].selMm =="t"){arrSelMm[selidx]=i;selidx++;}
}
intSelMmCnt=arrSelMm.length;

if(intSelMmCnt<=0){blnEnabled=false; intExobudStat=2; arrSelMm=null; return;}
else {blnEnabled=true; mkAct();}
}

// mkAct() 函式: 建立已启用播放项目(Activated Media)的阵列
function mkAct(){
arrActMm = null;
intActMmCnt = 0;
var selidx = 0;
var actidx = 0;

if(blnEnabled){
   arrActMm=new Array();
   for(var i=0; i<intSelMmCnt; i++){
     selidx=arrSelMm[i];
     if(objMmInfo[selidx].actMm=="t"){arrActMm[actidx]=selidx; actidx++;}
   }
   intActMmCnt=arrActMm.length;
}
else { return;}
if(intActMmCnt<=0){blnEOT=true;arrActMm=null;}
else {blnEOT=false;}
}

// chkAllSel() 函式: 全部选取所有的播放列表项目
function chkAllSel(){
for(var i=0; i<intMmCnt; i++){
objMmInfo[i].selMm="t";
objMmInfo[i].actMm="t";
}
mkSel();
}

// chkAllDesel() 函式: 不选取所有的播放列表项目
function chkAllDesel(){
for(var i=0; i<intMmCnt; i++){
objMmInfo[i].selMm="f";
objMmInfo[i].actMm="f";
}
mkSel();
}

// chkItemSel() 函式: 选取或不选取播放列表项目
function chkItemSel(idx){
if(objMmInfo[idx].selMm =="t"){
objMmInfo[idx].selMm="f";objMmInfo[idx].actMm="f";
} else {
objMmInfo[idx].selMm="t";objMmInfo[idx].actMm="t";
}
mkSel();
}

// chkItemAct() 函式: 将某个已启用播放项目(Activated Media)冻结
function chkItemAct(idx){
objMmInfo[idx].actMm="f";
mkAct();
}

// mkSelAct() 函式: 将已选取播放项目(Selected Media)加入到已启用播放项目(Activated Media)
function mkSelAct(){
var idx=0;
for(var i=0; i<intSelMmCnt; i++){
idx=arrSelMm[i];
objMmInfo[idx].actMm="t";
}
mkAct();
}

// initExobud() 函式: 初始化 ExoBUD MP(II) 媒体播放器
function initExobud(){
wmpInit();
mkSel();
blnfpl = false;

if(!blnShowVolCtrl) {
   document.images['vmute'].style.display = "none";
   document.images['vdn'].style.display = "none";
   document.images['vup'].style.display = "none";
}
if(!blnShowPlist){ document.images['plist'].style.display = "none";}

if(blnRept){imgChange('rept',1);}
else {imgChange('rept',0);}

if(blnRndPlay){imgChange('pmode',1);}
else {imgChange('pmode',0);}
showTLab();
disp1.innerHTML = "水影音乐播放器";
if(blnStatusBar){ window.status=('水影音乐播放器');}
if(blnAutoStart){startExobud();}
}

// startExobud() 函式: 开始播放曲目
function startExobud(){
var wmps = Exobud.playState;
if(wmps==2){Exobud.controls.play(); return;}
if(wmps==3){ return;}

blnfpl=false;
if(!blnEnabled){waitMsg();return;}
if(blnEOT){mkSelAct();}
if(intErrCnt>0){intErrCnt=0;tidErr=setTimeout('retryPlay(),1000');return;}
if(blnRndPlay){rndPlay();}
else {cActIdx=arrActMm[0]; selMmPlay(cActIdx);}
}

// selMmPlay() 函式: 处理媒体标题
function selMmPlay(idx){
clearTimeout(tidErr);
cActIdx=idx;
var trknum=idx+1;
var ctit =objMmInfo[idx].mmTit;
if(ctit=="nAnT"){ctit="(没有媒体标题)"}
if(blnUseSmi){Exobud.ClosedCaption.SAMIFileName = objMmInfo[idx].mmSmi;}
Exobud.URL = objMmInfo[idx].mmUrl;
cActTit = "T" + trknum + ". " + ctit;
disp1.innerHTML = cActTit;
if(blnStatusBar){ window.status=(cActTit);}
chkItemAct(cActIdx);
}

// wmpPlay() 函式: 使用 wmp-obj v7.x 程序库播放曲目
function wmpPlay(){Exobud.controls.play();}

// wmpStop() 函式: 停止播放曲目及显示「就绪」状态讯息
function wmpStop(){
intErrCnt=0;
clearTimeout(tidErr);
clearInterval(tidTLab);
imgChange("stopt",1);
imgChange("pauzt",0);
imgChange("scope",0);
showTLab();
mkSelAct();
Exobud.controls.stop();
Exobud.close();
disp1.innerHTML = "水影音乐播放器 [就绪]";
if(blnStatusBar){ window.status=('水影音乐播放器 [就绪]');return true;}
}

// wmpPause() 函式: 使用 wmp-obj v7.x 程序库暂停播放曲目
function wmpPause(){Exobud.controls.pause();}

// wmpPP() 函式: 在暂停播放和继续播放之间进行切换
function wmpPP(){
var wmps = Exobud.playState;
var wmpc = Exobud.controls;
clearInterval(tidTLab);
clearTimeout(tidMsg);
if(wmps==2){wmpc.play();}
if(wmps==3){wmpc.pause(); disp2.innerHTML="暂停"; tidMsg=setTimeout('rtnTLab()',1500);}
return;
}

// rndPlay() 函式: 随机播放(Random Play)的运算方式
function rndPlay(){
if(!blnEnabled){waitMsg();return;}
intErrCnt=0;
var idx=Math.floor(Math.random() * intActMmCnt);
cActIdx=arrActMm[idx];
selMmPlay(cActIdx);
}

// playAuto() 函式: 对已启用播放项目进行「自动连续播放」的处理
// 这是根据上面 blnAutoProc 的设定值而决定的动作。
function playAuto(){
if(blnRept){selMmPlay(cActIdx);return;}
if(!blnAutoProc){wmpStop();return;}
if(blnfpl){wmpStop();return;}
if(!blnEnabled){wmpStop();return;}
if(blnEOT){
   if(blnLoopTrk){startExobud();}
   else {wmpStop();}
} else {
   if(blnRndPlay){rndPlay();}
   else {cActIdx=arrActMm[0]; selMmPlay(cActIdx);}
}
}

// 播放使用者在播放列表上所点选的单一曲目
function selPlPlay(idx){
blnfpl=true;
selMmPlay(idx);
}

// playPrev() 函式: 播放上一首已启用播放项目
function playPrev(){
var wmps = Exobud.playState;
if(wmps==2 || wmps==3){Exobud.controls.stop();}
blnfpl=false;
if(!blnEnabled){waitMsg();return;}
if(blnEOT){mkSelAct();}

intErrCnt=0;
if(blnRndPlay){rndPlay();}
else {
   var idx=cActIdx;
   var blnFind=false;
   for(var i=0;i<intSelMmCnt;i++){ if(cActIdx==arrSelMm[i]){idx=i-1; blnFind=true;}}
   if(!blnFind){startExobud();return;}
   if(idx<0){idx=intSelMmCnt-1;cActIdx=arrSelMm[idx];}
   else {cActIdx=arrSelMm[idx];}
   selMmPlay(cActIdx);
}
}

// playNext() 函式: 播放下一首已启用播放项目
function playNext(){
var wmps = Exobud.playState;
if(wmps==2 || wmps==3){Exobud.controls.stop();}
blnfpl=false;
if(!blnEnabled){waitMsg();return;}
if(blnEOT){mkSelAct();}

intErrCnt=0;
if(blnRndPlay){rndPlay();}
else {
   var idx=cActIdx;
   var blnFind=false;
   for(var i=0;i<intSelMmCnt;i++){ if(cActIdx==arrSelMm[i]){idx=i+1; blnFind=true;}}
   if(!blnFind){startExobud();return;}
   if(idx>=intSelMmCnt){idx=0;cActIdx=arrSelMm[idx];}
   else {cActIdx=arrSelMm[idx];}
   selMmPlay(cActIdx);
}
}

// retryPlay() 函式: 再次尝试连线到媒体文件
function retryPlay(){
selMmPlay(cActIdx);
}

// chkRept() 函式: 切换是否重复播放目前的曲目(已启用播放项目)
function chkRept(){
var wmps = Exobud.playState;
if(wmps==3){clearInterval(tidTLab);}
if(blnRept){
blnRept=false; imgChange('rept',0); disp2.innerHTML="不重复播放";
} else {
blnRept=true; imgChange('rept',1); disp2.innerHTML="重复播放";
}
tidMsg=setTimeout('rtnTLab()',1000);
}

// chgPMode() 函式: 切换以顺序(Sequential)抑或随机(Random)的方式来播放媒体项目
function chgPMode(){
var wmps = Exobud.playState;
if(wmps==3){clearInterval(tidTLab);}
if(blnRndPlay){
blnRndPlay=false; imgChange('pmode',0); disp2.innerHTML="顺序播放";
} else {
blnRndPlay=true; imgChange('pmode',1); disp2.innerHTML="随机播放";
}
tidMsg=setTimeout('rtnTLab()',1000);
}

// evtOSChg() 函式: 以弹出视窗方式显示媒体文件讯息
function evtOSChg(f){
//   以下是状态值 (f) 的说明:
//    0(未定义)       8(转换媒体中)   9(寻找媒体中) 10(连线媒体中) 11(载入媒体中)
//   12(打开媒体中) 13(媒体已打开) 20(等待播放中) 21(正在打开不明的连结)

if(f==8){capText.innerHTML="ㄨA姐音乐播放器ヤ字幕显示系统(SMI)";}
if(f==13){
   var strTitle = Exobud.currentMedia.getItemInfo("Title");
   if(strTitle.length <= 0){strTitle = "(未命名的标题)"}
   var strAuthor = Exobud.currentMedia.getItemInfo("Author");
   if(strAuthor.length <= 0){strAuthor = "(未命名的演出者)"}
   var strCopy = Exobud.currentMedia.getItemInfo("Copyright");
   if(strCopy.length <= 0){strCopy = "(没有著作权讯息)"}
   var strType = Exobud.currentMedia.getItemInfo("MediaType");
   var strDur = Exobud.currentMedia.durationString;
   var strUrl = Exobud.URL;
   var trknum = cActIdx+1;
   var ctit = objMmInfo[cActIdx].mmTit;
   if(ctit=="nAnT"){
     objMmInfo[cActIdx].mmTit = strAuthor + " - " + strTitle;
     ctit = strAuthor + " - " + strTitle;
     cActTit = "T" + trknum + ". " + ctit;
     disp1.innerHTML = cActTit;
   }

   strMmInfo = "　　标题： " + strTitle + " (形式: " + strType +")" + "\n\n";
   strMmInfo += "　演出者： " + strAuthor + "\n\n";
   strMmInfo += "文件位置： " + strUrl + "\n\n";
   strMmInfo += "　著作权： " + strCopy + "\n\n";
   strMmInfo += "时间长度： " + strDur + "\n\n\n";
   strMmInfo += "　　 Brought to you by ExoBUD MP(II).\n";
   strMmInfo += "　　 Copyright(C) 1999-2003 Jinwoong Yu.\n";
   strMnInfo += "     Updated By Lin QiuQiu.\n";
   strMmInfo += "　　 ALL RIGHTS RESERVED.\n";
   if(blnShowMmInfo){alert(strMmInfo);}
}
}

// evtPSChg() 函式: 切换播放器的动作
function evtPSChg(f){
//   以下是状态值 (f) 的说明:
//    0(未定义)       1(已停止播放)   2(已暂停播放)   3(正在播放中)   4(向前搜索)     5(向后搜索)
//    6(缓冲处理中)   7(等待中)       8(已播放完毕)   9(转换曲目中) 10(就绪状态)

switch(f){
   case 1:
     evtStop();
     break;
   case 2:
     evtPause();
     break;
   case 3:
     evtPlay();
     break;
   case 8:
     setTimeout('playAuto()', intDelay);
     break;
}
}

// evtWmpBuff() 函式: 对媒体文件进行缓冲处理(Buffering)的动作
function evtWmpBuff(f){
if(f){
   disp2.innerHTML = "缓冲处理中";
   var msg = "(缓冲处理中) " + cActTit;
   disp1.innerHTML = msg;
   if(blnStatusBar){ window.status=(msg);}
} else {
   disp1.innerHTML = cActTit; showTLab();
}
}

// evtWmpError() 函式: 当无法连线到媒体文件时，显示错误讯息
function evtWmpError(){
intErrCnt++;
Exobud.Error.clearErrorQueue();
if(intErrCnt<=3){
   disp2.innerHTML = "尝试连线 (" + intErrCnt + ")";
   var msg = "(尝试第 " + intErrCnt + " 次连线) " + cActTit;
   disp1.innerHTML = "<无法播放> " + cActTit;
   if(blnStatusBar){ window.status=(msg);}
   tidErr=setTimeout('retryPlay()',1000);
} else {
   clearTimeout(tidErr);
   intErrCnt=0;showTLab();
   var msg = "已放弃尝试再连线。现在将会播放下一首曲目。";
   if(blnStatusBar){ window.status=(msg);}
   setTimeout('playAuto()',1000);}
}

// evtStop() 函式: 停止播放
function evtStop(){
clearTimeout(tidErr);
clearInterval(tidTLab);
showTLab();
intErrCnt=0;
imgChange("pauzt",0);
imgChange("playt",0);
imgChange("scope",0);
disp1.innerHTML = "水影音乐播放器 [等待播放下一首曲目]";
if(blnStatusBar){ window.status=('水影音乐播放器 [等待播放下一首曲目]');return true;}
}

// evtPause() 函式: 暂停播放
function evtPause(){
imgChange("pauzt",1)
imgChange("playt",0);
imgChange("stopt",0);
imgChange("scope",0);
clearInterval(tidTLab);
showTLab();
}

// evtPlay() 函式: 开始播放
function evtPlay(){
imgChange("pauzt",0)
imgChange("playt",1);
imgChange("stopt",0);
imgChange("scope",1);
tidTLab=setInterval('showTLab()',1000);
}

// showTLab() 函式: 显示时间长度
function showTLab(){
var ps = Exobud.playState;
if(ps==2 || ps==3){
   var cp=Exobud.controls.currentPosition;
   var cps=Exobud.controls.currentPositionString;
   var dur=Exobud.currentMedia.duration;
   var durs=Exobud.currentMedia.durationString;
   if(blnElaps){
     disp2.innerHTML = cps + " | " + durs;
     var msg = cActTit + " (" + cps + " | " + durs + ")";
     if(ps==2){msg = "(暂停) " + msg;}
     if(blnStatusBar){ window.status=(msg);return true;}
   } else {
     var laps = dur-cp;
     var strLaps = wmpTime(laps);
     disp2.innerHTML = strLaps + " | " + durs;
     var msg = cActTit + " (" + strLaps + " | " + durs + ")";
     if(ps==2){msg = "(暂停) " + msg;}
     if(blnStatusBar){ window.status=(msg);return true;}
   }

} else {
disp2.innerHTML = "00:00 | 00:00";
}
}

// chgTimeFmt() 函式: 变更时间长度的显示方式
function chgTimeFmt(){
var wmps = Exobud.playState;
if(wmps==3){clearInterval(tidTLab);}
if(blnElaps){
blnElaps=false; disp2.innerHTML="倒数方式";
} else {
blnElaps=true; disp2.innerHTML="正常方式";
}
tidMsg=setTimeout('rtnTLab()',1000);
}

// rtnTLab() 函式: 传回时间长度
function rtnTLab(){
clearTimeout(tidMsg);
var wmps = Exobud.playState;
if(wmps==3){tidTLab=setInterval('showTLab()',1000);}
else {showTLab();}
}

// wmpTime() 函式: 计算时间长度
function wmpTime(dur){
var hh, min, sec, timeLabel;
hh=Math.floor(dur/3600);
min=Math.floor(dur/60)%60;
sec=Math.floor(dur%60);
if(isNaN(min)){ return "00:00";}
if(isNaN(hh) || hh==0){timeLabel="";}
else {
if(hh>9){timeLabel = hh.toString() + ":";}
else {timeLabel = "0" + hh.toString() + ":";}
}
if(min>9){timeLabel = timeLabel + min.toString() + ":";}
else {timeLabel = timeLabel + "0" + min.toString() + ":";}
if(sec>9){timeLabel = timeLabel + sec.toString();}
else {timeLabel = timeLabel + "0" + sec.toString();}
return timeLabel;
}

var vmax = 100;
var vmin=0;
var vdep = 10;

// wmpVolUp() 函式: 增加音量(Volume Up)
function wmpVolUp(){
var wmps=Exobud.playState;
if(wmps == 3){clearInterval(tidTLab);}
var ps = Exobud.settings;
if(ps.mute){ps.mute = false; disp2.innerHTML="Speach";imgChange('vmute',0);}
else{
  if (ps.volume >= (vmax-vdep)) {ps.volume = vmax;}
  else { ps.volume = ps.volume + vdep;}
  disp2.innerHTML="Vol. " + ps.volume +"%";
}
tidMsg=setTimeout('rtnTLab()',1000);
}

// wmpVolDn() 函式: 减少音量(Volume Down)
function wmpVolDn(){
var wmps=Exobud.playState;
if(wmps == 3){clearInterval(tidTLab);}
var ps = Exobud.settings;
if(ps.mute){ps.mute = false;disp2.innerHTML="Speach";imgChange('vmute',0);}
else{
  if (ps.volume <= vdep){ ps.volume = vmin;}
  else{ps.volume = ps.volume - vdep;}
  disp2.innerHTML="Vol. " + ps.volume +"%";
}
tidMsg=setTimeout('rtnTLab()',1000);
}

vArray = new Array();
vArray[0] = 0;
vArray[1] = 10;
vArray[2] = 20;
vArray[3] = 30;
vArray[4] = 40;
vArray[5] = 50;
vArray[6] = 60;
vArray[7] = 70;
vArray[8] = 80;
vArray[9] = 90;
vArray[10] = 100;

// waitMsg() 函式: 显示因播放列表空白而无法播放的讯息
function waitMsg(){
capText.innerHTML="水影音乐播放器字幕显示系统(SMI)";
if(intExobudStat==1){disp1.innerHTML = "无法播放－播放列表上没有设定任何曲目。";}
if(intExobudStat==2){disp1.innerHTML = "无法播放－您没有选取播放列表上任何一首曲目。";}
if(blnStatusBar){
if(intExobudStat==1){ window.status=('无法播放－播放列表上没有设定任何曲目。'); return true;}
if(intExobudStat==2){ window.status=('无法播放－您没有选取播放列表上任何一首曲目。'); return true;}
}
}

// openPlist() 函式: 以弹出视窗显示播放列表内容
function openPlist(){
if(showList==0)
{
document.getElementById('QiuQiuPlist').style.display='';
showList=1;
}
else
{
document.getElementById('QiuQiuPlist').style.display='none';
showList=0;
}
}

// chkWmpState() 函式: 当播放器动作变更时，传回 playState 的状态值
function chkWmpState(){
return Exobud.playState;
}

// chkWmpOState() 函式: 当播放器打开媒体文件准备播放时，传回 openState 的状态值
function chkWmpOState(){
return Exobud.openState;
}

// chkOnline() 函式: 检查使用者的连线状态 (不一定每款面板都会使用)
function chkOnline(){
// 传回值: true(已连线到互联网) false(没有连线到互联网)
return Exobud.isOnline;
}

// vizExobud() 函式: 点选连到 ExoBUD MP 播放器原作者的官方网站[韩文] (不一定每款面板都会使用)
function vizExobud(){
// 使用范例: <span style="cursor:hand" title="到访 ExoBUD MP 原作者 Jinwoong Yu 的网站 [韩文]">
window.open("http://5q.com/neji102885","vizExobud");
}

//-->

exobudset.css

var blnAutoStart = true;

// ◇随机播放？
var blnRndPlay = false;

// ◇在状态列显示文字讯息？
var blnStatusBar = false;

// ◇显示音量控制按钮？
var blnShowVolCtrl = true;

// ◇显示播放列表按钮？
var blnShowPlist = true;

// ◇使用字幕功能，开启字幕框？
var blnUseSmi = false;

// ◇循环播放？
var blnLoopTrk = false;

// ◇弹出窗口显示媒体文件资讯？
var blnShowMmInfo = false;

neji-playlist.css

mkList("音乐地址","歌曲名称");

//添加多首歌曲重复以上格式

imgchg.css

toggleKey = new Object();
toggleKey[0] = "_off";
toggleKey[1] = "_on";
toggleKey[2] = "_ovr";
toggleKey[3] = "_out";
toggleKey[4] = "_mdn";
toggleKey[5] = "_mup";

function imgChange(id,act){
if(document.images){ document.images[id].src = eval("img." + id + toggleKey[act] + ".src");}
}

if(document.images){
img = new Object();

// 「静音模式」按钮的图片 (已关闭／已打开)
img.vmute_off = new Image();
img.vmute_off.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1147997979813.jpg";
img.vmute_on = new Image();
img.vmute_on.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1148000840258.jpg";

// 「播放顺序模式」按钮的图片 (顺序／随机)
img.pmode_off = new Image();
img.pmode_off.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1147998055223.jpg";
img.pmode_on = new Image();
img.pmode_on.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1148000968297.jpg";

// 「是否重复播放」按钮的图片 (不重复／重复)
img.rept_off = new Image();
img.rept_off.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1147998055177.jpg";
img.rept_on = new Image();
img.rept_on.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1148001101962.jpg";

// 「播放」按钮的图片 (非播放中／播放中／鼠标移至时)
img.playt_off = new Image();
img.playt_off.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1147998021881.jpg";
img.playt_on = new Image();
img.playt_on.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1148001205641.jpg";
img.playt_ovr = new Image();
img.playt_ovr.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1148001254981.jpg";

// 「暂停」按钮的图片 (非暂停中／暂停中／鼠标移至时)
img.pauzt_off = new Image();
img.pauzt_off.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1147997979891.jpg";
img.pauzt_on = new Image();
img.pauzt_on.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1148001375559.jpg";
img.pauzt_ovr = new Image();
img.pauzt_ovr.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1148001439454.jpg";

// 「停止」按钮的图片 (未被停止／已停止／鼠标移至时)
img.stopt_off = new Image();
img.stopt_off.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1147998055287.jpg";
img.stopt_on = new Image();
img.stopt_on.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1148001552777.jpg";
img.stopt_ovr = new Image();
img.stopt_ovr.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1148001633728.jpg";

// 「上一首曲目」按钮的图片 (一般显示／鼠标移至时)
img.prevt_out = new Image();
img.prevt_out.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1147998021969.jpg";
img.prevt_ovr = new Image();
img.prevt_ovr.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1148001753629.jpg";

// 「下一首曲目」按钮的图片 (一般显示／鼠标移至时)
img.nextt_out = new Image();
img.nextt_out.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1147997979852.jpg";
img.nextt_ovr = new Image();
img.nextt_ovr.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1148001900715.jpg";

// 「增加音量」按钮的图片 (一般显示／鼠标移至时)
img.vup_out = new Image();
img.vup_out.src = "./img/vup.gif";
img.vup_ovr = new Image();
img.vup_ovr.src = "./img/vup_ovr.gif";

// 「减少音量」按钮的图片 (一般显示／鼠标移至时)
img.vdn_out = new Image();
img.vdn_out.src = "./img/vdn.gif";
img.vdn_ovr = new Image();
img.vdn_ovr.src = "./img/vdn_ovr.gif";

// 「显示播放列表内容」按钮的图片 (一般显示／鼠标移至时)
img.plist_out = new Image();
img.plist_out.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1147997979750.jpg";
img.plist_ovr = new Image();
img.plist_ovr.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1148002097630.jpg";

// 显示播放状态的 Scope 动态图片 (静止／转动)
img.scope_off = new Image();
img.scope_off.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1147998076027.jpg";
img.scope_on = new Image();
img.scope_on.src = "http://photos.album.5q.com/36/20/75/bebc8e3/1148002234861.jpg";

}

function imgmute(){
var ps=Exobud.settings;
if(ps.mute){imgChange("vmute",1);}
else {imgChange("vmute",0);}
}

function imgrnd(){
if(blnRndPlay){imgChange("pmode",1);}
else {imgChange("pmode",0);}
}

function imgrept(){
if(blnRept){imgChange("rept",1);}
else {imgChange("rept",0);}
}

function imgpauz(f){
var wmps=Exobud.playState;
if(f==2){imgChange("pauzt",2);}
else {
if(wmps==2){imgChange("pauzt",1);}
else {imgChange("pauzt",0);}
}
}

function imgplay(f){
var wmps=Exobud.playState;
if(f==2){imgChange("playt",2);}
else {
if(wmps==3){imgChange("playt",1);}
else {imgChange("playt",0);}
}
}

function imgstop(f){
var wmps=Exobud.playState;
if(f==2){imgChange("stopt",2);}
else {
if(wmps==2 || wmps==3){imgChange("stopt",0);}
else {imgChange("stopt",1);}
}
}

下面简单说明一下

将上述5个文件上传

player.css为主程序，里面调用了其他的4个文件[现已更名为neji-player.css，这个文件名可以随意，只要引用的时候注意就行]

请修改player.css中调用其余4个文件的链接[在player.css中搜索一下其他4个文件的文件名就能很快地找到代码位置，修改成你自己上传的位置]

exobud.css为播放器建立环境基础等，不必做修改

exobudset.css设置文本，不必做修改

neji-playlist.css播放列表文件，按照各式添加就好

举例：[修改该文件，音乐地址就是网络上的位置，名称就是你想让播放器用什么名字来显示歌曲，下面代码添加了4首歌曲]

mkList("音乐地址1","歌曲名称1");

mkList("音乐地址2","歌曲名称2");

mkList("音乐地址3","歌曲名称3");

mkList("音乐地址4","歌曲名称4");

imgchg.css不必做修改

如果按上述方式添加代码，请在主页引用时修改player.css的位置[代码在LZ帖]

###################################################

添加个人主页管理的方法:

在"我喜欢"等可以添加代码的地方填写

<font >个人主页管理</font>

提交后在插入点就会有个人主页管理这么几个字

使用时在这几个字上面单击鼠标左键，在你的头像上方会多出4个链接[这几个字本身不是超链接]