Giải thích rõ ràng về làm web nhạc html cho ai chưa biết

[anhhunglong]

bài viết của mình , nếu ai biết rồi thì góp ý giúp mình , còn ai chưa biết thì tham khỏa nhé đây là code mình lấy được ở trang ngân các bạn xem rùi mình sẽ phân tích tự mày mò , không biết đúng không


<SCRIPT>
<!--
hostSite='';
musicSite='';
lastUrl='';



var
aCnt=0;
dAList=new Array();
sCnt=0;
dSList=new Array();
tCnt=0;
dTList=new Array();

function TrongQuy_Love_TrangNgan(aName)
{
aCnt++;
sCnt=0;
tCnt=0;
dAList[aCnt]=aName;
dSList[aCnt]=new Array();
dTList[aCnt]=new Array();
}


function TrongQuy(songName)
{
sCnt++;
dSList[aCnt][sCnt]=songName;
}
function TrangNgan(ten)
{
tCnt++;
dTList[aCnt][tCnt]=ten;
}
function showContent()
{
aList='<TABLE cellspacing=0 cellpadding=0>';
aList+='<TR><TD height=300 valign=top id=aListHTML></TD></TR>';
aList+='</TABLE>';

wMedia='<OBJECT id="winMedia" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" width="280" height="40" ><PARAM name="uimode" value="mini"><PARAM name="EnableContextMenu" value="0"><param NAME="volume" VALUE="100"></OBJECT>'; //// 2 /////
wMedia+='';


tList='<TABLE cellspacing=0 cellpadding=0>';
tList+='<TR><TD height=90 id=songListHTML valign=top></TD></TR>';
tList+='</TABLE>';
html='<div style="position:absolute;left:0px;top:0px; overflow-y: auto;">';
html+='<TABLE CELLSPACING = 0 CELLPADDING = 0 BORDER = 0>';
html+='<TR><TD><DICERTAGS>';

html+='<DICERTAGSEND></TD></TR></TABLE>';
html+='</div><div style="position:absolute;left:50px; top:50px; z-index:3; width: 300px; height: 75px; ALLOWTRANSPARENCY="true" style="filter:chroma(color=#505069)">';
html+=''+wMedia+'</div>';/*window media player*/
html+='<div style="position:absolute;left:0px;top: 1px; z-index:3; overflow-y: auto; width: 208px; ALLOWTRANSPARENCY="true" style="filter:chroma(color=#505069)">';/*menu ca si*/
html+=''+aList+'</div>';
html+='<div style="position:absolute;left:210;top: 0px; z-index:3; width: 140px; height: 240px; background-color: transparent" ALLOWTRANSPARENCY="true" style="filter:chroma(color=#505069)">';/*menu bai hat*/
html+=''+tList+'</div>';
html+='<div id=mediaLoadingHTML style="position:absolute; left: 120px; top: 280; z-index:3; overflow-y: auto; width: 500; height: 50; background-color: transparent" ALLOWTRANSPARENCY="true" style="filter:chroma(color=#505069)"></div>';
mediaHTML.innerHTML=html; //// 1 ////
showAList();
}

function showAList()
{
html='<TABLE width=0% cellspacing=0 cellpadding=0>';
html+='<TR><TD class=TH><center><b>keke , tao tóm được mày rùi</b></center></TD></TR>';
html+='<TR><TD><SPAN style="overflow-X: auto; overflow-Y: auto; width: 210px; height: 240px;"><TABLE cellspacing=0 cellpadding=0>';/*khung cua ca si*/
for (i=1; i<dAList.length; i++)
html+='<TR><TD class=TD width=10></TD><TD class=TD><B>'+i+'</B>. <A href=#TRANGNGANKISSTO_'+i+'>'+mediaName(dAList[i])+'</TD></TR>';
html+='</TABLE></SPAN></TD></TR>';
html+='</TABLE>';
aListHTML.innerHTML=html;
}

