html5怎么设置多首背景音乐?

网友解答: embed、audio 等标签兼容性是个问题,所以干脆用其他播放器插件,如jPlayer音乐播放器。jPlayer包含音乐播放器、视频播放器,可实现单曲循环,多曲顺序播放等。

网友解答:

embed、audio 等标签兼容性是个问题,所以干脆用其他播放器插件,如jPlayer音乐播放器。

jPlayer包含音乐播放器、视频播放器,可实现单曲循环,多曲顺序播放等。

创建一个播放列表,其扩展名为m3u,然后用记事本打开,写入歌曲的链接,一行写一个,链接后面不能有空格,然后让播放器播放这个m3u文件就可以! 要让音乐一直播放就要添加一个框架,框架的大小应为0,然后这个为0的框架用来播放音乐列表。这样就实现播放多个预先设定好的音乐,并且在网页转到另一个链接不停。在你的网页中插入以下代码,可实现多首背景音乐循环播放!“歌曲地址” 表示音乐地址

<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

网友解答:

<audio标签:用于在文档中表示音频内容。利用它,你可以在你的个人网站上放一首你喜欢的歌。

<audio src="music.mp3"</audio

用法很简单,跟<video标签一样,属性src指定音频文件地址。

如果你仅仅这样写,页面上不会看到有明显的东西,<audio标签默认是隐藏的。

对于不支持<audio标签的浏览器,会把标签的文本内容显示出来。

<audio src="music.mp3" </audio

为了方便我们对音频文件进行控制,操作它的进度、播放暂停、音量等等,我们可以给它添加controls属性

<audio src="m.mp3" controls</audio

用法跟<video标签一样。对于加上了controls属性, 不同的浏览器会展示不同样式的控制面板。

( chrome浏览器的音频控制面板 )

( firefox浏览器的音频控制面板

( IE浏览器的音频控制面板 )

哪个好看就见仁见智了~~

跟<video标签一样,<audio标签也有一个字标签:<source。

它们的作用和用法都一样,就是用来引入多个音频,浏览器会选择一个支持的音频格式进行加载,对于不支持<audio标签的浏览器,<source元素也可以作为浏览器不识别的内容加入到文档中。

<audio <source src="music.mp3" <source src="music.ogg" <source src="music.wav" </audio

注:主流的音频文件格式有:mp3、wav、ogg。不同的浏览器对三种格式支持程度不一样。其中mp3格式支持度最好。

标签: