网页设计与网站建设全攻略
上QQ阅读APP看书,第一时间看更新

4.3 插入声音

在网页中可以添加各种不同格式的声音文件,但在加入声音文件之前要考虑用途、文件大小、声音品质和浏览器差别等因素。

4.3.1 关于音频文件格式

音频格式是指要在计算机内播放或者处理音频文件,是对声音文件进行数、模转换的过程。音频格式最大带宽是20KHz,速率介于40~50KHz之间,采用线性脉冲编码调制PCM,每一量化步长都具有相等的长度。

音频文件格式常见的特点有,要在计算机内播放或者处理音频文件,也就是要对声音文件进行数、模转换,这个过程同样由采样和量化构成,人耳所能听到的声音,最低的频率是从20Hz起一直到最高频率20KHZ,20KHz以上人耳是听不到的,因此音频文件格式的最大带宽是20KHz,故而采样速率需要介于40~50KHz之间,而且对每个样本需要更多的量化比特数。音频数字化的标准是每个样本16位-96dB的信噪比,采用线性脉冲编码调制PCM,每一量化步长都具有相等的长度。在音频文件的制作中,正是采用这一标准。

音频格式日新月异,常见的音频格式包括:CD格式、WAVE(*.WAV)、AIFF、AU、MP3、MIDI、WMA、RealAudio、VQF、OggVorbis、AAC、APE。

4.3.2 小实例——添加背景音乐

通过代码提示,可以在代码视图中插入代码。在输入某些字符时,将显示一个列表,列出完成条目所需要的选项。下面通过代码提示讲述背景音乐的插入,效果如图4-15所示,具体操作步骤如下。

图4-15 插入背景音乐效果

原始文件:原始文件/04/4.3.2/index.html
最终文件:最终文件/04/4.3.2/index1.html

★提示★

浏览器可能需要某种附加的音频支持来播放声音,因此,具有不同插件的许多浏览器所播放声音的效果通常会有所不同。

步骤01 打开网页文档,如图4-16所示。

图4-16 打开网页文档

步骤02 切换到代码视图,在代码视图中找到标签<body>,并在其后面输入“<”以显示标签列表,输入“<”时会自动弹出一个列表框,向下滚动该列表并选中标签bgsound,如图4-17所示。

图4-17 选中标签bgsound

★指点迷津★

bgsound标签共有5个属性,其中balance用于设置音乐的左右均衡,delay用于设置进行播放过程中的延时,loop用于控制循环次数,src用于存放音乐文件的路径,volume用于调节音量。

步骤03 双击插入该标签,如果该标签支持属性,则按空格键以显示该标签允许的属性列表,从中选择属性src,如图4-18所示。这个属性用来设置背景音乐文件的路径。

图4-18 选择属性src

步骤04 按Enter键后,出现“浏览”字样,单击以弹出“选择文件”对话框,在对话框中选择音乐文件,如图4-19所示。

图4-19 “选择文件”对话框

★指点迷津★

播放背景音乐文件容量不要太大,否则很可能整个网页都浏览完了,声音却还没有下载完呢。在背景音乐格式方面,mid格式是最好的选择,它不仅拥有不错的音质,最关键的是它的容量非常小,一般只有几十K。

步骤05 选择音乐文件后,单击“确定”按钮。在新插入的代码后按空格键,在属性列表中选择属性loop,如图4-20所示。

图4-20 选择属性loop

步骤06 出现“-1”并选中。在最后的属性值后,为该标签输入“>”,如图4-21所示。

图4-21 输入“>”

步骤07 保存文档,按F12键在浏览器中预览,效果如图4-15所示。