当前位置:首页>维修大全>综合>

HTML中如何添加背景音乐(html怎么给网页加背景音乐)

HTML中如何添加背景音乐(html怎么给网页加背景音乐)

更新时间:2024-07-12 22:09:08

HTML中如何添加背景音乐

1、首先要创建一个简单的网页,网页上只有一个DIV文本内容;

2、在这个网页中DIV的文本内容中,可以添加有背景音乐的网页;

3、要为网页添加背景音乐,可以使用embed标签,并为其添加src属性,这是用来指定音乐所在路径的,embed src="https://img.3dmxku.comtt.mp3" hidden="true";

4、为了隐藏背景音乐以这个多媒体控件,embed标签添加了hidden隐藏属性,要让背景音乐在打开网页后就自动播放,我们可以添加 autostart属性,autostart="true";

5、默认下多媒体控件只会播放一次,播放完就停止了,如果想让背景音乐不停的播放,那可以添加loopn属性,loop="true"。

首先,有两种方法可以插入背景音乐:

分别用<bgsound>和<embed></embed>标签,当用<embed>插入背景音乐时可以设置宽度和高度为0,隐藏播放器。

二者的参数如下:

■<bgsound>:

<bgsound>是用来插入背景音乐,但只适用于IE,其参数设定不多。如下

<bgsoundsrc="https://img.3dmxku.comyour.mid"autostart=trueloop=infinite>

src="https://img.3dmxku.comyour.mid"

设定midi档案及路径,可以是相对或绝对。

autostart=true

是否在音乐档下载完之后就自动播放。true是,false否(内定值)。

loop=infinite

是否自动反复播放。LOOP=2表示重复两次,Infinite表示重复多次。

■<EMBED>:

<EMBED>是用来插入各种多媒体,格式可以是Midi、Wav、AIFF、AU等等,Netscape及新版的IE都支持。其参数设定较多。如下下

<EMBEDsrc="https://img.3dmxku.comyour.mid"autostart="true"loop="true"hidden="true">

src="https://img.3dmxku.comyour.mid"

设定midi档案及路径,可以是相对或绝对。

autostart=true

是否在音乐档下载完之后就自动播放。true是,false否(内定值)。

loop="true"

是否自动反复播放。LOOP=2表示重复两次,true是,false否。

HIDDEN="true"

是否完全隐藏控制画面,true为是,no为否(内定)。

STARTTIME="分:秒"

设定歌曲开始播放的时间。如STARTTIME="00:30"表示从第30秒处开始播放。

VOLUME="0-100"

设定音量的大小,数值是0到100之间。内定则为使用系统本身的设定。

WIDTH="整数"和HIGH="整数"

设定控制面板的高度和宽度。(若HIDDEN="no")

ALIGN="center"

设定控制面板和旁边文字的对齐方式,其值可以是top、bottom、center、baseline、left、right、texttop、middle、absmiddle、absbottom

CONTROLS="smallconsole"

设定控制面板的外观。预设值是console。

console一般正常面板

smallconsole较小的面板

playbutton只显示播放按钮

pausecutton只显示暂停按钮

stopbutton只显示停止按钮

volumelever只显示音量调节按钮

更多栏目