function showSongList(ab)
{
html='<TABLE width=0% cellspacing=0 cellpadding=0>';
html+='<TR><TD class=TH><center><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Mời Bạn Chọn ca Kh&uacute;c</b></center></TD></TR>';
html+='<TR><TD><SPAN style="overflow-X: auto; overflow-Y: auto; width: 255px; height: 240px;"><TABLE cellspacing=0 cellpadding=0>';
t=getVar(2);
for (i=1; i<dTList[ab].length; i++)
if (t==i)
html+='<TR><TD width=10 class=TD></TD><TD class=TD><B>'+i+'</B>. <A href=#TRANGNGANKISSTO_'+ab+'_'+i+'>'+mediaName(dTList[ab][i])+'</TD></TR>';
else
html+='<TR><TD width=10 class=TD></TD><TD class=TD><B>'+i+'</B>. <A href=#TRANGNGANKISSTO_'+ab+'_'+i+'>'+mediaName(dTList[ab][i])+'</TD></TR>';
html+='</TABLE></SPAN></TD></TR>';
html+='</TABLE>';/*khung bai ha*/
songListHTML.innerHTML=html;
}



function getVar(cnt)
{
var url;
url=window.location.href;
url=url+'#';
url=url.split('#');
url=url[1];
url=url+'_';
url=url.split('_');
url=url[cnt];
if (!url)
return '';
return url;
}

function mediaEnded()
{
mediaNext();
}

function mediaError()
{
//alert('Window Media Error');
}

function mediaHide()
{
winMedia.style.display="none";
}

function mediaShow()
{
winMedia.style.display="";
}


function myMediaGetState(state)
{
window.status='';
switch (state)
{
case 1:
mediaLoadingHTML.innerHTML="<TABLE Width=600><TR><TD align=right><font color=red><CENTER><b> Dừng Nhạc &nbsp;&nbsp;&nbsp;&nbsp;</font><font color=red><A href=# onClick='winMedia.controls.play(); return false'>Nghe Nhạc Tiếp</A> </b></TD></TR></TABLE>";
break;

case 2:
mediaLoadingHTML.innerHTML="<TABLE width=100%><TR><TD align=right><font color=red><CENTER><b> Đang Dừng Nhạc&nbsp;&nbsp;&nbsp;&nbsp;</font><font color=red>&nbsp;<A href=# onClick='winMedia.controls.play(); return false'>Nghe Nhạc Tiếp</A> </b></TD></TR></TABLE>";
break;

case 3:

mediaLoadingHTML.innerHTML='<TABLE width=100%><TR><TD align=right></TD></TR></TABLE><b><CENTER> <MARQUEE scrollamount=4><font color=pink>Bạn Đang Nghe Ca Khúc :&nbsp;'+dTList[ab][song]+' ... Trên Website TRANGNGANKISSTO <font color=red>&nbsp; ...Bạn Hãy Copy Dòng Link Trên Cùng Để Gửi Tặng Ca Khúc Này Cho Những Người Bạn Của Bạn. ! </MARQUEE> <br><A href=# onClick="winMedia.controls.play(); return false">Play</A>&nbsp;&nbsp;<A href=# onClick="winMedia.controls.stop(); return false">ối</A>&nbsp;&nbsp;<A href=# onClick="winMedia.controls.pause(); return false">Pause</A>&nbsp;&nbsp;</font></center><TABLE width=450><TR><TD align=center><font face="Tahoma" style="font-weight: 700; font-size: 8.5pt" color="00ffff"><a href="'+songLink+'" target=1 title=" Nếu bạn muốn tải ca khúc này về máy của mình hãy click chuột phải chọn Save Target As..."><img src=download.jpg ></a></TD></TR></TABLE>' ;
break;
case 6, 9:

mediaLoadingHTML.innerHTML='<TABLE width=100%><TR><TD align=right><CENTER><font color=red><b> Đang Tải Dữ Liệu <IMG src="'+hostSite+'loading.gif"><br> Bạn Vui Lòng Đợi Chút</b></TD></TR></TABLE>';
break;
case 10:

mediaLoadingHTML.innerHTML="<TABLE width=100%><TR><TD align=right><font color=red><CENTER><b>Server Quá Tải Bạn Vui Lòng Chọn Bài Khác.Xin Cảm Ơn...</b></TD></TR></TABLE>";
break;
default:

}
}

function mediaName(st)
{
st=st.replace(/_/,' ');
st=st.replace('.mp3','');
st=st.replace('.mp9','');
st=st.replace('.wma','');
st=st.replace('.wm9','');
st=st.replace('.MP3','');
st=st.replace('/','');
return st;
}

function mediaPre()
{
s=getVar(2);
if (s>1)
s--;
else
s=dSList[ab].length-1;
window.location='#TRANGNGANKISSTO_'+ab+'_'+s;
}

function mediaNext()
{
s=getVar(2);
if (s<dSList[ab].length-1)
s++;
else
s=1;
window.location='#TRANGNGANKISSTO_'+ab+'_'+s;
}

