专辑播放器01代码实例

耘 · 发表于 2011-12-3 08:13:33

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>:: 梦回云阳音乐播放器 ::</title>
<STYLE>BODY {
SCROLLBAR-FACE-COLOR: #FFFFFF; FONT-SIZE: 9pt; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #FFFFFF; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #FFFFFF; FONT-FAMILY: dadum10; SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF
}
TD {
FONT-SIZE: 9pt; COLOR: #000000; LINE-HEIGHT: 180%; FONT-FAMILY: 宋体
}
DIV {
FONT-SIZE: 9pt
}
INPUT {
HEIGHT: 16px
}
.syes {
BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 9pt; BORDER-LEFT-COLOR: #ffffff; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #ffffff;
WIDTH: 77px; CURSOR: hand; COLOR: #ffffff; BORDER-TOP-COLOR: #ffffff; HEIGHT: 17px; BACKGROUND-COLOR: #daebda; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR:
#ffffff
}
</STYLE>
<SCRIPT Language="Javascript">
var url_str="前世今生 Previous And Present Life=http://storage.live.com/items/B5849A8C3C39F646%21399?3Ffilename%3D/01.mp3|在云端 Beyond The Clouds=http://storage.live.com/items/B5849A8C3C39F646%21400?3Ffilename%3D/02.mp3|流动的影 Flowing Shadow=http://storage.live.com/items/B5849A8C3C39F646%21401?3Ffilename%3D/03.mp3|新生 New Blood～To My Coming Child=http://storage.live.com/items/B5849A8C3C39F646%21402?3Ffilename%3D/04.mp3|无极 Infinite=http://storage.live.com/items/B5849A8C3C39F646%21403?3Ffilename%3D/05.mp3|求索 Way Of Seeking=http://storage.live.com/items/B5849A8C3C39F646%21404?3Ffilename%3D/06.mp3|听潮 Listening To Tide=http://storage.live.com/items/B5849A8C3C39F646%21405?3Ffilename%3D/07.mp3|色 Substance Desire & Spirit=http://storage.live.com/items/B5849A8C3C39F646%21406?3Ffilename%3D/08.mp3|太极 Taichi=http://storage.live.com/items/B5849A8C3C39F646%21407?3Ffilename%3D/09.mp3|风之语 Whisper Of The Wind=http://storage.live.com/items/B5849A8C3C39F646%21408?3Ffilename%3D/10.mp3";
var je="=";
var url="|";
var subject_arr = new Array();var url_arr = new Array();var sel_arr = new Array();
var inx=0, old_inx=0;var now_song=0;var max_count=0;var tm=null;var tm_cnt=0;var err_stat=false;
function p_play(){tm_cnt++;if((SyesPlayer.filename==url_arr[inx])&&(!err_stat)) {
SyesPlayer.play();clearTimeout(tm);tm=null;tm_cnt=0;}
if(tm_cnt==4){clearTimeout(tm);tm=null;tm_cnt=0;}}
function one_play(i){if(tm != null) clearTimeout(tm);old_inx=inx;
inx=i;SyesPlayer.filename=url_arr[i];tm_cnt=0;err_stat=false;tm=setTimeout("p_play()",1000);
stat.innerHTML="<marquee bgcolor=000000 scrollamount=1 width=220><font color=FFFF00> "+subject_arr[i]+" 更多音乐分享请访问韭菜的博客 www.yy708090.com "+"</font></marquee>";
eval('m'+old_inx).style.color='';eval('m'+inx).style.color='0000FF';}
function onlistover(src){src.style.color="green"}function onlistout(src){src.style.color=""}
function syes_next(){if(now_song<(max_count-1)) now_song++;else now_song=0;one_play(sel_arr[now_song]);}
function listen_check(){
var songlist = ""
var chk = false
var i, url;
for(i=0; i<document.list_form.elements.length; i++) {
var e=document.list_form.elements[i];
if(e.name == 'chk') {
if(e.checked == true) {
chk = true;
songlist = songlist + e.value + ",";}}}
if(chk == true ){
sel_arr=songlist.split(',');
now_song=0;
max_count=sel_arr.length-1;
one_play(sel_arr[now_song]);
}else{
max_count=0;
alert("选定歌曲");}}
function all_check(){
var i;
for(i=0; i<document.list_form.elements.length; i++) {
var e=document.list_form.elements[i];
if(e.name == 'chk') {
if(e.checked != true)e.checked = true;}}}
function one_check(k){
var i;
for(i=0; i<document.list_form.elements.length; i++) {
var e=document.list_form.elements[i];
if((e.name == 'chk')&&(e.value == k)) {
e.checked = true;break;}}}
function un_check(){var i;
for(i=0; i<document.list_form.elements.length; i++) {
var e=document.list_form.elements[i];
if(e.name == 'chk') {
if(e.checked == true) e.checked = false}}}
function set_list(){
var i, cnt, str;
cnt=url_str.split(url).length;
str="<form name=list_form><table>";
for(i=0;i<cnt;i++){
subject_arr[i]=(i+1)+'. '+url_str.split(url)[i].split(je)[0];
url_arr[i]=url_str.split(url)[i].split(je)[1];
str+=" <tr id=m"+i+">"+"<td><input type=checkbox onfocus='this.blur()' name='chk' value="+i+"></td><td><span style=cursor:hand onmouseover='onlistover(this)' onmouseout='onlistout(this)' onclick='one_play("+i+")'>";
str+=subject_arr[i]+'</span>';}+"</td></tr></table></form>";document.all["list_tbl"].innerHTML=str;}
var trackPositionSts;var positionSet = false;
var varlength=500;var varstartpoint=54;
function SyesPlayerSetPosition() {
if(positionSet == true) {antiauto=30;
positionSet=false;dragapproved = false;
per = (document.all["position"].style.pixelLeft - varstartpoint)/varlength;
psit = Math.floor(document.all.SyesPlayer.Duration * per);
setPosition(psit)}}
function TrackPosition() {
positionSet = true;iex = event.clientX;iey = event.clientY;
tempx = document.all.position.style.pixelLeft;
tempy = document.all.position.style.pixelTop;
dragapproved=true;
document.onmousemove=positionDragControl;
if(document.all) document.onmouseup = SyesPlayerSetPosition}
function positionDragControl(){
if(dragapproved == true){
var mov = tempx + event.clientX - iex;
if(mov >= varstartpoint && mov <= varstartpoint+varlength)
{document.all["position"].style.pixelLeft = tempx + event.clientX - iex}return false}}
function setPosition(psit){document.all.SyesPlayer.CurrentPosition = psit}
function setTrackIcon() {
if(positionSet == false){
var nowposition = Math.floor(document.all["SyesPlayer"].CurrentPosition);
var totalposition = Math.floor(document.all.SyesPlayer.Duration);
if (nowposition > 0){
document.all["position"].style.pixelLeft = varstartpoint + (varlength * (nowposition / totalposition));}}}
function muinit(){trackPositionSts = setInterval('setTrackIcon()',400)}
</SCRIPT>
</head>
<body onLoad="muinit();" leftmargin=0 topmargin=10 bgcolor="" text="black" link="000000" vlink="000000" alink="red">
<STYLE>body{CURSOR:url(020.ani); }</STYLE>
<table border=1 cellpadding="14" cellspacing="3" style="filter:progid:DXImageTransform.Microsoft.Shadow(color:silver,direction:150,strength:10)"><tr><td><table border=2 cellspacing="2" cellpadding=0 bordercolor=#ffffff> <td bgcolor=#ffffff>
<div style=margin-left:130;>
<STYLE ID="First" TYPE="text/css">
#ShowText {display:none}
#HideText {color:#0000000; cursor:hand;}
.DIV1 {display:none}
</STYLE>
<STYLE ID="Second" TYPE="text/css" DISABLED>
#HideText {display:none}
#ShowText {color:RED; cursor:hand;}
</STYLE>
</DIV><TABLE cellpadding="0" cellspacing="0" border="0" width="403">
<TR>
<TD align="left" height="72"><div style=margin-left:50;margin-top:20;margin-bottom:20;>
<img onclick='all_check()' src="http://bbs.danyangnet.com/data/attachment/forum/201111/27/102056zovwxeehhwhiehim.jpg" onmouseover="this.style.filter=' alpha( opacity=100)'" style="FILTER: gray alpha( opacity=70); CURSOR: hand" onmouseout="this.style.filter=' gray alpha( opacity=70)'" border=0 title="全选"><img onclick='un_check()' src="http://bbs.danyangnet.com/data/attachment/forum/201111/27/102056xo8n2x9nja8cx19w.jpg" onmouseover="this.style.filter=' alpha( opacity=100)'" style="FILTER: gray alpha( opacity=70); CURSOR: hand" onmouseout="this.style.filter=' gray alpha( opacity=70)'" border=0 title="反选"><img onclick='listen_check()' src="http://bbs.danyangnet.com/data/attachment/forum/201111/27/102056qez9k4i9qxnq9xeg.jpg" onmouseover="this.style.filter=' alpha( opacity=100)'" style="FILTER: gray alpha( opacity=70); CURSOR: hand" onmouseout="this.style.filter=' gray alpha( opacity=70)'" border=0 title="播放"></div>
</td></tr>
<TR>
<TD height=1>
</td>
</tr>
<TR>
<TD>
<div id=list_tbl style="margin-top:2;margin-left:20; width:374px; height:201px; overflow:auto"></div>
</td>
</tr>
<TR>
<TD height=10>
</td>
</tr>
<TR>
<TD align="center">
<div style="position:relative;"><DIV id=stat style="position:absolute;left:-135px; top:6px"></div></div>
<OBJECT id=SyesPlayer style="MARGIN-TOP: 6px; FILTER: gray()" height=22 width=341 classid=CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95><PARAM NAME="AutoStart" VALUE="true"><PARAM NAME="volume" VALUE="0"><PARAM NAME="ShowPositionControls" VALUE="0"><PARAM NAME="ShowControls" VALUE="1"><PARAM NAME="ShowStatusBar" VALUE="1"></OBJECT><br><br>
<img src="http://bbs.danyangnet.com/data/attachment/forum/201111/27/102053j3jnxcxn1z6d3gz9.jpg" border=0 onMouseOut="this.src='http://bbs.danyangnet.com/data/attachment/forum/201111/27/102053j3jnxcxn1z6d3gz9.jpg'" onMouseOver="this.src='http://bbs.danyangnet.com/data/attachment/forum/201111/27/102053nivy4hynhyjdwn3z.jpg'" alt="前首" type=button onclick='syes_Previous()' onfocus='this.blur()' style="CURSOR: hand"><img src="http://bbs.danyangnet.com/data/attachment/forum/201111/27/102050n4hqf8e4gefl33uu.jpg" border=0 onMouseOut="this.src='http://bbs.danyangnet.com/data/attachment/forum/201111/27/102050n4hqf8e4gefl33uu.jpg'" onMouseOver="this.src='http://bbs.danyangnet.com/data/attachment/forum/201111/27/102050g69egmmegvd6eegu.jpg'" alt="停止" type=button onfocus='this.blur()' onclick='document.SyesPlayer.stop()' style="CURSOR: hand"><img src="http://bbs.danyangnet.com/data/attachment/forum/201111/27/102053mphss85rhschssys.jpg" border=0 onMouseOut="this.src='http://bbs.danyangnet.com/data/attachment/forum/201111/27/102053mphss85rhschssys.jpg'" onMouseOver="this.src='http://bbs.danyangnet.com/data/attachment/forum/201111/27/102053yrcbt1xz5eq51r1e.jpg'" alt="暂停" type=button onfocus='this.blur()' onclick='document.SyesPlayer.pause()' style="CURSOR: hand"><img src="http://bbs.danyangnet.com/data/attachment/forum/201111/27/102049rwjj9ab3l2a4uya3.jpg" border=0 onMouseOut="this.src='http://bbs.danyangnet.com/data/attachment/forum/201111/27/102049rwjj9ab3l2a4uya3.jpg'" onMouseOver="this.src='http://bbs.danyangnet.com/data/attachment/forum/201111/27/102050yymg1qy3q55kpz3g.jpg'" alt="播放" type=button onfocus='this.blur()' onclick='document.SyesPlayer.play()' style="CURSOR: hand"><img src="http://bbs.danyangnet.com/data/attachment/forum/201111/27/102053b5xnzhv29v999xux.jpg" border=0 onMouseOut="this.src='http://bbs.danyangnet.com/data/attachment/forum/201111/27/102053b5xnzhv29v999xux.jpg'" onMouseOver="this.src='http://bbs.danyangnet.com/data/attachment/forum/201111/27/102056hrhhv4x08hrvazc8.jpg'" alt="后首" type=button onclick='syes_next()' onfocus='this.blur()' style="CURSOR: hand"></TABLE>
<TABLE height=170 width="87%" border=0>
<TBODY>
<TR>
<TD style="PADDING-RIGHT: 5px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 5px" align=left width=5 height=180>
</TD>
<TD style="PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px" width=368 height=170><FIELDSET style="border:1px none; OVERFLOW: auto; WIDTH: 368px; HEIGHT: 100px"><FONT color=#ffffff><FONT color=#000000>
<div align="center">
<PRE style="FONT-SIZE: 9pt;font-family:verdana;margin-left:20;line-height=18px;">
专辑中文名: 色
专辑英文名: Substance Desire & Spirit
艺术家: 邓伟标
资源格式: APE
发行时间: 2006年
唱片介绍:
有人说这是个毫不诗意的物质时代，
但邓伟标的音乐，
却总是淋漓尽致地流露出一种诗歌般抒情
又深刻的音乐意蕴--无论是他前期创作的
《空》《千江汇流》或《古城今昔》
专辑还是现在的这张《色》。
与大多数音乐家不同，
邓伟标似乎不愿满足于严格遵循任何音乐
流派既定的规则。
虽然他那悦耳的音乐韵味仍然穿透心灵，
而他对动摇和颠覆传统审美观所作的许多
尝试却源自他独具诗人气质的音乐灵感
和自觉的人文关怀。
在这张融合了传统与现代多种音乐风格的
温暖的音乐专辑背后，
是邓伟标打破流派界限的一种文化创造，
是一颗不被物质与传统驯服之心的优雅追求。
但愿由他心灵深处流畅出的蜿蜒情绪，
不会被大量音响创造的宽广音场所淹没，
从而让人在音乐的感染下能重获生命最初的感动。
编辑:韭菜的博客/20111127
</div>
</PRE></FONT><BR>
<IMG src="http://bbs.danyangnet.com/data/attachment/forum/201111/27/103825puiay5t959oo9cdf.gif" width="328" height="53">
<span title="＊＊＊＊" id="position" style="position:absolute;cursor:hand; left:205px; top:-31px; z-index:2;color:white" onmousedown="TrackPosition()"; onfucus=this.blur()></span>
<script>set_list();all_check();listen_check();</script> <script event=EndOfStream for=SyesPlayer language=javascript>syes_next();</script> <script language=javascript for=SyesPlayer Event=Error> var subject=subject_arr[inx];SyesPlayer.stop(); if(max_count==1) {err_stat=true;}else {syes_next()} </script>
</body>
</html>

复制代码

耘 · 发表于 2011-12-3 08:14:17

本帖最后由耘于 2011-12-3 08:14 编辑

请各位先保存下来，并做好作业，详细的调用稍后慢慢分享。

11bs · 发表于 2011-12-7 16:49:39

来抄写作业

		自动登录	找回密码
密码			注册