
代码1部分,定义外观,方便添加歌曲:
<DIV id=MyMusic align=center> MyMusic的样式在CSS模板中设定
<H4>音乐欣赏</H4> 标题(H4样式)
<CENTER> 以下居中排列
<span>播放:</span>
<INPUT type=radio name="PlayMode" CHECKED>全部 默认项
<INPUT type=radio name="PlayMode">单曲
<INPUT type=radio name="PlayMode">随机 播放模式(三选一)
<OBJECT id=MediaPlayer1 height=68 width=205 style="MARGIN-TOP: 5px;"
classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95><PARAM NAME="autostart" VALUE="1"><PARAM NAME="showstatusbar" VALUE="1"><PARAM NAME="volume" VALUE="0"></OBJECT> 设定
<select id="obSelect" size="1" style="width:203px; margin-top:0px; font-size:9pt; color:#FF8A00" > 设定下拉列表
<option value="http://歌曲地址1">歌曲名1 一行一首,前为地址,后为实际显示的
<option value="http://歌曲地址2">歌曲名2 地址可指向单首歌,也可指向播放清单文件(可改名*.wma上传,实际为文本格式即可)。
<option value="http://歌曲地址3">歌曲名3
………………… 继续添加其它歌曲
<SCRIPT language=javascript src="以script文件描述插入其他歌曲.js" type=text/javascript></SCRIPT> 可改名*.wma上传
</select>
</CENTER>
</DIV>
代码2部分,用于控制播放:
<SCRIPT>
var ob1=document.getElementById('obSelect');
var MaxIdx=ob1.length-1;
var CurIdx=-1;
function PlaySongs() 播放歌曲的
{if(document.MediaPlayer1.CurrentPosition==0) 是否手动停止播放?不是则开始下一首
{
if(PlayMode[1].checked) 选择了单首重复播放模式
{document.MediaPlayer1.Play()}
else {
if(PlayMode[0].checked){ 选择了全部重复播放模式
if(CurIdx>MaxIdx || CurIdx<0){CurIdx=0;}
else{CurIdx=ob1.selectedIndex+1} 默认按顺序从顶往下播放列表歌曲
}
else{CurIdx=Math.round(Math.random()*MaxIdx)} 选择了随机播放模式
ob1.selectedIndex=CurIdx;
document.MediaPlayer1.filename=ob1.options[CurIdx].value;
}
}
}
window.onload=PlaySongs; 网页全部载入后才开始播放。
</SCRIPT>
<SCRIPT language=Jscript event="PlayStateChange(OldState, NewState)" for=MediaPlayer1> 歌曲结束(事件)触发播放下一首
if(OldState==3 && NewState==0){setTimeout("PlaySongs()",6000);} 延时6秒执行
</SCRIPT>
附注:
如果自定义的变量或对象ID与网页的其它部分重名,则可能引起程序错误。
和你玩个魔术!请你同时按下CTRL+D键你会发现……