专辑播放器03代码实例

耘 · 发表于 2011-12-12 20:43:09

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页播放器</title>
</head>
<body>
<style>
body {font-size:9pt; font-family:dadum10; scrollbar-highlight-color:green: scrollbar-shadow-color: green; scrollbar-arrow-color: green; scrollbar-face-color:#DAEBDA;scrollbar-3dlight-color: #DAEBDA; scrollbar-darkshadow-color:#DAEBDA; scrollbar-track-color:gainsboro; }
td{font-size:9pt; color:#000000; font-family:dadum10; line-height:180%;}
div {font-size:9pt;}
input{height:16}
.syes{font-size:9pt;width:77; color:#ffffff; background-color:#3a60a0;height:17;cursor:hand;border-width:1;border-color:#cccccc;}
</style>
<SCRIPT Language="Javascript">
var url_str="你会不会(梁静茹)=http://storage.live.com/items/5f89c53709c71943%21363?3Ffilename%3D/01.mp3|苦情歌(周传雄)=http://storage.live.com/items/5f89c53709c71943%21364?3Ffilename%3D/02.mp3|我爱你胜过你爱我(冷漠杨小曼)=http://storage.live.com/items/5f89c53709c71943%21365?3Ffilename%3D/03.mp3|最后一次相依偎(姜玉阳)=http://storage.live.com/items/5f89c53709c71943%21366?3Ffilename%3D/04.mp3|这就是爱(张杰)=http://storage.live.com/items/5f89c53709c71943%21367?3Ffilename%3D/05.mp3|对话(冷漠云菲菲)=http://storage.live.com/items/5f89c53709c71943%21168?3Ffilename%3D/06.mp3|老男孩(筷子兄弟)=http://storage.live.com/items/5f89c53709c71943%21369?3Ffilename%3D/07.mp3|飞不过沧海的蝶(庄妮)=http://storage.live.com/items/5f89c53709c71943%21370?3Ffilename%3D/08.mp3|我的爱情不见了(龙梅子蓝雨)=http://storage.live.com/items/5f89c53709c71943%21371?3Ffilename%3D/09.mp3|舍不得也要说再见(六哲)=http://storage.live.com/items/5f89c53709c71943%21372?3Ffilename%3D/10.mp3|哭过才知道爱过(金泽)=http://storage.live.com/items/5f89c53709c71943%21373?3Ffilename%3D/11.mp3|小三(冷漠)=http://storage.live.com/items/5f89c53709c71943%21374?3Ffilename%3D/12.mp3|春天里(汪峰)=http://storage.live.com/items/5f89c53709c71943%21375?3Ffilename%3D/13.mp3|偷偷的哭(陈玉建)=http://storage.live.com/items/5f89c53709c71943%21376?3Ffilename%3D/14.mp3|星月神话(金莎)=http://storage.live.com/items/5f89c53709c71943%21377?3Ffilename%3D/15.mp3|最幸福的人(曾春年)=http://storage.live.com/items/5f89c53709c71943%21178?3Ffilename%3D/16.mp3|荷塘月色(凤凰传奇)=http://storage.live.com/items/5f89c53709c71943%21379?3Ffilename%3D/17.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==5){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=black scrollamount=2 width=220><font color=cornflowerblue>"+subject_arr[i]+"--更多音乐分享请访问韭菜的博客 www.yy708090.com "+"</font></marquee>";
eval('m'+old_inx).style.color='';eval('m'+inx).style.color='D9E7FF';}
function onlistover(src){src.style.color="FF3000"}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("www.5941t.com");}}
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>
<center>
<body onLoad="muinit();" leftmargin=0 topmargin=10 oncontextmenu="return false" ondragstart="return false" onselectstart="return false" bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<TABLE style="filter=progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#ffffff, EndColorStr=#3a60a0)"cellpadding="0" cellspacing="0" border="1" bordercolor="#3a60a0" width=500>
<TR>
<TD>
<table background="http://bbs.danyangnet.com/data/attachment/forum/201112/12/185045fo3kqddl3lwflflz.jpg" style="filter: alpha(opacity=100,style=3,finishopacity=0)" width=500 height=500" align=right>
<tr>
<td>
<EMBED src="http://imgfree.21cn.com/free/flash/7.swf"width=500 height=500 type=application/x-shockwave-flash wmode="transparent"></embed>
</td>
</tr>
</table>
<TABLE cellpadding="0" cellspacing="0" border="0">
<TR><TD align="left">
<div style=margin-left:50;margin-top:30;margin-bottom:20;><input type=button onclick='all_check()' onfocus='this.blur()' value='全选'class=syes> <input type=button onclick='un_check()' onfocus='this.blur()' value='反选'class=syes> <input type=button onclick='listen_check()' onfocus='this.blur()' value='播放'class=syes> </div>
</td>
</tr>
<TR>
<TD height=10><div style=margin-left:60;><font color=black face="verdana" size=3><b>2011流行本色DTS-ES系列 CD1</b></font></div><br> </td></tr>
<TR>
<TD>
<div id=list_tbl style="margin-top:2;margin-left:50; width:500; height:320; 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" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" width="350" height="22" style="margin-top:6px;">
<param name="AutoStart" value="true"><param name="volume" value="0"><PARAM NAME="ShowPositionControls" VALUE="0"><param name="ShowControls" value="1"><param name="ShowPositionControls" value="1"><param name="ShowStatusBar" value="1"></object><br><br>
<input type=button onfocus='this.blur()' onclick='document.SyesPlayer.pause()'value='暂停'class='syes'> <input type=button onfocus='this.blur()' onclick='document.SyesPlayer.stop()' value=' 停止 'class='syes'> <input type=button onfocus='this.blur()' onclick='document.SyesPlayer.play()' value=' 播放 'class='syes'> <input type=button onclick='syes_next()' onfocus='this.blur()' value='前进'class=syes> <br><br><br>
</td></tr></TABLE></td></tr></TABLE>
<span title="" id="position" style="position:absolute;cursor:hand; left:-135px; 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-12 20:43:41

各位请保存在你的电脑里，想用它就不要删除。谢谢。

心若无尘 · 发表于 2011-12-13 18:15:05

耘发表于 2011-12-12 20:43
各位请保存在你的电脑里，想用它就不要删除。谢谢。

{:1_168:}嘿嘿，我都放进空间收藏了，谢谢耘老师！{:1_212:}

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