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

在dreamweaver中
说详细点,最好举个例子
谢谢

(一)使用<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啦.

温馨提示:内容为网友见解,仅供参考
第1个回答  2018-06-28
最简单的方法是,在页面代码中的<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本回答被网友采纳
第2个回答  2019-06-25
背景音乐(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",指定循环播放背景音乐的内容。

怎么在html里插音乐
1、首先要创建一个简单的网页,网页上只有一个DIV文本内容;2、在这个网页中DIV的文本内容中,可以添加有背景音乐的网页;3、要为网页添加背景音乐,可以使用embed标签,并为其添加src属性,这是用来指定音乐所在路径的,embed src=tt.mp3 hidden=true;4、为了隐藏背景音乐以这个多媒体控件,embed标签添...

如何在网页中插入背景音乐
1、首先打开dw软件。2、通过点击HTML进入编辑页面。3、通过选择代码、拆分和设计选择编辑模式。4、这里以拆分为例,通过在和之间加<bgsound 双人床=“地址”>来了进行插入音乐。5、通过在双引号内右击选择编辑标签。6、最后点击确定就可以了。

如何给网页添加背景音乐?
为网页添加背景音乐的方法一般有两种,第一种是通过普通的<bgsound>标签来添加,另一种是通过标签来添加。二、打造时尚音乐播放器 学会了简单的添加网页音乐方法后,就应该在界面和功能上下点功夫了。我们可以利用《网页音乐播放器》打造一个时尚的音乐播放器。提示:《网页音乐播放器》是一个网页插件,运...

怎样给一个网站加背景音乐?
为网页添加背景音乐的方法一般有两种,第一种是通过普通的〈 bgsound〉标签来添加,另一种是通过〈 embed〉标签来添加。(一)使用〈 bgsound〉标签 用Dreamweaver打开需要添加背景音乐的页面,点击“代码”打开代码编辑视图,在〈 body〉〈 \/body〉之间输入“〈 ”在弹出的代码提示框中选择bgsound。Dreamweav...

怎么用Macromedia Dreamweaver 8给网页添加多首背景音乐并且随机...
若要在网页中添加背景音乐,请执行以下操作:在“设计”视图中,将插入点放置在您要嵌入文件的地方,然后执行以下操作之一:在“插入”栏的“常用”类别中,单击“媒体”按钮,然后选择“插件”图标。选择“插入”“媒体”“插件”。在属性检查器中,单击文件夹图标以浏览音频文件,或者在“链接”文本框...

HTML怎么添加背景音乐模块,进入网页自动播放的?
如果你想在HTML网页中添加一个自动播放的背景音乐模块,可以按照以下步骤操作:首先,你需要准备以下工具:一台电脑、一款浏览器和一个HTML编辑器。打开你的HTML编辑器,比如Dreamweaver或SublimeText,然后开始创建一个新的HTML文件,比如命名为"index.html"。在"index.html"文件的标签内,你需要插入特定的...

HTML怎么添加背景音乐模块,进入网页自动播放的?
首先,打开你的HTML编辑器,创建一个新文件,命名为例如"index.html"。在创建的HTML文件中,定位到标签,这是网页的主要内容区域。在这一部分,你需要插入一段代码来插入音频元素并设置为自动播放和循环播放。代码如下:这里的`autoplay="autoplay"`让音乐在页面加载时自动开始播放,`loop="loop"`则设置...

网页中如何加入音乐
1、embed src=背景音乐网址 hidden=trueautostart=true loop=truehidden=true表示隐藏播放,即不显示播放器的外观,若要想显示,把true 替换为false即可,这样为默认是最小化播放,若还想具体显示播放器的大小,另加上height=高度值 width=宽度值 就可以了。autostart=true表示当前页一载入则自动播放,若...

怎样在网页中插入音频啊?!!!急啊!急!急!!!
一、学会添加音乐文件 为网页添加背景音乐的方法一般有两种,第一种是通过普通的< bgsound>标签来添加,另一种是通过< embed>标签来添加。(一)使用< bgsound>标签 用Dreamweaver打开需要添加背景音乐的页面,点击“代码”打开代码编辑视图,在< body>< \/body>之间输入“< ”在弹出的代码提示框中选择...

html制作音乐网站代码?
首先把要添加成网页背景音乐的文件保存在网页的相应文件夹下。启动记事本程序,在记事本中输入相应的代码。在body\/body代码中之间输入插入背景音乐的代码“Bgsound”。HTML网页中的音乐播放代码1、指定播放器的大小(width、heigh)、是否自动(autostart标记)、是否循环播放(loop标记),而浏览者则可以自主...

相似回答