html随场景变化的音效原理

html-css09

html随场景变化的音效原理,第1张

首先,HTML5所定义的audio元素支持3种音频格式。分别是Ogg Vorbis、MP3、Wav。其中Ogg Vorbis支持Firefox 3.5、Opera 10.5、Chrome 3.0。MP3支持IE 9、Chrome 3.0、Safari 3.0。Wav支持Firefox 3.5、Opera 10.5、Safari 3.0。

它们是这样工作的,如果要HTML5当中播放音频代码如下:<audio src="song.ogg" controls="controls"></audio>

代码中:src="音频文件路径"(其中.ogg文件所支持的浏览器上面有所提),control 属性供添加播放、暂停和音量控件,<audio>与 </audio>之间插入的内容是供不支持 audio 元素的浏览器显示的。

对于音频的属性控制,我们需要<audio>标签的属性。autoplay属性:值“autoplay”。如果出现该属性,则音频在就绪后马上播放。controls属性:值“controls”。如果出现该属性,则向用户显示控件,比如播放按钮。loop属性:值“loop”。如果出现该属性,则每当音频结束时重新开始播放。preload属性:值“preload”。如果出现该属性,则音频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。src属性:值“url”。要播放的音频的 URL。

<audio>元素的优点在于:素能够播放声音文件或者音频流。改变了传统的音频在web上的播放观念,不再通过插件(如FLASH)来播放。规定了通过audio元素来包含音频的标准方法。使网页上的音频播放标准化。

<bgsound loop="1" id="bgs">

<script>

function test(fileName){

//注意文件路径,音频文件尽量使用wav、mid、或MP3格式的文件,否则无法播放

document.all.bgs.src=fileName

}

</script>

<a href="#" onMouseOver="test('msg.wav')">声音1</a>

<br><br><br>

<a href="#" onMouseOver="test('up.wav')">声音2</a></p>

网页背景音乐的HTML代码有两种,分别用<bgsound>和<embed></embed>标签。

二者的参数如下:

1、<bgsound>:

<bgsound>

是用来插入背景音乐,但只适用于

IE,其参数设定不多。如下

<bgsound

src="your.mid"autostart=true

loop=infinite>

src="your.mid"

设定

midi

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

autostart=true

是否在音乐档下载完之后就自动播放。true

是,false

(内定值)。

loop=infinite

是否自动反复播放。LOOP=2

表示重复两次,Infinite

表示重复多次。

2、<EMBED>:

<EMBED>

是用来插入各种多媒体,格式可以是

Midi、Wav、AIFF、AU

等等,Netscape

新版的

IE

都支持。其参数设定较多。如下

<EMBED

src="your.mid"autostart="true"

loop="true"

hidden="true">

src="your.mid"

设定

midi

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

autostart=true

是否在音乐档下载完之后就自动播放。true

是,false

(内定值)。

loop="true"

是否自动反复播放。LOOP=2

表示重复两次,true

是,

false

否。

HIDDEN="true"

是否完全隐藏控制画面,true

为是,no

为否

(内定)。

扩展资料

HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

src

背景音乐的地址(即url)。

autostart

是否自动播放,true

音乐文件读取完后立即播放,false

不立即播放,默认值为“false”。

loop

循环次数,true

永远循环,false

仅播放一次,若设为任意一正整数,则循环所输入的次数。

volume

设置音量,取值范围是“0-100”,默认值为系统当前音量。

starttime

设置音乐开始播放的时间,格式是“分:秒”,如:starttime="00:10",就是从第10秒开始播放。

endtime

设置音乐结束播放的时间,具体格式同上。

width

设置音乐播放控制面板的宽度。

height

设置音乐播放控制面板的高度。

controls

设置音乐播放控制面板的外观,“console”为通常面板;“smallconsole”为小型面板;“playbutton”为是否显示播放按钮;“pausebutton”为是否显示暂停按钮;“stopbutton”为是否显示停止按钮;“volumelever”为是否显示音量调节按钮。

HTML代码大全:

标题

<H?></H?>

标题的对齐

<H?

ALIGN=LEFT|CENTER|RIGHT></H?>。

区分

<DIV></DIV>。

下标

<SUB></SUB>。

上标

<SUP></SUP>。

打字机体

<TT></TT>

(用单空格字型显示)。

预定格式

<PRE></PRE>

(保留文件中空格的大小)。

预定格式的宽度

<PRE

WIDTH=?></PRE>(以字元计算)。

向中看齐

<CENTER></CENTER>

(文字与图片都可以)。

字体大小

<FONT

SIZE=?></FONT>(从1到7)。

改变字体大小

<FONT

SIZE=+|-?></FONT>。

基本字体大小

<BASEFONT

SIZE=?>

(从1到7

内定为3)。

字体颜色

<FONT

COLOR='#$$$$$$'></FONT>。