一、学会添加音乐文件
为网页添加背景音乐的方法一般有两种，第一种是通过普通的< bgsound>标签来添加，另一种是通过< embed>标签来添加。
(一)使用< bgsound>标签
用Dreamweaver打开需要添加背景音乐的页面，点击“代码”打开代码编辑视图，在< body>< /body>之间输入“< ”在d出的代码提示框中选择bgsound(图1)。
图1
Dreamweaver自动输入“< bgsound”代码后按空格键，代码提示框会自动将bgsound标签的属性列出来供你选择使用。bgsound标签共有五个属性，其中balance是设置音乐的左右均衡，delay是进行播放延时的设置，loop是循环次数的控制，src则是我们音乐文件的路径，volume是音量设置。一般在添加背景音乐时，我们并不需要对音乐进行左右均衡以及延时等设置，所以仅需要几个主要的参数就可以了。最后的代码如下：
< bgsound src="musicmid" loop="-1">
其中，loop="-1"表示音乐无限循环播放，如果你要设置播放次数，则改为相应的数字即可。
这种添加背景音乐的方法是最基本的方法，也是最为常用的一种方法，对于背景音乐的格式支持现在大多的主流音乐格式，如WAV、MID、MP3等。如果要顾及到网速较低的浏览者，则可以使用MID音效作为网页的背景音乐，因为MID音乐文件小，这样在网页打开的过程中能很快加载并播放，但是MID也有不足的地方，它只能存放音乐的旋律，没有好听的和声以及唱词。如果你的网速较快，或是觉得MID音乐有些单调，也可以添加MP3的音乐。只要将上述代码中的happymid改为happymp3即可。
提示：在FrontPage中加入背景音乐要比Dreamweaver相对方便一些，只要在“背景”对话框中进行相关设置即可(图2)。
图2
(二)使用< embed>标签
使用< embed>标签来添加音乐的方法并不是很常见，但是它的功能非常强大，如果结合一些播放控件就可以打造出一个Web播放器。
它的使用方法与第一种基本一样，只是第一步的代码提示框里不要选择gbsound，改而选择embed即可。然后再选择它的属性进行相应的设置(图3)，从图中可看出embed的属性比gbsound的五个属性多许多。最后的代码如下：< embed src="musicmp3" autostart="true" loop="true" hidden="true">< /embed>。
图3
其中autostart用来设置打开页面时音乐是否自动播放，而hidden设置是否隐藏媒体播放器。因为embed实际上类似一个Web页面的音乐播放器，所以如果没有隐藏，则会显示出你系统默认的媒体插件的。
对于这两种方法，笔者认为二者之间都各有优缺点：第一种方法当页面打开时音乐播放，如果将页面最小化以后播放音乐会自动暂停，如果使用第二种方法则不会出现这种情况，只要不将窗口关闭，它会一直播放。所以希望大家在运用过程中根据自己的情况来选择添加音乐的方法。
学会了简单的添加网页音乐方法后，就应该在界面和功能上下点功夫了。我们可以利用《网页音乐播放器》打造一个时尚的音乐播放器。
二、打造时尚音乐播放器
学会了简单的添加网页音乐方法后，就应该在界面和功能上下点功夫了。我们可以利用《网页音乐播放器》打造一个时尚的音乐播放器。
提示：《网页音乐播放器》是一个网页插件，运行制作好的页面后，它会调用系统自带的Windows Media播放器来播放事先设定好的MP3歌曲。
(一)简单设置
首先下载播放插件(下载地址：>代码一、<BGSOUND src="音乐文件网址" loop=infinite>
代码二、<DIV><OBJECT id=videowindow1 height=185 width=179 classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6><PARAM NAME="URL" VALUE="音乐文件网址"><PARAM NAME="playCount" VALUE="infinite"><PARAM NAME="autoStart" VALUE="1"><PARAM NAME="volume" VALUE="50"><PARAM NAME="uiMode" VALUE="full"><PARAM NAME="stretchToFit" VALUE="1"></OBJECT></DIV>
代码说明：
两种代码都可以为博客添加音乐，它们的分别在于：
1、加入背景音乐，播放器不会显示在页面上；
2、加入播放器，使用播放器播放背景音乐。
代码2中的以下部分可以自行替换：
1、音乐文件网址可以替换上自己喜欢的音乐文件网址；
2、语句<PARAM NAME="playCount" VALUE="infinite">的“infinite”可以替换为数字，表示重复播放多少次，如果不更改表示永久循环播放；
3、语句<PARAM NAME="autoStart" VALUE="1">表示是否自动播放，更改为"0"时不会自动播放，"1"的时候是自动播放；
4、height和width两个属性可以改变播放器的大小。
如果音乐文件在你的根文件夹内，那你就可以直接在上述代码中的“音乐文件网址”替换为你的文件全称就可以了，比如音乐文件为，haotingmp3 那你就在上述代码中的音乐文件网址中输入haotingmp3就可以了软件Dreamweaver 8怎么插入背景音乐方法有以下两种：
1、MID
<bgsound>是用来插入背景音乐，但只适用于IE，其参数设定不多。如下：
<bgsound src="yourmid" autostart=true loop=infinite>
src="yourmid" ：设定 midi 档案及路径，可以是相对或绝对。
autostart=true ：是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。
loop=infinite ：是否自动反复播放。LOOP=2 表示重复两次，Infinite 表示重复多次。
这种方法就是直接把<bgsound>标记放于网页文件的<head></head>之间，设置好mid文件的路径就OK了
2、mp3
<EMBED src="1mp3" autostart="true" loop="2" width=300 height=100>
src：音乐文件的路径及文件名；
autostart：true为音乐文件上传完后自动开始播放，默认为false（否）
loop：true为无限次重播，false为不重播，某一具体值（整数）为重播多少次
volume：取值范围为"0-100"，设置音量，默认为系统本身的音量
starttime："分：秒"，设置歌曲开始播放的时间，如，starttime="00:10"，从第10开始播放
endtime： "分：秒"，设置歌曲结束播放的时间
width：控制面板的宽
height：控制面板的高
controls：控制面板的外观
controls="console/smallconsole/
playbutton/pausebutton/stopbutton/volumelever"
·console：正常大小的面板
·smallconsole：较小的面板
·playbutton：显示播放按钮
·pausebutton：显示暂停按钮
·stopbutton：显示停止按钮
·volumelever：显示音量调节按钮
hidden：为true时可以隐藏面板为网页添加背景音乐的方法一般有两种，第一种是通过普通的<bgsound标签来添加，另一种是通过<embed标签来添加。 （一）使用<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页面的音乐播放器，所以如果没有隐藏，则会显示出你系统默认的媒体插件的。 上面二种方法各有优点及不足，大家在实际使用中选择！放在一对<head></head>标签下下！<bgsound>只有两个属性。一个是src另一个是loop；src是路径，当然你也可以用Internet的url，还有就是loop相信你也知道控制循环的。
用个简单的例子：
<html>
<head>
<title>为你做的例子</title>
<bgsound
src="
你想要的音乐mp3"
loop="-1">
</head>
<body>
<p>网页内容
</body>
</html>首先修改“播放器样式”、然后根据样式设置“宽度”和“高度”，最后把代码加入您的网页中
网页音乐播放器代码
<iframe src=">
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）