82添加网页特效之“播放音乐”网页案例.docVIP

本案例将把音乐插入到网页中，以增强页面的感染力，使浏览者在浏览文字内容的同时可以听到优美舒缓的音乐。如图 所示，在页面上显示一个媒体播放器，用户可以控制音乐的播放过程。 图 视听在线效果图 【案例目的】 掌握向网页中插入音乐的方法，理解常用的音频格式。 【实现思路】 打开现有网页，在合适位置插入音频元素并设置播放属性。 【主要知识】 音频文件的格式、插入音频文件的方法。 【相关知识介绍】 音频元素也是网页中不可或缺的内容，在 Dreamweaver 中插入音频元素的方法有多种，灵活选用不同方法，以适应页面需要，同时照顾浏览者的感受。 8.2.1 常用的音频格式 声音能极好地烘托网页页面的氛围，网页中常见的声音格式有WAV、MP3、MIDI、WMA、RM 等。表8-1 列出了几种常见声音文件的特点。 表 8-1 各种音频格式的主要特点 音频格式 主要特点 .WAV Wave Audio Files(波形声音文件)是微软公司开发的一种声音文件格式，是最早的数字音频格式。可以 从麦克风、CD、磁带等输入设备录制WAV 文件。该文件具有较好的声音品质，但文件体积较大(1min 约占10MB 左右)，不便于网络交流与传播。有时用于网页中较短的声音特效 .MP3 MPEG-Audio Layer-3 是采用国际标准MPEG 中的第三层音频压缩模式对声音信号进行压缩的一种声 音格式。优点：压缩比高(1min MP3 格式文件只有1MB 左右)、音质较好 .MIDI 或.MID MPEG-Audio Layer-3 是采用国际标准MPEG 中的第三层音频压缩模式对声音信号进行压缩的一种声 音格式。优点：压缩比高(1min MP3 格式文件只有1MB 左右)、音质较好 .WMA Windows Media Audio 是微软开发的音频格式。WMA 格式具有比MP3 更高的压缩比(生成的文件大 小只有相应MP3 文件的一半)并支持流媒体技术，可以一边下载一边播放，适合于网络上使用。安装 Windows media player 播放器即可播放 .RM 或.RAM Real Media 是Real Networks 公司开发的网络流媒体格式，具有比MP3、WMA 格式更高的压缩比， 支持“流式”播放，可以根据网络传输速率制作出不同的压缩比率，从而实现在低速率的网络上进行 音频数据的实时传送和播放。安装RealPlayer 播放器可以实现在线播放 8.2.2 插入音频 1．使用bgsound标签嵌入背景音乐 在网页中添加背景音乐可以使用bgsound标签，但只适用于IE，在Netscape 和 Firefox浏览器中并不适用，具体步骤如下。 (1) 打开需要添加背景音乐的页面，切换到代码视图。 (2) 在head和/head之间输入“”，在弹出的代码提示框中选择“bgsound”，插入背景音乐代码，如图 所示。 图 插入背景音乐代码 (3) 用鼠标右键单击bgsound，在弹出的快捷菜单中选择“编辑标签”，弹出“标签编辑器-bgsound”对话框，如图 所示。其中各参数的含义如下。 图 “标签编辑器-bgsound”对话框 ①“源”：设置音乐文件的路径，单击“浏览”按钮选择背景音乐文件。 ②“循环”：设置音乐循环的次数，“-1”为无限次循环。 ③“平衡”：音乐的左右平衡。 ④“音量”：音乐的音量设置，取值范围 0～100。 ⑤“延迟”：音乐播放时的延迟。 (4) 设置完毕后单击“确定”按钮，bgsound标签嵌入的背景音乐在页面上并不显示。 2．使用embed标签嵌入多媒体文件 embed 标签可以用来插入各种多媒体文件，可以是音频、视频或.swf 格式等，其中的参数因不同的文件格式而异。使用embed标签插入声音文件的步骤如下。 (1) 打开需要插入声音文件的页面，切换到代码视图。 (2) 输入“”，在弹出的代码提示框中选择embed。 (3) 用鼠标右键单击embed，在弹出的快捷菜单中选择“编辑标签”，弹出“标签编辑器-embed”对话框，如图 所示。其中“常规”选项下各参数的含义如下。 图 “标签编辑器-embed”对话框 ①“源”：设置音乐文件的路径，单击“浏览”按钮选择背景音乐文件。 ②“宽度”：设置音乐播放器的宽度，单位像素。 ③“高度”：设置音乐播放器的高度，单位像素。 ④“水平间距”：设置音乐播放器与鼠标插入点的水平距离，单位像素。 ⑤“垂直间距”：设置音乐播放器与鼠标插入点的垂直距离，单位像素。 ⑥“自动开始”：设置音乐是否在页面加载时自动开始播放。 ⑦“循环”：设置音乐是否循环播放。 ⑧“隐藏”：设置音乐播放器在页面中显示或隐藏。 (4) 设置完毕后单击“确定”按钮。此外，embed中的参数