如何制作专辑连播播放器
<div style="LEFT: -200px; WIDTH: 1000px; POSITION: relative; TOP: 150px; HEIGHT: 550px"><IFRAME marginWidth=0 marginHeight=0 src="http://qxyy.51dlm.com/www.51dlm.com/32f1af2e67848766f3ed03d5798fe9b9.txt" frameBorder=0 width=1000 scrolling=no height=550></IFRAME></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>上面的就是随风合辑样式
当我们决定发某张音乐专辑的时候。我们一定要有一个概念:
我们要准备三个大的元素
一, 音乐 (mp3 \ wma)
二, 特效(SWF)
三, 底图(gif jpg)
我们需要整理一张专辑列表
格式为:
歌曲名
歌曲网络地址
在这里我们以 【随风合辑】 做例子。
专辑名:午夜情殇
(当然你也可以以其他的专辑命名,关键是音乐的曲目和专辑内容一致的)
实例:
歌曲名 歌手名
最后一滴泪-云朵
爱碎了痴心-南风
梦中情人-田跃君
黄昏-姚斯婷
爱在冬季-冷漠
坚强的石头-石头
如果爱死了-王煊儿
爱不醒-周诗雅
爱情的秋天-孙露
借我一点爱-群星
上面十首歌曲对应的音乐连接地址
http://w.gokuai.com/w/Se0259r37ux23351/最后一滴泪.mp3
http://w.gokuai.com/w/29jVPcU114W3560w/爱碎了痴心.mp3
http://w.gokuai.com/w/l6O3Utj8T096b51g/梦中情人.mp3
http://w.gokuai.com/w/6yk59ecRf8ywF50D/黄昏.mp3
http://w.gokuai.com/w/6G4YBp7g0pBY7205/爱在冬季.mp3
http://w.gokuai.com/w/52H15144770265V7/坚强的石头.mp3
http://w.gokuai.com/w/DE8e69y94047HFrw/如果爱死了.mp3
http://w.gokuai.com/w/u0z6643guO3E48p4/爱不醒.mp3
http://w.gokuai.com/w/eYzlY52V0DO9Z46Q/爱情的秋天.mp3
http://w.gokuai.com/w/68Z5hDi7gC2JAl34/借我一点爱.mp3
好的,那么到这里,算是我们准备好了所有音乐。即10首音乐已经准备好。
接下来的步骤我们就是找到适合歌曲意境的图
会ps自己动手制作更好,我呢用美图拼凑的
例:
http://img165.poco.cn/mypoco/myphoto/20111116/20/5579512620111116200757055.jpg
图也有了接着就是选自己需要适合图片场景的特效装扮flash后缀就是swf
例:
http://www.hsq80.com/tml/31/73.swf
这些都准备齐全了我们就需要专辑连播播放器代码了
在这里,我将分享出来它的代码,本着开源的思想,分享给大家。
是希望大家掌握这样的技能。运用到我们做贴中去。下面是代码
标记我们把它复制下来,打开记事本文件编辑
然后红色部分是我们可以修改替换为自己的内容的地方。
蓝色部分可以调播放器的位置和尺寸和颜色,内容字体颜色等
当然播放器的表格还可以变动,目前只就我的合辑做解说
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body><img border="0" src="http://img165.poco.cn/mypoco/myphoto/20111116/20/5579512620111116200757055.jpg" width="1000" height="550">
<EMBED style="LEFT: 200; WIDTH: 600px; POSITION: absolute; TOP:150; HEIGHT: 300px" align=right src=http://www.hsq80.com/tml/31/73.swf type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>
<div id=Layer1 style="Z-INDEX: 1;filter:chroma(color=#ffffff); LEFT: 10; POSITION: absolute; TOP: 250; width:840px; height:340px">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>随风合辑</title>
<STYLE>
BODY {border: #000000 0px groove;
scrollbar-face-color:#FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
overflow: hidden; FONT-SIZE: 12px; FONT-FAMILY: 宋体}
</style>
<SCRIPT>
var imgBuff = new Array();
var arrSong=new Array();
var arrList=new Array();
var arrAlbumName=new Array();
var arrSelected = new Array();
var playingStartX=0;
var playingEndX=200;
var playingBarSize=playingEndX-playingStartX;
var volumeStartX=10;
var volumeEndX=110;
var volumeBarSize=volumeEndX-volumeStartX;
var volumBtnDivX;
var nowVolumeBarImgSize=volumeBarSize;
var nowVolumeBtnDivX=volumeEndX;
var maxVolume=100;
var minVolume=0;
var mouseDownX;
var tmPlaying = -1;
var tmDoPlay=-1;
var maxListSongNo=0;
var nowSongNo=oldSongNo=thisSongNo=0;
var maxSelSongNo=nowSelSongNo=0;
var inxAlbum=0, inxSinger=1, inxSubject=2, inxUrl=3,inxChecked=inxSong=4,inxCart=5;
var nowListAlbum=nowPlayAlbum="";
var oldAlbum="";
var btnState="随风";
var flagPlayOrStop=true;
var flagListOpening=false;
var flagAlbumOpening=false;
var flagAlbumChanged=false;
var flagPlaying=false;
var flagErrorSkip=false;
var flagWaitingSkip=false;
var flagDoWaitSkip=false;
var setVolMove=false;
var cntDelay=0;
var stateStop=1,statePause=2; //mplayer.State啊 倾心, 老矫沥瘤老 版快 清眸随风
var cntDoWaitTime=3; //2
function funcImgPreLoad(){
var i;
var imgs = document.getElementsByTagName("img");
for (i=0; i<imgs.length; i++) {
if(imgs.getAttribute("OnlyOver") != null){
imgBuff.id] = new Array(2);
imgBuff.id]["Origin"] = new Image();
imgBuff.id]["Origin"].src = imgs.src;
imgBuff.id]["Over"] = new Image();
imgBuff.id]["Over"].src = imgs.getAttribute("OverSrc");
imgs.onmouseover = funcImgOverSwap;
imgs.onmouseout = funcImgOutSwap;
}
else if(imgs.getAttribute("Toggle") != null){
imgBuff.id] = new Array(4);
imgBuff.id]["OpenOrigin"] = new Image();
imgBuff.id]["OpenOver"] = new Image();
imgBuff.id]["CloseOrigin"] = new Image();
imgBuff.id]["CloseOver"] = new Image();
imgBuff.id]["OpenOver"].src = imgs.getAttribute("OpenOverSrc");
imgBuff.id]["CloseOver"].src = imgs.getAttribute("CloseOverSrc");
if(imgs.getAttribute("attrNowState")=="Open"){
imgBuff.id]["OpenOrigin"].src = imgs.src;
imgBuff.id]["CloseOrigin"].src = imgs.getAttribute("CloseSrc");
}
else {
imgBuff.id]["OpenOrigin"].src = imgs.getAttribute("OpenSrc");
imgBuff.id]["CloseOrigin"].src = imgs.src;
}
imgs.onmouseover = funcImgOverSwap;
imgs.onmouseout = funcImgOutSwap;
}
}
}
function funcImgOutSwap(){
var ThisID, EL=event.srcElement;
var tmpImg=new Image();
ThisID=EL.id;
if(EL.getAttribute("Toggle") != null){
if(EL.attrNowState=="Open"){
tmpImg.src=imgBuff["OpenOrigin"].src
}
else{
tmpImg.src=imgBuff["CloseOrigin"].src
}
}
else if(EL.getAttribute("OnlyOver") != null){
tmpImg.src=imgBuff["Origin"].src;
}
eval(ThisID).filters.blendTrans.stop();
eval(ThisID).filters.blendTrans.Apply();
eval(ThisID).src=tmpImg.src;
eval(ThisID).filters.blendTrans.Play();
}
function funcImgOverSwap(){
var ThisID, EL=event.srcElement;
var tmpImg=new Image();
ThisID=EL.id;
if(EL.getAttribute("Toggle") != null){
if(EL.getAttribute("attrNowState")=="Open"){
tmpImg.src=imgBuff["OpenOver"].src
}
else{
tmpImg.src=imgBuff["CloseOver"].src
}
}
else if(EL.getAttribute("OnlyOver") != null){
tmpImg.src=imgBuff["Over"].src;
}
eval(ThisID).filters.blendTrans.stop();
eval(ThisID).filters.blendTrans.Apply();
eval(ThisID).src=tmpImg.src;
eval(ThisID).filters.blendTrans.Play();
}
function funcOnError(){
var ErrString="";
var errMsg = mplayer.error.item(0).errorDescription;
ErrString=arrSong+"\n";
ErrString+=arrSong+"\n";
ErrString+=arrSong+"\n\n";
ErrString+=".\n\n";
ErrString+=errMsg+"\n\n";
ErrString+="犬牢阑 穿福搁 急琶邦捞 1邦捞惑 捞搁 促澜 邦栏肺 逞绢 啊绊\n";
ErrString+=" 秒家甫 穿福搁 随风 钦聪促.\n\n";
idMsg.innerHTML = "俊矾";
if(mplayer.Error.errorCount>0){
if(tmDoPlay!=-1){clearTimeout(tmDoPlay); tmDoPlay=-1; cntDelay=0;}
funcInit();
mplayer.error.clearErrorQueue();
flagErrorSkip=true;
flagPlaying=false;
if(nowPlayAlbum==nowListAlbum)funcThisUnCheck(nowSongNo);
arrSong=false;
//alert(ErrString);
if(maxSelSongNo>1) buttonNext();
}
}
var temp=0; //函荐 眠利阑 困茄 烙矫 函荐
function funcInit(){
funcPlayTimeOut();
//idPlayingBarImg.width=0;
//idPlayingBtnDiv.style.pixelLeft=playingStartX;
idMsg.innerHTML=" ";
}
function funcPlayTimeOut(){
if(tmPlaying != -1){
clearTimeout(tmPlaying);
tmPlaying = -1;
idTimeMsg.innerHTML = "00:00 | 00:00";
}
}
function funcPlayingTime(){
var now_postion=Math.floor(mplayer.controls.currentPosition);
if (now_postion >0){
var total_postion=Math.floor(mplayer.currentMedia.duration);
var postion_value=Math.floor((now_postion * playingBarSize) / total_postion);
if (postion_value){
//document.all.idPlayingBarImg.width=postion_value;
//document.all.idPlayingBtnDiv.style.pixelLeft=playingStartX+postion_value;
}
var n_time=mplayer.controls.currentPositionString;
var t_time=mplayer.currentMedia.durationString;
idTimeMsg.innerHTML = n_time + ' | '+ t_time;
}
}
//林绢柳 巩磊凯俊辑 林绢柳 巩磊 傈何 力芭
function funcDelChar(s, chr){
var len, inx, size=chr.length, str=s;
while(true){
inx=str.indexOf(chr);
if(inx==-1) break;
len=str.length;
str=str.substring(0, inx)+str.substring((inx+1), len);
}
return str;
}
//巩磊凯狼 谅,快俊辑 林绢柳 巩磊甫 力芭
function funcTrim(s,chr){
var i, k, len, inxFirst, inxLast,str=s;
if(str=="") return str;
len=str.length;
for(i=0; i<len; i++){if(str.charAt(i)!=chr) break;}
if(i==len) return "";
inxFirst=i;
inxLast=str.length-1;
for(k=inxLast; k>inxFirst; k--){if(str.charAt(k)!=chr) break;}
inxLast=k+1;
str=str.substring(inxFirst,inxLast);
return str;
}
//倾心 音乐 咯矾俺狼 林绢柳 巩磊甫 1俺肺
function funcInnerTrim(s, chr){
var arr=new Array();
var i, len, str=s;
if(str=="") return str;
arr=str.split(chr);
len=arr.length;
str="";
for(i=0;i<len;i++){
if(arr!=""){
if(i==(len-1))str+=arr;
else str+=arr+chr;
}
}
return str;
}
function funcDelControlChar(s){
var i, str=s;
var TAB=unescape("%09");
var LF=unescape("%0A");
var CR=unescape("%0D");
str=funcDelChar(str, TAB)
str=funcDelChar(str, LF)
str=funcDelChar(str, CR)
return str;
}
function funcAddSong(album,singer,subject,url){
var i=arrSong.length;
album=funcDelControlChar(album);
singer=funcDelControlChar(singer);
subject=funcDelControlChar(subject);
url=funcDelControlChar(url);
album=funcTrim(album," ");
singer=funcTrim(singer, " ");
subject=funcTrim(subject, " ");
url=funcTrim(url, " ");
if((album=="")||(singer=="")||(subject=="")||(url=="")){
alert("举裹疙, 啊荐, 力格, 澜厩林家 吝\n\n傍归父 甸绢啊绰 巴阑 倾侩 窍瘤臼嚼聪促.");
return;
}
album=funcInnerTrim(album," ");
singer=funcInnerTrim(singer," ");
subject=funcInnerTrim(subject," ");
//url=funcInnerTrim(url," ");
arrSong=new Array(6);
arrSong=album;
arrSong=singer;
arrSong=subject;
arrSong=url;
arrSong=false;
arrSong=false;
}
function funcAddChecked(inx,flagChecked){
arrSong=flagChecked;
}
function funcSetAlbum(nr,img){
/*var i,k,m,str,flag;
var cntSong=arrSong.length;
for(i=0; i<cntSong; i++){
m=arrAlbumName.length;
flag=false;
for(k=0; k<m; k++){
if(arrAlbumName==arrSong){
flag=true;
break;
}
}
if(!flag) arrAlbumName=arrSong;
}*/
str="<table cellpadding=0 cellspacing=0 border=0 width='100%' align=center>";
//str+="<tr><td bgcolor=#ffffff height=1></td></tr>";
str+="<tr align=center><td colspan=3 style='padding:7'>「倾心音乐论坛」</td></tr>";
str+="<tr><td class=line height=1></td></tr>";
str+="<tr><td height=10></td></tr>";
str+="<tr><td style='line-height:18pt'>"+nr+"</td></tr>";
/*m=arrAlbumName.length;
for(i=0; i<m; i++){
str+="<tr id='album"+i+"' align=center title='专辑点击'";
str+="style='cursor:hand;padding:7' onmouseover='funcSetColor()'";
str+=" onclick=buttonShowList('"+arrAlbumName+"')>";
str+="<td style='cursor:hand;padding:7'>"+arrAlbumName+"</td></tr>";
if(i+1 < m) str+="<tr><td colspan=3 bgcolor=#ffffff height=1></td></tr>";
}*/
//str+="<tr><td bgcolor=#66ffff height=1></td></tr>";
str+="</table>";
if (img!="" && img!=null) {
idAlbumSpan.innerHTML=str+"<p align=center><img onload=javascript:DrawImage(this,310) src='"+img+"'></p>";
} else {
idAlbumSpan.innerHTML=str;
}
}
function funcSetList(album){
var i,k=0, str='';
var cntSong=arrSong.length;
nowListAlbum=album;
if(nowPlayAlbum=="")nowPlayAlbum=nowListAlbum;
str="<table cellpadding=0 cellspacing=0 border=0 width=100%align=center>";
str+="<form name=formList>";
//str+=" <tr><td class=line height=1></td></tr>";
arrList.length=0;
for(i=0;i<cntSong;i++){
if(arrSong==album){
k=arrList.length;
arrList=new Array(5);
arrList=arrSong;
arrList=arrSong;
arrList=arrSong;
arrList=arrSong;
arrList=i;
str+=" <tr>";
str+="<td height=22 width='5%'><input type=checkbox onfocus='this.blur()' name='chk' ";
str+=" value="+i+" onclick='funcAddChecked("+i+",this.checked)' ";
if(arrSong) str+=" checked></td>";
else str+=" ></td>";
//str+=" <td style=padding:7>"+arrList;
//str+="</td><td title='倾心音乐' style='cursor:hand;padding:7' onmouseover='funcSetColor()' onclick='buttonListenThisMusic("+i+")'>";
str+="<td width='5%'><span id='No"+i+"' style='display: none'><img src=http://img2081.poco.cn/mypoco/myphoto/20111116/14/5579512620111116141622043.gif width=10 border=0></span></td><td width='90%' title='点击播放' style='cursor:hand;' onmouseover='funcSetColor()' onclick='buttonListenThisMusic("+i+")'>";
str+=i+1+". "+arrList+"</td></tr>";
//if(i+1 < cntSong) str+="<tr><td class=line height=1></td></tr>";
}
}
//str+="<tr><td class=line height=1></td></tr>";
str+="</form></table>";
document.all["idListSpan"].innerHTML=str;
//if((nowPlayAlbum==album)&&Boolean(mplayer.URL))eval('No'+nowSongNo).style.backgroundColor='#ff3333';
if((nowPlayAlbum==album)&&Boolean(mplayer.URL))eval('No'+nowSongNo).style.display="block";
}
function funcDelColor(){
var e=event.srcElement;
e.style.color = '';
}
function funcSetColor(){
var e=event.srcElement;
e.style.color = '#ff3333';
if(e.onmouseout==null) e.onmouseout=funcDelColor;
}
function buttonPrev(){
btnState="捞傈";
funcAction();
}
//犁积, 随风 配臂 滚瓢
function buttonPlayOrStop(){
if(mplayer.URL=="") return;
if(flagPlayOrStop) btnState="犁积";
else btnState="随风";
flagPlayOrStop=!flagPlayOrStop;
funcAction();
}
function buttonPause(){
btnState="老矫沥瘤";
funcAction();
}
function buttonNext(){
btnState="促澜";
funcAction();
}
function buttonMute(){
if(!flagPlaying) return;
mplayer.settings.mute = (!mplayer.settings.mute);
if(mplayer.settings.mute) {
idMuteImg.title="静音状态,点击出音";
idMuteImg.innerText="出音";
idEq.style.display="none";
//idMsg.innerHTML = "当前状态:静音";
} else {
本帖最后由 II.〆随风° 于 2011-11-21 23:58 编辑
idMuteImg.title="正常状态,点击静音";
idMuteImg.innerText="静音";
idEq.style.display="block";
}
}
function buttonVolumeUp(){
var curVolume=mplayer.settings.Volume; if(mplayer.settings.Mute) buttonMute();
if(curVolume==maxVolume) return;
curVolume+=Math.floor(maxVolume/10); //弥绊 清眸 1/10爱 倾心
if(curVolume>maxVolume)curVolume=maxVolume;
mplayer.settings.Volume=curVolume;
idVolumeUpImg.title="静音vol="+curVolume;
idVolumeDownImg.title="静音vol="+curVolume;
idtimes.innerText=curVolume;
}
function buttonVolumeDown(){
var curVolume=mplayer.settings.Volume;
if(mplayer.settings.Mute) buttonMute();
if(curVolume==minVolume) return;
curVolume-=Math.floor(maxVolume/10); //随风 清眸 1/10爱 倾心
if(curVolume<minVolume) curVolume=minVolume;
mplayer.settings.Volume=curVolume;
idVolumeUpImg.title="音量vol="+curVolume;
idVolumeDownImg.title="音量 vol="+curVolume;
idtimes.innerText=curVolume;
//document.getElementById('times').innerText=curVolume;
}
function buttonShowList(albumName){
if(nowListAlbum!=albumName){
funcSetList(albumName);
flagAlbumChanged=true;
}
flagListOpening=false;
buttonOpenList();
}
function buttonOpenList(){
if(nowListAlbum==""){
alert("请添加播放清单.");
return;
}
if(flagListOpening==false){
//if(flagAlbumOpening) buttonOpenAlbum();
idCheckButtonSpan.style.display="none";
idListSpan.style.display="none";
//idListButtonImg.attrNowState="Off";
idListButtonImg.innerText="打开列表";
idListButtonImg.title="点击打开清单";
}
else{
idCheckButtonSpan.style.display="block";
idListSpan.style.display="block";
idAlbumSpan.style.display="none";
//idListButtonImg.attrNowState="Open";
idListButtonImg.innerText="关闭列表";
idListButtonImg.title="点击关闭清单";
idAlbumButtonImg.innerText="专辑心情";
idAlbumButtonImg.title="点击打开简介";
}
flagListOpening=!flagListOpening;
flagAlbumOpening=true;
}
function buttonOpenAlbum(){
if(flagAlbumOpening==false){
//if(flagListOpening) buttonOpenList();
idAlbumSpan.style.display="none";
idAlbumButtonImg.innerText="专辑心情";
idAlbumButtonImg.title="点击打开简介";
}
else {
idAlbumSpan.style.display="block";
idCheckButtonSpan.style.display="none";
idListSpan.style.display="none";
idAlbumButtonImg.innerText="关闭介绍";
idAlbumButtonImg.title="点击关闭简介";
idListButtonImg.innerText="打开列表";
idListButtonImg.title="点击打开列表";
}
flagAlbumOpening=!flagAlbumOpening;
flagListOpening=true;
}
function buttonSelectedPlay(){
funcMakeSelectedArray(nowListAlbum);
if(maxSelSongNo>0){
btnState="急琶佃扁";
nowPlayAlbum=nowListAlbum;
funcAction();
}else{
maxSelSongNo=0;
nowSelSongNo=0;
alert("请选定歌曲-友情提示-^_^");
}
}
function buttonListenThisMusic(i){
funcThisCheck(i);
btnState='捞邦佃扁';
thisSongNo=i;
arrSong=true;
nowPlayAlbum=nowListAlbum;
funcAction();
}
function buttonAllCheck(){
var i,e,k;
for(i=0; i<document.formList.elements.length; i++) {
e=document.formList.elements;
if(e.name == 'chk') {
if(e.checked != true) e.checked = true;
}
}
for(i=0;i<arrList.length;i++){
k=arrList;
arrSong=true;
}
}
function buttonUnCheck(){
var i,e,unchk=false;
for(i=0; i<document.formList.elements.length; i++) {
e=document.formList.elements;
if(e.name == 'chk') {
if(e.checked == true) e.checked = false;
}
}
for(i=0;i<arrList.length;i++){
k=arrList;
arrSong=false;
}
}
function funcMakeSelectedArray(album){
var i,e,cntSong,tempAlbum,flagChecked;
var cntTemp;
cntSong=arrSong.length;
arrSelected.length=0;
for(i=0; i<cntSong; i++){
tempAlbum=arrSong;
flagChecked=arrSong;
k=arrSelected.length;
if((album==tempAlbum)&&flagChecked) arrSelected=i;
}
maxSelSongNo=arrSelected.length;
}
function funcThisCheck(k){
var i,e;
for(i=0; i<document.formList.elements.length; i++) {
e=document.formList.elements;
if((e.name == 'chk')&&(e.value == k)) {
if(e.checked == false) e.checked=true;
break;
}
}
}
function funcThisUnCheck(k){
var i,e;
for(i=0; i<document.formList.elements.length; i++) {
e=document.formList.elements;
if((e.name == 'chk')&&(e.value == k)) {
if(e.checked == true) e.checked=false;
break;
}
}
}
function funcDoPlay(){
var i, flagChk=false,flagState=false;
var state=mplayer.playState;
if(mplayer.URL=="") flagState=true; //敲饭捞绢甫 贸澜 矫累 且 版快
//俊矾肺 牢窍咯 mplayer.playState啊 霖厚吝(10) or ? 牢 版快
if(flagErrorSkip==true){flagErrorSkip=false; flagState=true;}
//酒流 角氰捞 救登绢辑 酒贰 林籍贸府, 皋技瘤俊 措扁吝 唱鸥唱绊 澜厩 楷林啊 救瞪 版快
//酒贰 林籍阑 钱绢辑 荤侩 窍绞矫夸.
//if(flagWaitingSkip==true){flagWaitingSkip=false; flagState=true;}
//if(flagDoWaitSkip==true){flagDoWaitSkip=false; flagState=true;}
//mplayer.playState啊 沥瘤,老矫沥瘤牢 版快
if((state==statePause)||(state==stateStop)) flagState=true;
if(flagState){
if(tmDoPlay!=-1){clearTimeout(tmDoPlay); tmDoPlay=-1;}
cntDelay=0;
switch (btnState){
case '促澜':
if(nowSelSongNo<(maxSelSongNo-1)) nowSelSongNo++;
else nowSelSongNo=0;
break;
case '捞傈':
if(nowSelSongNo==0) nowSelSongNo=(maxSelSongNo-1);
else nowSelSongNo--;
break;
case '急琶佃扁':
nowSelSongNo=0;
break;
case '捞邦佃扁':
for(i=0; i<maxSelSongNo; i++){
if(arrSelected==thisSongNo){nowSelSongNo=i; break;}
}
break;
}
flagAlbumChanged=false;
oldSongNo=nowSongNo;
nowSongNo=arrSelected;
//if(arrSong==nowListAlbum)eval('No'+oldSongNo).style.backgroundColor='';
//if(nowPlayAlbum==nowListAlbum)eval('No'+nowSongNo).style.backgroundColor='#ffddff';
if(arrSong==nowListAlbum)eval('No'+oldSongNo).style.display="none";
if(nowPlayAlbum==nowListAlbum)eval('No'+nowSongNo).style.display="block";
mplayer.URL=arrSong;
}
else if(cntDelay>cntDoWaitTime){
if(tmDoPlay!=-1){clearTimeout(tmDoPlay); tmDoPlay=-1;}
funcInit();
cntDelay=0;
flagDoWaitSkip=true;
buttonNext();
}
else cntDelay++;
}
function funcAction(){
switch (btnState){
case '犁积':
if(!flagPlaying&&(mplayer.URL!=""))mplayer.controls.Play();
break;
case '随风':
if(flagPlaying)mplayer.controls.Stop();
break;
case '老矫沥瘤':
if(flagPlaying)mplayer.controls.Pause();
break;
default:
if(flagPlaying) mplayer.controls.Stop();
funcMakeSelectedArray(nowPlayAlbum); //澜厩 楷林吝 澜厩 急琶, 秦力 惑亲 函拳甫 措厚窍咯 角青
if(maxSelSongNo<1){
alert("随风音乐");
return;
}
if(tmDoPlay != -1){clearTimeout(tmDoPlay); tmDoPlay = -1;}
tmDoPlay=setInterval("funcDoPlay()",500);
break;
}
}
function funcStateChange(nowState){
//idMsg.innerHTML = mplayer.URL;
var strMsg="";
var str;
var singer=arrSong;
var subject=arrSong;
//str="歌曲列表<font color=00ff00> "+nowPlayAlbum+"</font> <font color=#ffff00>"+singer+"</font> <font color=#00ff00> "+subject+"</font>";
str="当前播放:"+subject+"";
switch (nowState){
case 1 : //泅犁邦 随风
flagPlaying=false;
flagPlayOrStop=true;
idPlayOrStopImg.innerText="播放";
//idPlayOrStopImg.attrNowState="Open";
idPlayOrStopImg.title="点击播放";
funcInit();
idEq.style.display="none";
strMsg= "当前状态:停止";
break;
case 2 : //老矫沥瘤
flagPlaying=false;
flagPlayOrStop=true;
idPlayOrStopImg.innerText="播放";
idPlayOrStopImg.title="点击播放";
//idPlayOrStopImg.attrNowState="Open";
idEq.style.display="none";
strMsg= "当前状态:暂停";
break;
case 3 : //犁积吝
flagPlaying=true;
flagPlayOrStop=false;
idPlayOrStopImg.innerText="停止";
//idPlayOrStopImg.attrNowState="Open";
idPlayOrStopImg.title="点击停止当前播放";
idEq.style.display="block";
funcPlayTimeOut(); //困 随风 funcInit()俊辑 角青窍瘤父 趣矫 抗扁摹 臼篮 惑炔俊 措厚窍咯
tmPlaying=setInterval("funcPlayingTime()",1000);
strMsg="<marquee scrollamount=2>"+str+"</marquee>";
break;
case 4 : //菊栏肺 弧府 皑绰 吝 fast forwarding
break;
case 5 : //第肺 弧府 皑绰 吝 fast rewinding
break;
case 6: //The current media clip is getting additional data from the server
strMsg= "随风音乐";
break;
case 7: //楷搬篮 登菌栏唱 惑措规俊辑 抛捞鸥 傈价捞 救登绢 傈价 措扁窍绰 版快
strMsg= "谢谢欣赏";
flagWaitingSkip=true;
buttonNext();
break;
case 8: //辆丰 mplayer.URL傈眉辆丰 Media end.
strMsg= " 谢谢欣赏";
flagPlaying=false;
buttonNext();
break;
case 9:
strMsg= "谢谢欣赏";
break;
case 10 :
strMsg= "谢谢欣赏";
break;
case 11 : //Reconnecting to stream.
strMsg= "音乐播放";
break;
}
idMsg.innerHTML = strMsg;
//idLogText.value+=strMsg+"\n";
}
var flag=true;
function DrawImage(ImgD,W){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width>=W){
ImgD.width=W;
ImgD.height=(image.height*W)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
function onlistover(src){src.style.color="#ff3333";}
function onlistout(src){src.style.color="";}
</SCRIPT>
<SCRIPT language=JScript event=playStateChange(NewState) for=mplayer>funcStateChange(NewState);</SCRIPT>
<SCRIPT language=JScript event=error() for=mplayer>funcOnError();</SCRIPT>
<script language="JavaScript">
function mshezhi(a,b,c,d)
{
colors = a;
zi = b;
bjs = c;
bk = d;
if (bk=='transparent'){bk = '#ff3333';} else {bk = "#" + bk}
if (bjs=='transparent'){bj = 'transparent';} else {bj = "#" + bjs}
if (colors=='transparent'){color = 'transparent';} else {color = "#" + colors}
document.write("<STYLE type=text/css>A:link {COLOR: #"+zi+"; FONT: 12px 宋体,Arial;TEXT-DECORATION: none}");
document.write("A:active {COLOR: #"+zi+"; FONT: 12px 宋体,Arial; TEXT-DECORATION: none}");
document.write("A:visited {COLOR: #"+zi+"; FONT: 12px 宋体,Arial; TEXT-DECORATION: none}");
document.write("A:hover {COLOR: #ff3333; FONT: 12px 宋体,Arial; TEXT-DECORATION: none}");
document.write("body {BACKGROUND-COLOR: "+color+";}");
document.write("td {font-size:9pt; font-family:宋体;COLOR: #"+zi+";}");
document.write(".kt {border:1px solid "+bk+";BACKGROUND-COLOR: "+bj+";padding:5px;font-size:12px;font-family:宋体;border-collapse: collapse;}");
document.write(".line {BACKGROUND-COLOR: "+bk+"}");
document.write(".buttons {color:#"+zi+"}");
document.write("input {width:14px; height:14px;}");
document.write("#idAlbumSpan, #idListSpan {position:absolute; width: 260px; overflow:auto; padding:5px; BACKGROUND-COLOR: "+bj+"; border:1pxsolid "+bk+";scrollbar-face-color: #ff6633;scrollbar-arrow-color: "+bk+";scrollbar-track-color: #ffffff;scrollbar-highlight-color: #ff00ff;scrollbar-shadow-color: ff00ff;scrollbar-3dlight-color: #000000;scrollbar-darkshadow-color: "+bk+";}");
document.write("#idCheckButtonSpan{position:absolute; width: 260px; padding:5px; BACKGROUND-COLOR: "+bj+"; border:1px solid "+bk+";}</STYLE>");
}
</script>
</head>
<body scroll='no' leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 oncontextmenu='return false' ondragstart='return false' onselectstart ='return false' onselect='document.selection.empty()' oncopy='document.selection.empty()' onbeforecopy='return false'>
<OBJECT id=mplayer hideFocus title="" style="WIDTH: 0px; HEIGHT: 0px" type=application/x-oleobject standby="Microsoft Windows Media Player blyuyyxiaowu." classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 name=mplayer VIEWASTEXT><PARAM NAME="URL" VALUE=""><PARAM NAME="AutoStart" VALUE="-1"><PARAM NAME="playCount" VALUE="1"><PARAM NAME="enableContextMenu" VALUE="0"><PARAM NAME="currrentMarker" VALUE="0"><PARAM NAME="ShowStatusBar" VALUE="1"><PARAM NAME="currentPosition" VALUE="0"><PARAM NAME="defaultFrame" VALUE="0"><PARAM NAME="ShowDisplay" VALUE="0"><PARAM NAME="volume" VALUE="100"></OBJECT>
<table width="360" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD height="226" align="center" style="position:relative"> <div id=idListSpan style="height:200px; DISPLAY: none; LEFT: 0px; bottom: 26px;BORDER-bottom: #000000 0px solid;"></div>
<div id=idAlbumSpan style="height:226px; padding:15px; DISPLAY: none; LEFT: 0px; TOP: 0px;BORDER-bottom: #000000 0px solid;"></div>
<div id=idCheckButtonSpan style="height:26px; DISPLAY: none; LEFT: 0px; TOP: 200px;text-align: left;BORDER-bottom: #000000 0px solid;">
<span class ='buttons' title='全部选定' onClick='buttonAllCheck()' style='cursor:hand' onmouseover='onlistover(this)' onmouseout='onlistout(this)'>全选</span>
<span class ='buttons' title='退出选定' onClick='buttonUnCheck()' style='cursor:hand' onmouseover='onlistover(this)' onmouseout='onlistout(this)'>反选</span>
<span class ='buttons' title='专辑播放' onClick='buttonSelectedPlay()' style='cursor:hand' onmouseover='onlistover(this)' onmouseout='onlistout(this)'>播放</span> <a href="http://www.qxyy.net/" target="_blank">☆倾心音乐☆</a></div></TD>
</TR>
</table></td>
</TR>
</table>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD >
<table class="kt" width="545" border="0" cellspacing="0" cellpadding="0" style="BORDER-BOTTOM: 0px">
<TR align="center">
</TR>
</table>
<table class="kt" width="711" border="0" cellspacing="0" cellpadding="0">
<TR align="center">
<td width="20"><SPAN id=idEq style="DISPLAY: none"><img src="http://img2081.poco.cn/mypoco/myphoto/20111116/14/5579512620111116141645099.gif" border="0"></SPAN></td>
<td width="115" height="24" id=idMsg style="MARGIN-LEFT: 10px" class ='buttons'>
倾心音乐</td>
<td width="109" class ='buttons' id=idTimeMsg>00:00|00:00</td>
<td height="24"><span class ='buttons' id='idPlayOrStopImg' title='播放/停止' onClick='buttonPlayOrStop()' style='cursor:hand;' onmouseover='onlistover(this)' onmouseout='onlistout(this)'>停止</span></td>
<td><span class ='buttons' title='暂停.继续' onClick='buttonPause()' style='cursor:hand' onmouseover='onlistover(this)' onmouseout='onlistout(this)'>暂停</span></td>
<td><span class ='buttons' id='idMuteImg' title='静音模式' onClick='buttonMute()' style='cursor:hand' onmouseover='onlistover(this)' onmouseout='onlistout(this)'>静音</span></td>
<td><span class ='buttons' title='上一首曲目' onClick='buttonPrev()' style='cursor:hand' onmouseover='onlistover(this)' onmouseout='onlistout(this)'>上首</span></td>
<td><span class ='buttons' title='下一首' onClick='buttonNext()' style='cursor:hand' onmouseover='onlistover(this)' onmouseout='onlistout(this)'>下首</span></td>
<td><span class ='buttons' id='idVolumeDownImg' title='减少音量' onClick='buttonVolumeDown()' style='cursor:hand' onmouseover='onlistover(this)' onmouseout='onlistout(this)'>▼</span></td>
<td><span class ='buttons' id="idtimes">99</span></td>
<td><span class ='buttons' id='idVolumeUpImg' title='增加音量' onClick='buttonVolumeUp()' style='cursor:hand' onmouseover='onlistover(this)' onmouseout='onlistout(this)'>▲</span></td>
<td><span class ='buttons' id='idListButtonImg' onfocus=this.blur() onclick='buttonOpenList()' onmouseover='onlistover(this)' onmouseout='onlistout(this)' style='cursor:hand'>关闭列表</span></td>
<td><span class ='buttons' id='idAlbumButtonImg' title="点击打开简介" onfocus=this.blur() onclick='buttonOpenAlbum()' onmouseover='onlistover(this)' onmouseout='onlistout(this)' style='cursor:hand'>专辑心情</span></td></TR></table>
<script>
funcAddSong("Eva Cassidy","A1","最后一滴泪","http://w.gokuai.com/w/Se0259r37ux23351/最后一滴泪.mp3");
funcAddSong("Eva Cassidy","A2","爱碎了痴心","http://w.gokuai.com/w/29jVPcU114W3560w/爱碎了痴心.mp3");
funcAddSong("Eva Cassidy","A3","梦中情人","http://w.gokuai.com/w/l6O3Utj8T096b51g/梦中情人.mp3");
funcAddSong("Eva Cassidy","A4"," 黄昏","http://w.gokuai.com/w/6yk59ecRf8ywF50D/黄昏.mp3");
funcAddSong("Eva Cassidy","A5","爱在冬季","http://w.gokuai.com/w/6G4YBp7g0pBY7205/爱在冬季.mp3");
funcAddSong("Eva Cassidy","A6","坚强的石头","http://w.gokuai.com/w/52H15144770265V7/坚强的石头.mp3");
funcAddSong("Eva Cassidy","A7","如果爱死了","http://w.gokuai.com/w/DE8e69y94047HFrw/如果爱死了.mp3");
funcAddSong("Eva Cassidy","A8","爱不醒","http://w.gokuai.com/w/u0z6643guO3E48p4/爱不醒.mp3");
funcAddSong("Eva Cassidy","A9","爱情的秋天","http://w.gokuai.com/w/eYzlY52V0DO9Z46Q/爱情的秋天.mp3");
funcAddSong("Eva Cassidy","A10","借我一点爱","http://w.gokuai.com/w/68Z5hDi7gC2JAl34/借我一点爱.mp3");
mshezhi("transparent","ffff33","transparent","ff3333");
funcImgPreLoad();
funcSetAlbum("午夜情殇<br>编辑制作:随风<br> <br>每个人都有一个死角<br>自己走不出去别人也闯不进来<br>我把最深沉的秘密放在那里<br><br>你不懂我 我不怪你<br><br>每个人都有一道伤口<br>或深或浅<br>盖上布 以为不存在<br>我把最殷红的鲜血涂在那里<br><br>你不懂我 我不怪你<br><br>这样的文字这样的音乐<br>让我深陷难以自拔<br>每当夜深人静的时候<br>褪下伪装剩下虚无臃肿的坚强<br>独自细数铭记那一道道心伤<br>此时无需伪装<br>随着音乐泛滥<br>独自舔吮抚平着内心难以抹平的创伤<br>夜色美音乐美回忆也美<br>一切都美得那么心醉心碎");
buttonShowList("Eva Cassidy");
buttonAllCheck();
buttonSelectedPlay();
</script>
<SCRIPT language=JavaScript> <!--
ScrollSpeed = 250; // milliseconds between scrolls
ScrollChars = 2; // chars scrolled per time period
function SetupTicker() {
msg = "◇◆随风音乐◇◆帖赠亲亲◇◆";
RunTicker();}
function RunTicker() {
window.setTimeout('RunTicker()',ScrollSpeed);
window.status = msg;
msg = msg.substring(ScrollChars) + msg.substring(0,ScrollChars);}
SetupTicker();
<!-- end -->
</SCRIPT>
</body>
</html></div>
</body></html>
虽然看起来很复杂,但是,红色标记部分是可以修改的,细心的人会发现 里面那段funcaddsong是 我们之前准备的10首歌曲的 歌曲名和连接地址,同时汉字部分是专辑名 专辑内容心情等。将上面代码部分修改完毕后 我们用记事本文件编辑后 另存为TXT 保存为本地文件,然后再上传到网络空间。我们论坛就有自己的上传空间方便了很多。对于这一点 大家各按喜好。总之。我们所有完成得到的就是一个可以外链的txt网页文件。然后编辑发表,代码为<div style="LEFT: -220px; WIDTH: 1000px; POSITION: relative; TOP: 150px; HEIGHT: 550px"><IFRAME marginWidth=0 marginHeight=0 src="http://qxyy.51dlm.com/www.51dlm.com/32f1af2e67848766f3ed03d5798fe9b9.txt" frameBorder=0 width=1000 scrolling=no height=550></IFRAME></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>整个代码里面所有的。TOP 、LEFT、 HEIGHT、WIDTH 等等我告诉大家 他们的单位都是PX (像素),并且连接的都是数值。大家是可以进行微调整的。具体,大家自己去领悟和琢磨。再次并不累述。<BR>为换行,避免帖子发表后遮盖住管理编辑评分等。以上所述皆为随风感悟,不到之处多多包涵,代码资源网络共享,祝大家有所收获。
限制字节了,分两次发出来的 {:70_309:}好吧,我先收藏了在研究了。就是这个没有学会 疯哥弄了很久吧。辛苦了噢。
哈哈23的同学有得学了。
我要努力啊努力。追上随疯的脚步。 {:2_243:}风大呀可不可以手把首教啊 我看到这么多符号我头都大了 学习了 ,感谢风哥分享的代码 这个。太美了。想要好好学学。 风大 可不可以直接教 我一看符号头都大了 随风哥的这个我也头大呢,哈哈。 不错,学习制了,放空间 我也来学习了 偶像 专门来学习滴 进来看看,我能学得起来吗 TXT文件可以下载吗,直接复制代码出错了,如图:
这些代码看得我头都大了,看来追求美好的东西是要付出极大的代价滴……很喜欢余秋雨的《你不懂我,我不怪你》,希望能找到学习图文制作的那把钥匙…… 感谢风哥赞助,再多点教程吧。 我先收藏随后来学习啊,我找你的时候要教会我 {:2_267:}这么多代码怕是学不会了!看的头都大了丫..... 不错以后有时间慢慢学
页:
[1]