admin 管理员组

文章数量: 887021


2024年1月9日发(作者:嵌入式培训合肥)

直接在加入如下代码:

""

bgsound

bgsound 是用以插入背景音乐,但只适用于 IE,在netscape 和

firefox 中并不适用,其参数设定很少。如下

autostart=true loop=infinite>

src="3" 设定 背景音乐 文件及路径,可以是相对路径或绝对路径。(不能播放播放列表文件)

autostart=true 是否在音乐档传完后,就自动播放音乐:true 是,false 否 (默认)

loop=infinite 是否自动重复播放,LOOP=2 表示重复两次,Infinite

表示重复多次(无限次),也可以用-1表示是无限重复

使用bgsound设置背景音乐,当窗口最小化时就自动暂停播放,窗口恢复时,继续播放。

设置网页背景音乐时常用的方法还有使用 embed标签 和object标签

下面是bgsound最小化窗口时仍然继续播放的特例:

当bgsound出现在iframe框架页面内时,如果框架页面内的背景音乐正在加载或正在播放

当移除这个iframe框架时,该背景音乐仍然继续播放,而且窗口最小化后仍然播放

直到音乐自然播放完毕或窗口关闭时停止(不会循环播放)。

无论bgsound标签的loop属性设置如何,音乐只会播放一次。

演示代码如下:

注意:更改innerHTML属性要在onload事件发生后才可以,即在浏览器完成对象的装载后。

一、最基本的网页中加入音乐的代码:

代码放在与之间

height=42>

说明:

„„ 是在页面中加入声音的标记。

src= 表示指向音乐文件的全名及路径。

音乐文件全名,即“主名+扩展名”,如: 或 3 等。但播放 mp3 格式的音乐,会

需要一定的加载时间。应尽量使用 mid 格式的音乐。

width= 和 height= 播放器在页面中显示的宽度和高度,默认数值单位为像素。尽量使用固定值。

如果不想在页面中显示播放器,可加上 hidden="true" 这个参数,意思是隐藏播放器。

autostar="true" 如果想自动播放,可再加上这个参数。

二、下面进一步详细讲解网页中加入音乐的设置参数

准备好一首 midi 音乐,例如

背景音乐使用的 html 标记是:

这个标记可以视你的需求,放在 和 之间的任何地方。在这个标记放置的位置会出

现一个类似媒体播放程式的图案,可以控制播放音量或暂停。

例如:

就会出现一个:宽145×高60像素的播放器控制面版,供你播放音乐。

如果我们只要背景音乐,不需要显示控制面板,而且一进入画面就播放,然后一直重复播放:

三、关于 插入音乐其它属性,现介绍如下

1、设定 midi 档案的路径: src="音乐名称和路径"

2、设定是否在音乐档传完之后,就自动播放音乐:autostart="true

或 false" (是 或 否)

3、true 表示要,false 表示不要,内定值是不要。

4、设定是否要自动反复播放: loop="true 或 false 或 整数"

loop=2 表示重复两次,若要无限次重复可用 loop="true"

5、设定歌曲开始播放的时间。例如我想从这首歌第30秒的地方开始播放,代码这样写:

starttime="00:30" (starttime="分:秒" )

歌曲播放结束的时间,一般来说我们不必去设定歌曲开始和结束的时间,它会自动从头播放到尾。

volume="0-100" (endtime="分:秒")

6、设定音量大小,数值是 0 到 100 之间,如果不设定,就是使用系统本身所设定音量大小。

7、设定控制面版的宽度和高度: width 和 high="整数"

8、设定控制面板和旁边文字的对齐方式,跟 (插入图形的标记)所使用的属性是一样的。

align="top 或 bottom 或 center 或 baseline 或 left 或 right

或 texttop 或 middle

或 absmiddle 或 absbottom"

8、设定控制面板的样子,预设值是 console

controls="console 或 smallconsole 或 playbutton 或

pausebutton 或 stopbutton

或 volumelever"

console 一般正常的面板

smallconsole 较小的面板

playbutton 只显示播放按钮

pausebutton 只显示暂停按钮

stopbutton 只显示停止按钮

volumelever 只显示音量调整钮

9、设定完全隐藏控制面板:hidden="true" 如果写上这个属性的话,也就不必去设定控制面板的

宽和高了。

再次提示:

可以放在 和 之间的任何地方。 在这个标记放置的位置会出现一个控制

面板的图案,你可以根据自己的需求,把它放在适当位置。 当然也可以使用 hidden=true 这段代码参

数将面板隐藏起来,配合 autostart=true 当背景音乐使用。

呵呵,

标签要成对出现,一般用于在网页中加入动画,视频等文件


本文标签: 播放 设定 音乐