用Dreamweaver在网页中插入背景音乐的3种方法
如何在Dreamweaver 中插入背景音乐,现在让我一次性向大家介绍几种背景音乐的插入方法,让更多的人去掌握它。
一、直接插入法
1.打开一张需要插入背景音乐的网页,在菜单中找到这样的命令: Windows - > Behaviors,调出“Behaviors”行为面板,如下图所示(Dreamweaver MX 的面板):

2.点击“+”号按钮,选择“play sound”命令,如下图:

如果此命令呈反白色,不可用,请在此命令下拉列表中选择“Show Even For”命令,在此子菜单里选择“ IE 4.0 ”以上的版本,因为IE 4.0 以上的版本才支持此种格式的音乐插入方法。
3.此时弹出插入文件窗口,按“Browser”按钮选择音乐文件,当然是要浏览器支持的音乐文件格式(如mid、wav、AIFF、AU)
4.插入之后网页里会显示一个“plugin”插件图标,但我们还需要作进一步的调整。因为 Dreamweaver 自动插入了一段控制代码,方便我们定制激活背景音乐。但此功能不需要用到,那么就要把它删除。代码有两段,分别如下:
代码一、
代码二、

5.完成插入,此时的背景音乐还不能自动播放,点选插件图标,按“ctrl + F3”快捷键,调出属性面板,点击右下角的“Parameters”按钮,在弹出的窗口中进行修改,把参数“AutoStart”后面的“Value”缺省值“false”改成“true”(如下图所示),这样就达到打开页面背景音乐就响起的效果。

我们知道,音乐的播放是有时间长短的,如果希望它重复播放,可以把上图中的“Loop”参数值改成“true”。
在 Dreamweaver 中插入背景音乐的几种方法
多次收到喜欢太平洋网络学院的网友的信件,信中提问如何在 Dreamweaver 中插入背景音乐,现在让我一次性向大家介绍几种背景音乐的插入方法,让更多的人去掌握它。
6.之前打开删除代码时我们看到了插入音乐的 HTML 标记为 < EMBED > ,为了让大家对它有更加深入的了解,接下来引用一段 太平洋网络学院 - > 设计教室 - > HTML 部分中的“HTML语言剖析”中的一段,介绍一下< EMBED >标记的参数:
< EMBED > 是用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU 等等,Netscape 及 新版的 IE 都支持。其参数设定较多。如下
< EMBED src="your.mid" autostart="true" loop="true" hidden="true" >
src="your.mid"
设定 midi 档案及路径,可以是相对或绝对。
autostart=true
是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。
loop="true"
是否自动反复播放。LOOP=2 表示重复两次,true 是, false 否。
HIDDEN="true"
是否完全隐藏控制画面,true 为是,no 为否 (内定)。
STARTTIME="分:秒"
设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。
VOLUME="0-100"
设定音量的大小,数值是0到100之间。内定则为使用系统本身的设定。
WIDTH="整数" 和 HIGH="整数"
设定控制面板的高度和宽度。(若 HIDDEN="no")
ALIGN="center"
设定控制面板和旁边文字的对齐方式,其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom
CONTROLS="smallconsole"
设定控制面板的外观。预设值是 console。
console 一般正常面板
smallconsole 较小的面板
playbutton 只显示播放按钮
pausecutton 只显示暂停按钮
stopbutton 只显示停止按钮
volumelever 只显示音量调节按钮
二、代码法
< BGSOUND >:
< BGSOUND > 是用来插入背景音乐,但只适用于 IE,其参数设定不多。如下
< BGSOUND src="your.mid" autostart=true loop=infinite >
src="your.mid"
设定 midi 档案及路径,可以是相对或绝对。
autostart=true
是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。
loop=infinite
是否自动反复播放。LOOP=2 表示重复两次,Infinite 表示重复多次。
此种方法就是直接把< BGSOUND >标记放于网页文件的< head >< /head >之间,设置好mid文件的路径就行。参数的设置如文中解说。
三、插件法
有些人始终没有舍弃 FrontPage 也许就因为在一些元素的插入中,Dreamweaver 没有提供功能,或者不方便。但我们知道,Dreamweaver 支持插件,声音插入插件为我们提供了方便。
插件下载:sound.mxp
下载后双击文件,就可以直接安装了,安装完成你可以在“对象”面板的“Common”栏看到一个喇叭图标。直接点击此按钮,就弹出如下图所示的插入窗口:

Forever:设置无限循环播放
Never:不循环播放,即只播放一次
NO of times:设置播放的次数
点击“Browser”按钮选择好声音文件之后,按确定完成制作。
学习了上面三种方法,以后插入背景音乐就简单方便多了。
- 栏目搜索>>分类导航
-
Flash幻灯
jQuery幻灯
JS幻灯
Flash相册
jQuery相册
图片特效
导航菜单
广告代码
在线客服
表单按钮
其它特效
-
HTML
CSS
JavaScript
Dreamweaver
Fireworks
设计分享
-
建站教程
网站运营
实用工具
网页模板
网页素材
- CSS酷站 网上购物 设计团队 设计博客
- 教程排行榜
- dreamweaver教程:用Spry制作选项卡滑动菜单
- 用Dreamweaver在网页中插入背景音乐的3种方法
- 如何在Dreamweaver中灵活控制网页表格高度和宽度?
- Adobe Dreamweaver CS5 网友试用感受
- 熟练使用Dreamweaver必备的二十个小技巧
- Dreamweaver教程:建造简易版的PHP论坛网站
- Dreamweaver技巧:在网页中插入透明Flash的方法
- 折叠菜单用dreamweaver轻松制作
- Dreamweaver制作网页的段落排版技巧
- Dreamweaver的快捷键清单
- 巧用Dreamweaver正则工具解决代码替换问题
- 图文详解用Dreamweaver制作复杂的交换图像
- Dreamweaver教程:制作CSS控制的固定宽度布局
- DreamWeaver高级教程:如何批量替换超链接标签?
- Dreamweaver教程:轻松制作超酷的Flash相册
- Adobe Dreamweaver CS5 的新增功能抢先预览
- 下载排行榜
- 基于jQuery的超炫酷的3D切换JS幻灯焦点图特效代码
- 半透明立体质感的宽屏flash+xml焦点幻灯代码
- 简洁效果多图切换flash幻灯焦点图代码
- 带标题和数字导航的JS焦点幻灯特效代码
- 适合摄影网站超漂亮的宽屏flash+xml幻灯轮换代码
- 31款简单实用的CSS+JS下拉菜单脚本
- 3D立体效果金字塔环形旋转的flash+xml相册代码
- 基于jQuery实现的瀑布流布局列表特效代码
- 透明质感上下滑动带小图预览5屏JS焦点图幻...
- 超酷的3D摩天轮flash+xml相册幻灯图片代码
- 能沿多个方向滑动切换的jquery幻灯代码
- 自带多种幻灯效果支持缩略图导航的jquery画...
- 可改图片尺寸和张数的flash幻灯轮换代码
- 很好看的带缓冲效果CSS下拉菜单导航代码
- 基于jquery很有趣的360度全景图片预览特效
- 6屏幻灯上下滑动式带缩略图和文字介绍的fla...

