‘壹’ 最简单的向HTML网页添加背景音乐的方法
最简单的向HTML网页添加背景音乐的方法是什么？在html5里，直接有一个对应的控件就可以添加背景音乐了，下面我们来看一下。
- 01
在html5里，有一个audio的标签，我们先在html里加上这个标签。
- 02
这个audio标签，里面有一个子标签，就是source标签，主要是用来指定audio的播放源的。通过src属性指定Mp3文件的路径就行了。
- 03
运行页面，就可以看到一个mp3的播放器了。
- 04
点击播放器的播放按钮后，网页就可以播放mp3音乐了，非常简单。
‘贰’ 怎样给一个网站加背景音乐
直接插入一个行为就可以了:
一、学会添加音乐文件
为网页添加背景音乐的方法一般有两种，第一种是通过普通的〈 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〉。
‘叁’ 怎样在网页中插入背景音乐
有时候需要在网页中添加背景音乐。下面，我们来看看怎样在网页中插入背景音乐吧。
- 01
导入音乐
首先导入一首音乐，如下图所示： - 02
<bgsound src="imgsx.mp3" loop="-1">
然后在head头部中输入代码，如下图所示： - 03
src
其中src的值为音乐的路径，比如该首歌曲的音乐路径为imgsx.mp3。 - 04
loop指的是循环的次数，当为负值的时候表示永远循环播放。
‘肆’ 如何在网页中添加背景音乐
为网页添加背景音乐的方法一般有两种，第一种是通过普通的<bgsound标签来添加，另一种是通过<embed标签来添加。 （一）使用<bgsound标签 用Dreamweaver打开需要添加背景音乐的页面，点击“代码”打开代码编辑视图，在<body</body之间输入“<”在弹出的代码提示框中选择bgsound。 Dreamweaver自动输入“<bgsound”代码后按空格键，代码提示框会自动将bgsound标签的属性列出来供你选择使用。bgsound标签共有五个属性，其中balance是设置音乐的左右均衡，delay是进行播放延时的设置，loop是循环次数的控制，src则是我们音乐文件的路径，volume是音量设置。一般在添加背景音乐时，我们并不需要对音乐进行左右均衡以及延时等设置，所以仅需要几个主要的参数就可以了。最后的代码如下： <bgsoundsrc="music.mid"loop="-1" 其中，loop="-1"表示音乐无限循环播放，如果你要设置播放次数，则改为相应的数字即可。 （二）使用<embed标签 使用<embed标签来添加音乐的方法并不是很常见，但是它的功能非常强大，如果结合一些播放控件就可以打造出一个Web播放器。 它的使用方法与第一种基本一样，只是第一步的代码提示框里不要选择gbsound，改而选择embed即可。然后再选择它的属性进行相应的设置，从图中可看出embed的属性比gbsound的五个属性多许多。最后的代码如下：<embedsrc="music.mp3"autostart="true"loop="true"hidden="true"</embed。 其中autostart用来设置打开页面时音乐是否自动播放，而hidden设置是否隐藏媒体播放器。因为embed实际上类似一个Web页面的音乐播放器，所以如果没有隐藏，则会显示出你系统默认的媒体插件的。 上面二种方法各有优点及不足，大家在实际使用中选择！
‘伍’ 【网页制作】怎样在网页中插入音乐
- 01
打开要插入音乐的HTML文档，在body标签后面输入标签<embed src="123.mp3" />
- 02
123.mp3就是你电脑里的音乐在网页源代码中的名字。
- 03
输入完毕后点击保存，保存当前插入的音乐。
- 04
接着运行刚刚做好的网页文件，即可预览效果了。
‘陆’ 如何给自己的网站添加背景音乐
现在的网页设计越来越普遍，现在我就来为小伙伴们演示如何在网站添加背景音乐。
工具/材料
Adobe dreamweaver cs6软件
电脑
- 01
在桌面新建一个文件夹，任意命名，里面再新建一个文件夹，取名music（一定要和你保存的网页在同一个文件夹内）
- 02
打开你新建的网页，就是index
- 03
我为了方便观看，我设置了背景颜色的，然后输入代码
<audio controls autoplay="autoplay">
<source src="./music/1.mp3">（他可以自动播放） - 04
点击调试，或者按F12，出现一个对话框，点击允许，就可以了
- 05
最后成功的图片模板
特别提示
背景音乐有多种样式，可以循环播放，自动播放，点击播放，按照需求来进行编辑代码
‘柒’ 如何在网页中加入音乐
1、首先把所选需要的音乐文件放到网页同一个文件，如图所示
‘捌’ 怎么给html网页添加背景音乐
将音乐作成一个链接，只需要用鼠标在上面单击，就可以听到动人的音乐。这就是在记事本编辑网页的一个方法。
1、首先把要添加成网页背景音乐的文件保存在网页的相应文件夹下。
‘玖’ 网页中如何加入音乐 代码是什么
背景音乐代码精简
1、<embed src=背景音乐网址 hidden=trueautostart=true loop=true>hidden=true表示隐藏播放，即不显示播放器的外观，若要想显示，把true 替换为false即可，这样为默认是最小化播放，若还想具体显示播放器的大小，另加上height=高度值 width=宽度值 就可以了。autostart=true表示当前页一载入则自动播放，若不希望播放改为autostart=false
2、loop=true表示无限次循环播放音乐直到当前页关闭为止，不想循环播放替换为 loop=false就OK了
3、<embed src=背景音乐网址 autostart=true loop=-1 c width=0 height=0 >
4、loop=-1 表示无限次循环播放，可设置播放次数，用具体数字代替即可，比如我希望它播放两次，则loop=2
5、c这个控制选项可省略
6、width=0 height=0表示隐藏播放，和前面的一样。
7、其实要说最简化的播放背景音乐的代码，则下面的代码是最简单的了--->
8、<embed src=背景音乐网址 >另外:bgsound src=背景音乐路径 loop=-1>这个只支持IE浏览器，而且是完全下载完后才开始播放，不像前面所说的格式那样可以一边缓冲一边播放。这个一般用于mid音乐或较小的mp3,wav格式的音乐. 若是较大的文件还是用前面所说的格式吧~~
9、<bgsound src=背景音乐路径 loop=-1>这个随浏览器的打开而播放，当最小化窗口时即停止播放，当最大化窗口时又开始播放。而，<embed src=背景音乐网址 autostart=true loop=-1 c width=0 height=0 >常用于mid，,wav,mp3类型的音乐类型.支持的音乐文件类型：只支持MP播放器所支持的音乐格式，比如mp3,asf,wma,asx等等.不支持rm,ram....视频文件的插入方法也和上面所说的一样，设置好合适的
‘拾’ 怎么给网站或网页添加音乐
网页背景音乐的插入方法：
如果我们想给网页插入背景音乐，只需要切换至代码视图，在适当的位置输入输入以下代码即可：<embed src="梦.mp3" width="0" height="0"></embed>
接着就可以打开网页来试听背景音乐啦。当然，如果使用搜狗浏览器的话，记得点击窗口最下面的“打开背景音乐播放”按钮。
当然，有时我们希望音乐文件在播放时能在网页中呈现出一个插件窗口，以便实现用户对其可操作。此时只需要将“Width”和“Height”设置为非为值即可。
当我们有时需要背景音乐实现循环播放时，只需要加入参数【loop="true"】项即可。
另外，我们还可以利用Dreamweaver实现自动化插入音乐至网页：点击“插入”菜单项，从弹出的菜单中选择“媒体”->“插件”项，然后选择要插入的音乐文件即可。