如何在网页中加入音乐

如题所述

1、首先把所选需要的音乐文件放到网页同一个文件,如图所示

2、用Adobe Dreamweaver CS6软件打开网页,在网页设计栏鼠标指向任意一个你想放置的音乐背景位置,然后在菜单栏选  插入/媒体(M)/插件(P),按照路径选择你需要设置背景音乐的MP3文件双击鼠标左键

3、鼠标点击插件可以看到下面的属性栏,根据属性栏我们可以任意调整背景宽度大小。保存刷新网页可以看到网页里已经可以自动播放背景音乐了。

4、在软件设计栏中选中插件,打开代码栏,在代码height="64"加一段hidden="true" ,保存刷新网页就会看到音乐背景已经被隐藏,音乐却还在播放。

5、设置音乐循环播放及播放次数:同样在代码height="64"加一段loop="false"   为不重播loop="true"  为循环播放loop="5"  为播放5次

温馨提示:内容为网友见解,仅供参考
第1个回答  2018-07-05
直接插入一个行为就可以了:
一、学会添加音乐文件
为网页添加背景音乐的方法一般有两种,第一种是通过普通的〈 bgsound〉标签来添加,另一种是通过〈 embed〉标签来添加。
(一)使用〈 bgsound〉标签
用Dreamweaver打开需要添加背景音乐的页面,点击“代码”打开代码编辑视图,在〈 body〉〈 /body〉之间输入“〈 ”在弹出的代码提示框中选择bgsound。
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即可。
提示:在FrontPage中加入背景音乐要比Dreamweaver相对方便一些,只要在“背景”对话框中进行相关设置即可。
(二)使用〈 embed〉标签
使用〈 embed〉标签来添加音乐的方法并不是很常见,但是它的功能非常强大,如果结合一些播放控件就可以打造出一个Web播放器。
它的使用方法与第一种基本一样,只是第一步的代码提示框里不要选择gbsound,改而选择embed即可。然后再选择它的属性进行相应的设置(图3),从图中可看出embed的属性比gbsound的五个属性多许多。最后的代码如下:〈 embed src="music.mp3" autostart="true" loop="true" hidden="true"〉〈 /embed〉。本回答被网友采纳
第2个回答  2010-08-31
背景音乐代码精简
1、<embed src="背景音乐网址" hidden="true" autostart="true" loop="true">

--------hidden="true"表示隐藏播放,即不显示播放器的外观,若要想显示,把"true" 替换为"false"即可,这样为默认是最小化播放,若还想具体显示播放器的大小,另加上height="高度值" width="宽度值" 就可以了。

-------autostart="true"表示当前页一载入则自动播放,若不希望播放改为autostart="false"
即可...

------ loop="true"表示无限次循环播放音乐直到当前页关闭为止,不想循环播放替换为 loop="false"就OK了

2、<embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" >

-----------loop="-1" 表示无限次循环播放,可设置播放次数,用具体数字代替即可,比如我希望它播放两次,则loop="2"

---------controls="ControlPanel"这个控制选项可省略

--------width="0" height="0"表示隐藏播放,和前面的一样。
若欲设置播放器的外观,则替换为具体的数值就可以了,比如width="123" height="100"

--------------------------------------------------
其实要说最简化的播放背景音乐的代码,则下面的代码是最简单的了--->

<embed src="背景音乐网址" >
-----------------------------------------------------

另外:bgsound src="背景音乐路径" loop="-1">

这个只支持IE浏览器,而且是完全下载完后才开始播放,不像前面所说的格式那样可以一边缓冲一边播放。这个一般用于mid音乐或较小的mp3,wav格式的音乐. 若是较大的文件还是用前面所说的格式吧~~
<bgsound src="背景音乐路径" loop="-1">这个随浏览器的打开而播放,当最小化窗口时即停止播放,当最大化窗口时又开始播放。
而,<embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" >常用于mid,,wav,mp3类型的音乐类型.

这个则不管是否最小化窗口都始终播放,直至关闭当前窗口为止~~

支持的音乐文件类型:只支持MP播放器所支持的音乐格式,比如mp3,asf,wma,asx等等.
不支持rm,ram....

视频文件的插入方法也和上面所说的一样,设置好合适的

音乐代码解释
<embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="http://guest.anyp.cn/uploads/01.mid">
解释一下:

AUTOSTART="TRUE / FALSE"
是否要在音乐档传完之后,就自动播放音乐。 TRUE 是要
FALSE 是不要,内定值是不要。

LOOP="TRUE / FALSE / 整数"
设定是否要自动反覆播放,LOOP=2 表示重复两次,若要无限次重复可用 LOOP="TRUE"

WIDTH 和 HIGH="整数"
设定控制面版的宽度和高度

CONTROLS="CONSOLE / SMALLCONSOLE /
PLAYBUTTON / PAUSEBUTTON / STOPBUTTON /
VOLUMELEVER"
设定控制面板的样子,预设值是 CONSOLE

