热门关键字: QQ空间flash模块  qq空间黑色背景素材图片  QQ空间  非主流  横幅  留言  美女  请输入关键字  jay  momo 
您当前的位置:51QQ空间爱好者文章中心游戏专栏播放器代码 → 文章内容

下拉式音乐播放器代码

来源: 作者: 发布时间: 2007-4-10 21:07:39 点击次数:
51QQ空间爱好者爲夶家提供蕞新非主流咨訊 請記住51QQ空间爱好者詠久域名:http://www.wd114.net
为方便编辑和显示,下面的代码中使用了全角的“<”和“>”,在实际应用中应将其替换为半角字符并去除所加的文字注释部分。


代码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与网页的其它部分重名,则可能引起程序错误。

点这里复制本站地址,发给你QQ上的好友分享!

和你玩个魔术!请你同时按下CTRL+D键你会发现……

相关内容
↑上一篇更精彩:博客音乐播放器代码 ↓下一篇引人:如何在博客中加入音乐播放器
设为首页 | 加入收藏 | 联系我们 | 友情链接 | 网站地图 | 友情联盟
版权所有 © 51QQ空间爱好者(wd114.NET) Copyright © 2007 wd114.net Incorporated. All rights reserved. 新云网站内容管理系统 3.1.0