function site_DoFSCommand(command, args)
{
if (command=='mediaplay')
winMedia.controls.play();
else if (command=='mediastop')
{
winMedia.controls.stop();
mediaShow();
}
else if (command=='medianext')
mediaNext();
else if (command=='mediapre')
mediaPre();
}

function playSong(ab, song)
{
songLink=dSList[ab][song];
//window.status=songLink;
winMedia.URL=songLink;
}

function loadPage()
{
ab=getVar(1);
song=getVar(2);
if (ab=='')
ab=1;
showSongList(ab);
if (song!='')
playSong(ab, song);
}

function urlCheck()
{
document.title=pageTitle;
url=window.location.href;
if (url!=lastUrl)
{
loadPage();
lastUrl=url;
}
}

function loadOK()
{
window.defaultStatus='';
showContent();
setInterval("urlCheck()",100);
}

function D2t()
{
window.defaultStatus='.|. Bạn đợi 1 tí để website tải CSDL nhạc về máy...';
actionScript.src='trangngan.txt';
}

function fixResize()
{
mainTable.style.display="none";
mainTable.style.display='';
}



function initalize()
{
document.title='Music 0nline - TRANGNGANKISSTO ';
pageTitle=document.title;
html='';
html+='<SCRIPT id=actionScript src=""></SCR'+'IPT>';
html+='<SCRIPT for=\'winMedia\' event=\'playStateChange(NewPlayState)\'>';
html+='mediaState(NewPlayState);';
html+='if (NewPlayState == 8)';
html+=' mediaEnded();';
html+='</SCR'+'IPT>';
html+='<SCRIPT for=\'winMedia\' event=\'error()\'>';
html+=' mediaError();';
html+='</SCR'+'IPT>';
html+='<SCRIPT LANGUAGE="VBScript">';
html+='Sub site_FSCommand(ByVal command, ByVal args)';
html+='call site_DoFSCommand(command, args)';
html+='End Sub';
html+='</SCR'+'IPT>';
html+=' <DIV id=mediaHTML style="position: absolute"></DIV>';
document.write(html);
setTimeout(" D2t()",100);
window.onresize=fixResize;
}

initalize();
-->
</SCRIPT>

[=========> Bổ sung bài viết <=========]

đấy là code , dài quá , đại loại là nó dựng lên 3 cái quan trọng nhất gọi đơn giản là mục ca sĩ , mục những bài hát của ca sĩ đó , và mục tạo giao diện chơi nhạc < mình chỉ nói về nhạc thôi >

các bạn để ý chỗ //// 2//// mình thêm vào < bắt đầu từ wMedia cho đến hết /// là hàm tạo ra giao diện chơi nhạc
còn đoạn html đến //// 1/// , chỉ khoảng chục dòng thôi , đó là hàm xác định vị trí cho menu ca sỹ , menu bài hát và giao diện chơi nhạc , các bạn có thể tự tìm hiểu thêm về độ rộng cũng như đồ dài của các menu < chác là ở quanh đó >

các bạn thấy trong đoạn mã có chứa link tới trangngan.txt , tức là những ca sỹ , bài hát đã được lưu trong file này , nó được gán là

TrongQuy_Love_TrangNgan : menu ca sỹ
TrangNgan : menu bài hát
TrongQuy : link của bài hát
các bạn có thể edit đi một chút
à , suýt quên , đây là file trangngan.txt , dạng như thế nè

TrongQuy_Love_TrangNgan('<b>Final Fantasy</font>');
TrongQuy('thiendggoiten.mp3');TrangNgan('Suteki Dane');
TrongQuy('http://www.filelodge.com/files/room36/1024248/trangngankissto/Fantasy/DieuDoKoDepSao_FFXVN.wmv');TrangNgan('Điều đó ko đẹp thật sao');
TrongQuy('http://www.filelodge.com/files/room36/1024248/trangngankissto/Fantasy/EyesOnMe.wmv');TrangNgan('Eyes on me');
TrongQuy('http://www.filelodge.com/files/room36/1024248/trangngankissto/Fantasy/LoveWilGrown.wmv');TrangNgan('Love will grown');


quan trọng là các bạn nhớ lưu file này đưới mã unicode


mệt quá , em không rành về web , không biết gì về lập trình , không biết mọi người có hiểu không nhỉ ?

[snoob]

hiểu chết liền, nhìn code là hết muốn đọc