CONSOLE 一般正常的面板
SMALLCONSOLE 较小的面板
PLAYBUTTON 只显示播放按钮
PAUSEBUTTON 只显示暂停按钮
STOPBUTTON 只显示停止按钮
VOLUMELEVER 只显示音量调整钮本回答被网友采纳
第3个回答  2016-09-15
在页面中加入背景音乐,其实很简单。有两种方法:

1、最简单的方法,在页面代码中的<head>与</head>标签之间加入如下代码:<bgsound src="/xxx" loop="-1">其中:“xxx”处添入你要加入的背景音乐的地址,“loop”中的数值是音乐循环的次数,可设置为任意正整数,若设为“-1”的话,音乐将永远循环。

2、另外一种方法则略微复杂一些,但可设置的参数也较多。
这次我们在页面代码中的<body>与</body>标签之间加入一个“Embed”标签,其最简形式就像这样:
<EMBED src="/xxx" 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”为隐藏。

注意,音乐文件的体积不要太大,否则页面已经打开了半天,音乐却还没有读出来。本回答被网友采纳
第4个回答  2016-06-03
直接插入一个行为就可以了:
一、学会添加音乐文件
为网页添加背景音乐的方法一般有两种,第一种是通过普通的〈 bgsound〉标签来添加,另一种是通过〈 embed〉标签来添加。
(一)使用〈 bgsound〉标签
用Dreamweaver打开需要添加背景音乐的页面,点击“代码”打开代码编辑视图,在〈 body〉〈 /body〉之间输入“〈 ”在弹出的代码提示框中选择bgsound。
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即可。
提示:在FrontPage中加入背景音乐要比Dreamweaver相对方便一些,只要在“背景”对话框中进行相关设置即可。
(二)使用〈 embed〉标签
使用〈 embed〉标签来添加音乐的方法并不是很常见,但是它的功能非常强大,如果结合一些播放控件就可以打造出一个Web播放器。
它的使用方法与第一种基本一样,只是第一步的代码提示框里不要选择gbsound,改而选择embed即可。然后再选择它的属性进行相应的设置(图3),从图中可看出embed的属性比gbsound的五个属性多许多。最后的代码如下:〈 embed src="music.mp3" autostart="true" loop="true" hidden="true"〉〈 /embed〉。

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

如何将音乐插入网页中?
1、首先打开电脑上的DW软件,点击新建菜单下的“html”,新建一个网页空白界面。2、点击DW左上角“插入”菜单,点击“媒体”选项,点击“插件”。3、然后在文件夹中找到要插入的音乐文件(MP3格式),点击“确定”。4、然后在DW的右侧界面中会出现一个小形状的图形,鼠标左键点击它按住把它拉大一点。...

想要在网页上添加音乐?看这个教程就够了!
首先,你需要获取音乐文件的代码。请确保整行复制,不要改动任何内容。接着,打开你的HTML文件,使用记事本程序。在页面内找到``标签,将复制的音乐代码粘贴到其下方。确保代码被正确添加,然后保存文件。第二步,将你下载的mp3文件与HTML文件放在同一个文件夹下。请将mp3文件重命名为`11.mp3`。此时,...

【网页制作】怎样在网页中插入音乐
1、打开要插入音乐的HTML文档,在body标签后面输入标签embed src=123.mp3 \/ 2、123.mp3就是你电脑里的音乐在网页源代码中的名字。3、输入完毕后点击保存,保存当前插入的音乐。4、接着运行刚刚做好的网页文件,即可预览效果了。

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

如何给自己的网站添加背景音乐
双击鼠标左键,鼠标点击插件可以看到下面的属性栏,在属性栏我们可以任意调整背景宽度、大小。然后,保存刷新网页可以看到网页里已经可以自动播放背景音乐了。如果要对音乐进行设置,可以在Dreamweaver代码中输入【bgsound】代码后按空格键,代码提示框会自动将bgsound标签的属性列出来供你选择使用。bgsound标签共有...

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

网页如何设置背景音乐网页如何设置背景音乐播放
1.首先,将要添加为网页背景音乐的文件保存在网页对应的文件夹中。2.启动记事本程序,在记事本中输入相应的代码。3.在上;输入代码“Bgsound”,在代码之间插入背景音乐。4.在输入以下背景音乐文件路径指令命令:src=sourcesrc="music.mp3">\/audio>在body标签里。如下图所示。5、最后,背景音乐添加成功,...

在HTML中如何插入背景音乐?
4. STARTIME="分:秒":设定乐曲的开始播放时间。例如,如需从20秒后开始播放,写为STARTIME=00:20。5. VOLUME=0-100:设定音量大小。范围从0到100,未设定时使用系统默认音量。6. WIDTH和HEIGHT:设定控制面板的大小。7. HIDDEN=TRUE:隐藏控制面板。以上就是如何在HTML中插入背景音乐的详细步骤和...

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

相似回答