文档介绍:本案例将把音乐插入到网页中,以增强页面的感染力,使浏览者在浏览文字内容的同时可以听到优美舒缓的音乐。 所示,在页面上显示一个媒体播放器,用户可以控制音乐的播放过程。
视听在线效果图
【案例目的】
掌握向网页中插入音乐的方法,理解常用的音频格式。
【实现思路】
打开现有网页,在合适位置插入音频元素并设置播放属性。
【主要知识】
音频文件的格式、插入音频文件的方法。
【相关知识介绍】
音频元素也是网页中不可或缺的内容,在 Dreamweaver 中插入音频元素的方法有多种,灵活选用不同方法,以适应页面需要,同时照顾浏览者的感受。
常用的音频格式
声音能极好地烘托网页页面的氛围,网页中常见的声音格式有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
MPEG-Audio Layer-3 是采用国际标准MPEG 中的第三层音频压缩模式对声音信号进行压缩的一种声
音格式。优点:压缩比高(1min MP3 格式文件只有1MB 左右)、音质较好
.WMA
Windows Media Audio 是微软开发的音频格式。WMA 格式具有比MP3 更高的压缩比(生成的文件大
小只有相应MP3 文件的一半)并支持流媒体技术,可以一边下载一边播放,适合于网络上使用。安装
Windows media player 播放器即可播放
.RM
Real Media works 公司开发的网络流媒体格式,具有比MP3、WMA 格式更高的压缩比,
支持“流式”播放,可以根据网络传输速率制作出不同的压缩比率,从而实现在低速率的网络上进行
音频数据的实时传送和播放。安装RealPlayer 播放器可以实现在线播放
插入音频
<bgsound>标签嵌入背景音乐
在网页中添加背景音乐可以使用<bgsound>标签,但只适用于IE,在Netscape 和 Firefox浏览器中并不适用,具体步骤如下。
(1) 打开需要添加背景音乐的页面,切换到代码视图。
(2) 在<head>和</head>之间输入“<”,在弹出的代码提示框中选择“bgsound”,插入背景音乐代码, 所示。
插入背景音乐代码
(3) 用鼠标右键单击bgsound,在弹出的快捷菜单中选择“编辑标签”,弹出“标签编辑器-bgsound”对话框, 所示。其中各参数的含义如下。
图 “标签编辑器-bgsound”对话框
①“源”:设置音乐文件的路径,单