![网页设计与网站建设完全实战手册](https://wfqqreader-1252317822.image.myqcloud.com/cover/459/27110459/b_27110459.jpg)
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所示,具体操作步骤如下:
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/figure_0233_0001.jpg?sign=1739298732-Ik0yZHX3mZm259rxiBhepYZN7stgKzVQ-0-89a46088b0265b0634409c700aaaa2ce)
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00246.jpg?sign=1739298732-NmuLvGTDB4YkR3pjW25sQvhHoS3Cz4qH-0-80dbc2c5c69967f942681553d4360a7f)
图6-33 插入背景音乐效果
★提示★
浏览器可能需要某种附加的音频支持来播放声音,因此,具有不同插件的不同浏览器所播放声音的效果通常会有所不同。
01 打开网页文档,如图6-34所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00247.jpg?sign=1739298732-DwPbgi5hfsjPIwK0m3m84yCx3ft3qE7J-0-219608d7b634b0f05703014584a9a1ca)
图6-34 打开网页文档
02 切换到“代码”视图,在“代码”视图中找到标签<body>,并在其后面输入“<”以显示标签列表,输入“<”时会自动弹出一个列表框,向下滚动选中标签bgsound,如图6-35所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00248.jpg?sign=1739298732-0EC70GAcOWQ98id3BkVqDStwRsx2ipFd-0-d7e1a68d131ec95e86043729d125e1da)
图6-35 选中标签bgsound
★指点迷津★
Bgsound标签共有5个属性,其中balance用于设置音乐的左右均衡,delay用于设置进行播放过程中的延时,loop用于控制循环次数,src用于存放音乐文件的路径,volume用于调节音量。
03 双击即可插入该标签,如果该标签支持属性,则按空格键以显示该标签允许的属性列表,从中选择属性src,如图6-36所示。这个属性用来设置背景音乐文件的路径。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00249.jpg?sign=1739298732-hU3vXhimfmaByS85ZQU0DDdJJgBBRHMq-0-2c14c623321fa8e17df555aace9ba83f)
图6-36 选择属性src
04 按Enter键后,出现“浏览”字样,单击可弹出“选择文件”对话框,在对话框中选择音乐文件,如图6-37所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00250.jpg?sign=1739298732-KnLKOzNHyMn0XbwUBSJ5yKBltMqJsQBQ-0-59283b0a6864f436d144c3f6ae14be22)
图6-37 “选择文件”对话框
★指点迷津★
背景音乐文件不要太大,否则很可能整个网页都浏览完了,声音却还没有下载完。在背景音乐格式方面,MID格式是最好的选择,它不仅拥有不错的音质,最关键的是它的容量非常小,一般只有几十字节。
05 选择音乐文件后,单击“确定”按钮。在新插入的代码后按空格键,在属性列表中选择属性loop,如图6-38所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00251.jpg?sign=1739298732-m5il2V0YgHVli9o7Qoa0WPgMYCNnRdao-0-3abf34f2cb8a34911c9638c50b47d906)
图6-38 选择属性loop
06 出现“-1”并选中。在最后的属性值后,为该标签输入“>”,如图6-39所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00252.jpg?sign=1739298732-z9tps2s5XjzgdTVMUDjIUyxhkbQeMm7f-0-eadccc0e1ea69de31b64b35bdb8a9231)
图6-39 输入“>”
08 保存文档,按F12键在浏览器中预览,效果参见图6-33所示。