如何在网页 中加入背景音乐

在dreamweaver中说详细点,最好举个例子谢谢... 在dreamweaver中
说详细点,最好举个例子
谢谢
展开
 我来答
百度网友75237fe62
推荐于2016-04-09 · TA获得超过209个赞
知道答主
回答量:356
采纳率:0%
帮助的人:267万
展开全部
(一)使用<bgsound>标签

用Dreamweaver打开需要添加背景音乐的页面,点击“代码”打开代码编辑视图,在<body></body>之间输入“<”在弹出的代码提示框中选择bgsound(图1)。

Dreamweaver自动输入“<bgsound”代码后按空格键,代码提示框会自动将bgsound标签的属性列出来供你选择使用。 bgsound标签共有五个属性,其中balance是设置音乐的左右均衡,delay是进行播放延时的设置,loop是循环次数的控制,src则是我们音乐文件的路径,volume是音量设置。一般在添加背景音乐时,我们并不需要对音乐进行左右均衡以及延时等设置,所以仅需要几个主要的参数就可以了。最后的代码如下:

<bgsound src="music.mid" loop="-1">

其中,loop="-1"表示音乐无限循环播放,如果你要设置播放次数,则改为相应的数字即可。

这种添加背景音乐的方法是最基本的方法,也是最为常用的一种方法,对于背景音乐的格式支持现在大多的主流音乐格式,如WAV、MID、MP3等。如果要顾及到网速较低的浏览者,则可以使用MID音效作为网页的背景音乐,因为MID音乐文件小,这样在网页打开的过程中能很快加载并播放,但是MID也有不足的地方,它只能存放音乐的旋律,没有好听的和声以及唱词。如果你的网速较快,或是觉得MID音乐有些单调,也可以添加MP3的音乐。只要将上述代码中的 happy.mid改为happy.mp3即可。
(二)使用<embed>标签

使用<embed>标签来添加音乐的方法并不是很常见,但是它的功能非常强大,如果结合一些播放控件就可以打造出一个Web播放器。

它的使用方法与第一种基本一样,只是第一步的代码提示框里不要选择gbsound,改而选择embed即可。然后再选择它的属性进行相应的设置(图3),从图中可看出embed的属性比gbsound的五个属性多许多。最后的代码如下:<embed src="music.mp3" autostart="true" loop="true" hidden="true"></embed>。

其中autostart用来设置打开页面时音乐是否自动播放,而hidden设置是否隐藏媒体播放器。因为embed实际上类似一个Web页面的音乐播放器,所以如果没有隐藏,则会显示出你系统默认的媒体插件的。

对于这两种方法,笔者认为二者之间都各有优缺点:第一种方法当页面打开时音乐播放,如果将页面最小化以后播放音乐会自动暂停,如果使用第二种方法则不会出现这种情况,只要不将窗口关闭,它会一直播放。所以希望大家在运用过程中根据自己的情况来选择添加音乐的方法。

学会了简单的添加网页音乐方法后,就应该在界面和功能上下点功夫了。我们可以利用《网页音乐播放器》打造一个时尚的音乐播放器。一、学会添加音乐文件

为网页添加背景音乐的方法一般有两种,第一种是通过普通的<bgsound>标签来添加,另一种是通过<embed>标签来添加。

参考资料: 知道中搜的,不是很清楚的了吗.真不会,加我QQ啦.

制片帮素材
2024-05-07 广告
版权音乐素材可以在版权音乐平台:制片帮素材平台购买音乐版权,制片帮素材臻选版权音乐素材,提供全场景全渠道背景音乐版权服务。满足:广告音乐、宣传片音乐、短视频音乐、影视音乐、线下公播、音乐定制、热门音乐版权等正版音乐需求。在国内版权音乐越发严... 点击进入详情页
本回答由制片帮素材提供
huanglenzhi
2018-06-28 · 知道合伙人数码行家
huanglenzhi
知道合伙人数码行家
采纳数:117538 获赞数:517179
长期从事计算机组装,维护,网络组建及管理。对计算机硬件、操作系统安装、典型网络设备具有详细认知。

