网页设计与网站建设完全实战手册
上QQ阅读APP看书,第一时间看更新

6.6 插入声音

多媒体技术的发展使网页设计者能够轻松地在页面中加入声音、动画、影片等内容,给访问者增添了几分欣喜,多媒体对象在网页上一直是一道亮丽的风景,正是因为有了多媒体,网页才丰富起来。

6.6.1 音频文件格式

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

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

6.6.2 添加背景音乐

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

图6-33 插入背景音乐效果

★提示★

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

01 打开网页文档,如图6-34所示。

图6-34 打开网页文档

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

图6-35 选中标签bgsound

★指点迷津★

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

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

图6-36 选择属性src

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

图6-37 “选择文件”对话框

★指点迷津★

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

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

图6-38 选择属性loop

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

图6-39 输入“>”

08 保存文档,按F12键在浏览器中预览,效果参见图6-33所示。