【转】让网页实现多首背景音乐循环播放的方法

第一步,加播放器的代码(不用别人做的JS播放器)。

<embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" >

loop="-1"表示无限次循环播放,可设置播放次数,用具体数字代替即可,比如我希望它播放两次,则loop="2"
controls="ControlPanel"这个控制选项可省略
width="0" height="0"表示隐藏播放。想设置播放器的大小,设置值即可,比如width="480" height="25"

[color=red]PS:这里有个浏览器兼容的问题,如果要兼容IE\FireFox代码如下
[/color]

<object width="100%" height="33" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112" type="application/x-oleobject" standby="在线播放器加载中..." classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param name="url" value="MusicList.m3u" />
<param name="autoStart" value="true" />
<param name="loop" value="-1" />
<!--firefox调这个-->
<embed width="100%" height="33" src="MusicList.m3u" autostart="1" loop="true" type="application/x-mplayer2"></embed>
</object>


第二步,实现连续播放多首歌曲

播放器弄好了,搜索到歌曲的地址,替换代码中“背景音乐网址”就可以播放歌曲了。但是这样只能是一首歌曲啊。没关系,记得当初用winamp或者千千静听的时候不是有个播放列表吗?对,用m3u格式。新建一个记事本文档,在里面写上如下代码保存为“任意名.m3u”:

<ASX version ="3.0">
<Entry>
<Ref href = "以.mid.wma.mp3等结尾的音乐网址1"/>
</Entry>
<Entry>
<Ref href = "以.mid.wma.mp3等结尾的音乐网址2"/>
</Entry>
<Entry>
<Ref href = "以.mid.wma.mp3等结尾的音乐网址3"/>
</Entry>
需要更多歌曲可重复“<Entry>……</Entry>”代码
</ASX>
嗯,然后?把保存的文件(例如musci.m3u)上传到你的个人主页或者随便其他什么地方。再把m3u的IE地址放到第一步中的“背景音乐地址”处就可以实现连续播放的目的了。

因为当你打开博客的时候,虽然不能自动播放,但是播放器首先要加载第一首歌曲,当遇到错误无法识别的歌曲地址时就会自动跳转到第二首而播放第二首歌曲。
不过这里需要注意的是,第二首歌曲的地址里不能带有汉字,否则跳转到第二首歌曲的时候它也不会自动播放,第三首,第四首歌曲之后就没限制了,只要歌曲地址对就行。



其他实现网页背景音乐代码:

播放多首歌曲代码为:
<script LANGUAGE="javascript">
<!--
var sound1="http://歌曲地址"
var sound2="http://歌曲地址"
var sound3="http://歌曲地址"
var sound4="http://歌曲地址"
var sound5="http://歌曲地址"
var sound6="http://歌曲地址"
var sound7="http://歌曲地址"
var sound8="http://歌曲地址"
var sound9="http://歌曲地址"
var sound10="http://歌曲地址"
var x=Math.round(Math.random()*10)
if (x==0) x=sound1
else if (x==1) x=sound2
else if (x==2) x=sound3
else if (x==3) x=sound4
else if (x==4) x=sound5
else if (x==5) x=sound6
else if (x==6) x=sound7
else if (x==7) x=sound8
else if (x==8) x=sound9
else x=sound10
if (navigator.appName=="Microsoft Internet Explorer"
document.write('<bgsound src='+'"'+x+'"'+' loop="infinite">')
else
document.write('<embed src='+'"'+x+'"'+'hidden="true" autostart="true" loop="true">')
//-->
</SCRIPT>

“歌曲地址” 表示音乐地址

请注意:这个不是播放器 而是让每次刷新都可以自动播放




A. 最简易的连续播放视频/音频的代码

<ASX version ="3.0">

<Entry>
<Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址1"/>
</Entry>

<Entry>
<Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址2"/>
</Entry>

<Entry>
<Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址3"/>
</Entry>
以下同样添加你想要的视频音频个数
</ASX>


B. 可以显示歌曲名称/演员名称的连续播放视频/音频的代码

<ASX version ="3.0">
<Entry>
<Title>这里添加标题1 视频/音乐名称等等</Title>
<Author>演员/歌手名1</Author>
<Copyright>版权归属1</Copyright>
<Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址1"/>
</Entry>

<Entry>
<Title>这里添加标题2 视频/音乐名称等等</Title>
<Author>演员/歌手名2</Author>
<Copyright>版权归属2</Copyright>
<Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址2"/>
</Entry>

<Entry>
<Title>这里添加标题3 视频/音乐名称等等</Title>
<Author>演员/歌手名3</Author>
<Copyright>版权归属3</Copyright>
<Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址3"/>
</Entry>
以下同样添加你想要的视频音频个数
</ASX>


C. 可以显示自己的logo或广告以及歌曲名称/演员名称的连续播放视频/音频的代码

<ASX version ="3.0">

<Entry>
<Title>这里添加标题1 视频/音乐名称等等</Title>
<Author>演员/歌手名1</Author>
<Copyright>版权归属1</Copyright>
<Banner href = "你的个性图片在网络中的地址1">
</Banner>
<Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址1"/>
</Entry>

<Entry>
<Title>这里添加标题2 视频/音乐名称等等</Title>
<Author>演员/歌手名2</Author>
<Copyright>版权归属2</Copyright>
<Banner href = "你的个性图片在网络中的地址2">
</Banner>
<Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址2"/>
</Entry>

<Entry>
<Title>这里添加标题 视频/音乐名称等等</Title>
<Author>演员/歌手名</Author>
<Copyright>版权归属</Copyright>
<Banner href = "你的个性图片在网络中的地址3">
</Banner>
<Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址3"/>
</Entry>
以下同样添加你想要的视频音频个数
</ASX>


转自:http://hi.baidu.com/lina317/blog/item/eab7f8ed320797e6b2fb95c8.html


网页播放器Object使用详解
http://www.jb51.net/article/22611.htm
Embed Object大部分的属性及参数详解
http://slingfeng.blog.163.com/blog/static/57003377200992403322622/
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值