网站能自动循环播放的背景音乐代码是什么?

1。新建一个music.html页面:

HTML部分bai:du

<audio id="bgAudio" controls="controls" autoplay="autoplay" hidden="hidden">

zhi<source src="mp3/wangjie.mp3" type="audio/mp3">

<source src="mp3/wangjie.ogg" type="audio/ogg">

</audio>

js部分:

<script type="text/javascript">

myVid=document.getElementById("bgAudio");

myVid.volume=0.2;

</script>

再新建一个backMusic.html页面:

HTML部分:

<frameset cols="0%,100%">

<frame src="music.html"/>

<frame src="index.html" />

</frameset>

扩展资料:

<audio> 标签定义dao声音,比如音乐或其他音频流。

实例:

一段简单的 HTML 5 音频:

<audio src="someaudio.wav">您的浏览器不支持 audio 标签。</audio>

属性:

autoplay:如果出现该属性,则音频在就绪后马上播放。

controls:如果出现该属性,则向用户显示控件,比如播放按钮。

loop:如果出现该属性,则每当音频结束时重新开始播放。

preload:如果出现该属性,则音频在页面加载时进行加载,并预备播放。

src:要播放的音频的 URL。

二、能使网站上自动循环bai的背景音乐代码如下du:zhi

1

<audio src="music.mid" autostart="true" loop="true" hidden="true">

具体的分解解析如下:

1、src="music.mid" 指的是背景dao音乐的路径,最好能使用相对路径,以便上传的时候不会出错。

这里的music.mid跟网页文件在同一个目录下,所以直接输入文件名即可。

2、autostart="true"  指的是当音乐文件载入后是否自动播放。

其中有两个逻辑选项,true和false,这里设定为true,也就是表示表示自动播放。

3、loop="true" 指的是音乐文件是否循环播放,也可以指定循环播放的次数。

比如loop=”3”表示重复播放3次,loop=”-1”和loop=”true”都表示无限循环。

4、hidden="true" 指的是控制面板是否隐藏。

true表示隐藏控制面板,false为显示控制面板。

二、将该代码应用到实际的程序中

1、找到写好的自动循环的背景音乐代码

1

<embed src="XXX.mp3" autostart="true" loop="true" hidden="true"></embed>

2、将其插入到网站的<body>...</body>之间

3、保存后,点击首页进行预览,不仅仅可以听到背景音乐,如果使用主流浏览器,还能看到标签栏上有背景音乐播放的图标

三、通过以上操作后,使网站上能自动循环的背景音乐的操作就完成了

文章转载:http://www.gehut.cn/

(0)

相关推荐