向TA提问 私信TA
展开全部
最简单的方法是,在页面代码中的<head>与</head>标签之间加入如下代码:<bgsound src="/Home/xxx" loop="-1">
其中:“xxx”处添入你要加入的背景音乐的地址,“loop”中的数值是音乐循环的次数,可设置为任意正整数,若设为“-1”的话,音乐将永远循环。
另外一种方法则略微复杂一些,但可设置的参数也较多。这次我们在页面代码中的<body>与</body>标签之间加入一个“Embed”标签,其最简形式就像这样:
<EMBED src="/Home/xxx" autostart="true" loop="true" width="80" height="20">
不同的是,在这里我们可以设置更多内容,以下是具体的说明:

src 背景音乐的路径。
autostart
是否自动播放,“true”为音乐文件读取完后立即播放,“false”则不立即播放,默认值为“false”

loop 循环次数,设置为“true”为永远循环,“false”为仅播放一次,若设为任意一正整数,则循环所输入的次数。
volume 设置音量,取值范围是“0-100”,默认值为系统当前音量。
starttime 设置音乐开始播放的时间,格式是“分:秒”,如:starttime="00:10",就是从第10秒开始播放。
endtime 设置音乐结束播放的时间,具体格式同上。
width 设置音乐播放控制面板的宽度。
height 设置音乐播放控制面板的高度。
controls 设置音乐播放控制面板的外观,“console”为通常面板;“smallconsole”为小型面板。“playbutton”为是否显示播放按钮;“pausebutton”为是否显示暂停按钮;“stopbutton”为是否显示停止按钮;“volumelever”为是否显示音量调节按钮,例如:
controls="console/smallconsole/playbutton/
pausebutton/stopbutton/volumelever"。
hidden 设置音乐播放控制面板的显示与否,“false”为显示,“true”为隐藏。

现在,你可以试一试了。不过要注意,音乐文件的体积不要太大,否则页面已经打开了半天,音乐却还没有读出来。

第一步:首先把你喜欢的音乐上传到博客(当然也可以是其他链接地址)。
第二步:把上传的音乐地址全部粘贴到记事本中,不用加任何代码。
如:
http://链接地址
http://链接地址
第三步:把记事本另存为:music.jpg,就是图片格式文件,然后再上传到博客空间里,上传后记住上传的地址。
第四步:在发贴时,选择HTML方式,再最下面加入以下代码。
〈div align="center"〉〈embed src="音乐地址" width="180" height="50" hidden="true" type="audio/mpeg/wma" autostart="true" loop="true" /〉〈/div〉
提示: autostart="true" 自动播放选项:true 不自动播放选项:false
loop="true" 循环播放选项:true 不循环播放选项:false
hidden="true" 隐藏播放器选项:true 显示播放器选项:false
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
藩藉宋叶舞
2019-06-25 · TA获得超过3986个赞
知道大有可为答主
回答量:3143
采纳率:34%
帮助的人:221万
展开全部
背景音乐(Background
music,简称BGM),也称配乐,网站中用于调节气氛的一种音乐,插入于对话之中,能够增强情感的表达,达到一种让观众身历其境的感受。
在网页中添加背景音乐的方式有三种:
方法一:
(1)打开要添加背景音乐的网页;
(2)单击“属性”打开“行为”面板;
(3)单击添加行为的按钮,选择“播放声音”,打开“播放声音”的对话框;
(4)单击“浏览”按钮,选择要插入的音乐文件,确定;
(5)按F12保存并浏览网页。
方法二:
(1)在页面不明显的地方插入一个层,将查入光标放到层中,单击“插入”—“常用”—“媒体”—ActiveX命令,插入一个ActiveX控件。
(2)双击插入的ActiveX控件,打开“选择Netscape插入文件”对话框,从中选择MIDI音乐文件;
(3)单击“确定”按钮。单击“属性”面板上“显示”下拉列表中的hidden,将层隐藏起来;
(4)按F12保存并浏览网页。
方法三:
(1)新建一个HTML文件并保存;
(2)将鼠标放到插入点,单击插入栏“常用”类别下的“媒体:插件”图标,在其下拉菜单中点击雪花状“*插件”,在弹出“选择文件”对话框中,指定播放的媒体文件为1.mid;
(3)此时插入点会出现“雪花”状的标记,选中此对象,在“属性”面板中为其指定ID为×××,设定其宽和高均为0像素;
(4)在标签选择器中选择,打击右键,从弹出的快捷菜单中选择“快速标签编辑器”命令,在“编辑标签”窗口中,修改其内容:loop="true",指定循环播放背景音乐的内容。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式