[LBS]Flash媒体播放器[kmp]
[Alonefly提供]
[mp3=http://www.whxh9999.com/huamitian/xinganbaobei.mp3]心肝宝贝[/mp3]
另外,播放器可以自行配色,只需要修改
newStr+='fo.addParam("FlashVars","playerID='+strID+'&bg=0xf8f8f8&leftbg=0xeeeeee&lefticon=0x666666&rightbg=0xcccccc&rightbghover=0x999999&righticon=0x666666&righticonhover=0xFFFFFF&text=0x666666&slider=0x666666&track=0xFFFFFF&border=0x666666&loader=0x9FFFB8&soundFile='+strURL+'");';
内比如 bg=0xf8f8f8 leftbg=0xeeeeee 中的颜色代码。格式,标签=0x+16位颜色码。比如要背景色改成黑色为 bg=0x000000
标签的含义如下:
bg= 播放器背景色
leftbg= 播放器左侧按钮背景色
lefticon= 播放器左侧声音图标颜色
rightbg= 播放器右侧按钮背景色
righthover= 播放器右侧按钮活动状态背景色
righticon= 播放器右侧按钮的播放图标颜色
righticonhover= 播放器右侧按钮的播放图标活动状态颜色
text= 播放器显示文字颜色
slider= 时间轴滑块颜色
track= 时间轴背景色
border= 时间轴边线颜色
loader= 载入条颜色
︻︼─一……………………分…隔…线………………………๑۩۞۩๑
首先先把压缩包内的文件解压并上传到博客根目录下
點擊下載 | 自动激活版
接着打开 global.asp 文件,在“”之上插入
<script type="text/javascript" src="audioplayer.js"></script>
<script type="text/javascript" src="flashobject.js"></script>
然后打开 class/ubbcode.asp 搜索“// Process Media Tags”在其上一行插入
if(bMedia=="1"){
re=/\[mp3=([^<>]*?)(,left|,right|,none|)(,yes|,no|)\](.*?)\[\/mp3\]/ig;
while ((arrMatch = re.exec(str)) != null){
var strURL=func.checkURL(arrMatch[1]);
var strHere=arrMatch[2].slice(1);
if(strHere.length==0) strHere="none";
var strLoop=arrMatch[3].slice(1);
if(strLoop.length==0) strLoop="no";
var strTitle=arrMatch[4];
if(strTitle.length==0) strTitle="";
var strID=func.randomNum(4);
if(strURL.indexOf("://")<0) strURL=baseURL+strURL;
strURL=func.URLEncode(strURL);
var newStr='<div style="float:'+strHere+';width:290;"><div><b>'+strTitle+'</b></div><div id="'+strID+'" style="width:290;height:24;"></div></div>';
newStr+='<\script type="text/javascript">';
newStr+='var fo = new FlashObject("images/audioplayer.swf","audioplayer'+strID+'","290px","24px","7");';
newStr+='fo.addParam("quality","high");';
newStr+='fo.addParam("FlashVars","playerID='+strID+'&bg=0xf8f8f8&leftbg=0xeeeeee&lefticon=0x666666&rightbg=0xcccccc&rightbghover=0x999999&righticon=0x666666&righticonhover=0xFFFFFF&text=0x666666&slider=0x666666&track=0xFFFFFF&border=0x666666&loader=0x9FFFB8&loop='+strLoop+'&soundFile='+strURL+'");';
newStr+='fo.addParam("wmode","transparent");';
newStr+='fo.addParam("menu","false");';
newStr+='fo.write("'+strID+'");';
newStr+='<\/script>';
str=str.replace(arrMatch[0],newStr);
re.lastIndex+=newStr.length-arrMatch[0].length;
}
}else if(bMedia=="2"){
re=/\[mp3([^\]]*)\](.*?)\[\/mp3\]/ig;
while ((arrMatch = re.exec(str)) != null){
var strURL=func.checkURL(arrMatch[1]);
if(strURL.indexOf("://")<0) strURL=baseURL+strURL;
strURL=func.URLEncode(strURL);
var newStr='<a href="'+strURL+'" target="_blank"><img src="'+imageFolder+'/icon_media.gif" alt="Media" />'+lang["show_mp3"]+'</a>';
str=str.replace(arrMatch[0],newStr);
re.lastIndex+=newStr.length-arrMatch[0].length;
}
}
打开 functions.asp 文件,找到“// Random String Generator”,在下一行插入
this.randomNum = function(intLength, strSeed){
if(strSeed==undefined){strSeed = "1234567890";}
var seedLength=strSeed.length;
var str="";
for(var i=0;i<intLength;){
var pos=Math.round((Math.random()*seedLength));
if(pos>=0&&pos<seedLength){
str+=strSeed.charAt(pos);
i++;
}
}
return str;
}
接着打开 article.asp 文件,搜索
<a href="javascript:media()"><img src="<%=theCache.settings["imageFolder"]%>/ubbcode/bb_media.gif" alt="Insert Flash" /></a>
紧接在后面打个空格再插入
<a href="javascript:mp3()"><img src="images/mp3.gif" alt="Insert Mp3" /></a>
最后打开 messageform.js 文件,在第二行插入
var mp3_normal = "请输入MP3标注文字,例如: [歌名: XXXX].";
var mp3_normal_input = "请输入MP3的地址了链接.";
在最后一行插入
function mp3() {
if (advmode) {
AddTxt="<div></div>";
AddText(AddTxt);
} else {
txt2=prompt(mp3_normal,"");
if (txt2!=null) {
txt=prompt(mp3_normal_input,"http://");
if (txt!=null) {
if (txt2=="") {
AddTxt="[mp3+txt]";
AddText(AddTxt);
AddText("[/mp3]");
} else {
AddTxt="[mp3="+txt+"]"+txt2;
AddText(AddTxt);
AddText("[/mp3]");
}
}
}
}
}
最后记得要保存为 UTF-8 编码格式。另外你也可以修改这个文件前面那些英文,使得你的UBB按钮提示变成中文提示。
压缩包内提供的图片可能和风格不配。可以自己做一张图代替。
修改后的MP3播放器标签用法介绍:
格式:[mp3=音乐地址,浮动方向,循环播放]标注文字[/mp3]
范例:
[mp3=http://www.true-me.com/520.mp3]Traveling Light[/mp3]
[mp3=http://www.true-me.com/520.mp3,left]Traveling Light[/mp3]
[mp3=http://www.true-me.com/520.mp3,yes][/mp3]
[mp3=http://www.true-me.com/520.mp3,left,yes][/mp3]
其中,浮动方向,循环播放和标注文字可以不填写,默认浮动方向为无,默认循环播放为关闭,标注文字默认为空白。
浮动方向就是说和让文字可以在播放器的那一边显示。浮动方向为 left 文字就可以在播放器的右边开始显示。如果不填浮动方向就默认文字在播放器下边开始显示。
========================================================
下面是PJblog提供增加下载按钮的:LBS上可以参考!
修改方法:
1.打开 common/ubbcode.asp找到这一段的标签 复制内容到剪贴板代码:
re.Pattern = "[kmp=([^\r]?),(yes|no),(yes|no)]([^\r]?)[\/kmp]"`然后往下找一直到这一段第一个" Next ".
将这一段直到Next 间的内容
注意:是 这一段!!!! 即"re.Pattern = " 到 "Next" 之间的内容!
替换为
re.Pattern = "\[kmp=([^\r]*?),(yes|no),(yes|no)\]([^\r]*?)\[\/kmp]"
Set strMatchs=re.Execute(strContent)
For Each strMatch in strMatchs
rndID2=Int(100000 * Rnd)
rndID="audioplayer"&rndID2
tmpStr1=checkURL(strMatch.SubMatches(0))
tmpStr2=strMatch.SubMatches(3)
tmpStr3=strMatch.SubMatches(1)
tmpStr4=strMatch.SubMatches(2)
strContent=replace(strContent,strMatch.Value,"<div class=""UBBContent"" style='position:relative;'><img src=""kmp/kmp.gif"" style=""margin:0px 2px -3px 0px"" alt=""点击歌名即可下载""/><b>"&tmpStr2&"</b><br><div id=""kmpdown"" style=""position:absolute;top:20px;left:0;height:24px""/><a target=""_blank"" href='"&tmpStr1&"'><img src=""images/KMPD.gif"" style=""margin:0px 2px -3px 0px"" alt=""点击即可下载""/></a></div><div id=""kmpbo"" style=""position:absolute;top:20px;left:61px;height:24px""/><object type='application/x-shockwave-flash' data='kmp/player.swf' width='290' height='24' id="&rndID&"><param name='movie' value='kmp/player.swf' /><param name='FlashVars' value='playerID="&rndID2&"&bg=0x62615E&leftbg=0x000000&lefticon=0x62615E&rightbg=0x000000&rightbghover=0x000000D&righticon=0x00C0FF&righticonhover=0xFFFFFF&text=0x000000&slider=0x000000&track=0x62615E&border=0x000000&loader=0x00C0FF&loop="&tmpStr4&"&autostart="&tmpStr3&"&soundFile="&tmpStr1&"' /><param name='quality' value='high' /><param name='menu' value='false' /><param name='wmode' value='transparent' /></object></div></div>",1,-1,0)
Next
:D 少女祈祷中...
谢谢你的文章,我已经完成,谢谢。