支持的音乐格式: wma mp3 rm ra ram asf mid
width和height为播放器宽度和高度,可以灵活设置,如果播放视频,可以设置到适合的数字这里设的是200和50，根据自己的需求更改数据。在编辑区输入以下代码（能正常播放的代码，字体必须为默认字体样式,颜色为黑色，不要擅自添加任何字体特效）
为自动播放,为不自动播放
loop="true"为连续循环播放,loop="false"为不循环播放
loop可以等于一个整数,比如loop="3",就是音乐循环播放3次 具体步骤是： 进入“控制面板”——首页内容维护——自定义空白面板——新增——勾选“显示源代码”（这个是关键）——在编辑区粘贴以上代码（字体必须为默认字体样式,颜色为黑色，不要擅自添加任何字体特效）----点保存-------定制我的首页------添加模块-------勾选你设定的名称----- 选取-------保存设置就可以了2。正文上添加音乐。 发表文章时，都可以钩选“显示源代码”把下面的代码粘贴到里面即可。
把音乐地址部分换成自己的音乐地址，播放器宽度和高度可以灵活设置为自动播放,为不自动播放 3。网页中加入背景音乐。 用记事本打开 你的主页
在 前面加入：
其中file:///C:/gwav 为你的背景音乐文件
loop 为 播放的次数
（一）使用<bgsound标签
用Dreamweaver打开需要添加背景音乐的页面，点击“代码”打开代码编辑视图，在<body</body之间输入“<”在d出的代码提示框中选择bgsound。
Dreamweaver自动输入“<bgsound”代码后按空格键，代码提示框会自动将bgsound标签的属性列出来供你选择使用。bgsound标签共有五个属性，其中balance是设置音乐的左右均衡，delay是进行播放延时的设置，loop是循环次数的控制，src则是我们音乐文件的路径，volume是音量设置。一般在添加背景音乐时，我们并不需要对音乐进行左右均衡以及延时等设置，所以仅需要几个主要的参数就可以了。最后的代码如下：
<bgsound src="musicmid" loop="-1"
其中，loop="-1"表示音乐无限循环播放，如果你要设置播放次数，则改为相应的数字即可。
（二）使用<embed标签
使用<embed标签来添加音乐的方法并不是很常见，但是它的功能非常强大，如果结合一些播放控件就可以打造出一个Web播放器。
它的使用方法与第一种基本一样，只是第一步的代码提示框里不要选择gbsound，改而选择embed即可。然后再选择它的属性进行相应的设置，从图中可看出embed的属性比gbsound的五个属性多许多。最后的代码如下：<embed src="musicmp3" autostart="true" loop="true" hidden="true"</embed。
其中autostart用来设置打开页面时音乐是否自动播放，而hidden设置是否隐藏媒体播放器。因为embed实际上类似一个Web页面的音乐播放器，所以如果没有隐藏，则会显示出你系统默认的媒体插件的。
上面二种方法各有优点及不足，大家在实际使用中选择！学会添加音乐文件
为网页添加背景音乐的方法一般有两种，第一种是通过普通的标签来添加，另一种是通过标签来添加。
（一）使用标签
用Dreamweaver打开需要添加背景音乐的页面，点击“代码”打开代码编辑视图，在之间输入“
现在的网页设计越来越普遍，现在我就来为小伙伴们演示如何在网站添加背景音乐。
工具/材料Adobe dreamweaver cs6软件
电脑
01在桌面新建一个文件夹，任意命名，里面再新建一个文件夹，取名music（一定要和你保存的网页在同一个文件夹内）
02打开你新建的网页，就是index
03 我为了方便观看，我设置了背景颜色的，然后输入代码
<audio controls autoplay="autoplay">
<source src="/music/1mp3">（他可以自动播放）
点击调试，或者按F12，出现一个对话框，点击允许，就可以了
05最后成功的模板
特别提示背景音乐有多种样式，可以循环播放，自动播放，点击播放，按照需求来进行编辑代码
在页面中加入背景音乐，其实很简单。有两种方法：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”为隐藏。
现在，你可以试一试了。不过要注意，音乐文件的体积不要太大，否则页面已经打开了半天，音乐却还没有读出来。把音乐文件放到网页同一个文件，用Adobe Dreamweaver CS6软件打开网页，然后在菜单栏选插入媒体(M)-插件(P)，按照路径选择你需要设置背景音乐的MP3文件，双击鼠标左键，在属性栏调整背景的宽度、大小，再刷新网页就会自动播放音乐了。
给自己的网站添加背景音乐需要下载一个Adobe Dreamweaver CS6软件，把所需要的音乐文件放到网页同一个文件，用Adobe Dreamweaver CS6软件打开网页，在网页设计栏用鼠标指向任意一个你想放置的音乐背景位置，然后在菜单栏选插入-媒体(M)-插件(P)，然后按照路径选择你需要设置背景音乐的MP3文件，双击鼠标左键，鼠标点击插件可以看到下面的属性栏，在属性栏我们可以任意调整背景宽度、大小。然后，保存刷新网页可以看到网页里已经可以自动播放背景音乐了。
如果要对音乐进行设置，可以在Dreamweaver代码中输入bgsound代码后按空格键，代码提示框会自动将bgsound标签的属性列出来供你选择使用。bgsound标签共有五个属性，其中balance是设置音乐的左右均衡，delay是进行播放延时的设置，loop是循环次数的控制，src则是我们音乐文件的路径，volume是音量设置。如果你要设置播放次数，则改为相应的数字即可。
有时在Dreamweaver中需要添加背景音乐，具体 *** 作如下：
一、使用工具：Dreamweaver cs4
二、 *** 作步骤：
1、打开Dreamweaver，点击“代码”，进入代码模式，如图：
2、然后在<body></body>之间插入以下代码<bgsound src="mymusicmp3" loop="-1">，musicmid为音乐文件，loop="-1"表示音乐无限循环播放，如果要设置播放次数，则改为相应的数字即可。如图：
3、按Ctrl+S保存文档并打开网页文件，这样背景音乐文件就添加完成了。
有时候需要在网页中添加背景音乐。下面，我们来看看怎样在网页中插入背景音乐吧。
导入音乐首先导入一首音乐，如下图所示：
<bgsound src="imgsxmp3" loop="-1">然后在head头部中输入代码，如下图所示：
src其中src的值为音乐的路径，比如该首歌曲的音乐路径为imgsxmp3。
loop指的是循环的次数，当为负值的时候表示永远循环播放。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）