中科新闻网江苏大学软件工程:如何在网页 中加入背景音乐
来源：百度文库 编辑：中科新闻网 时间：2024/04/20 07:47:06
说详细点，最好举个例子
谢谢
最简单的方法是，在页面代码中的<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
（一）使用<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>标签来添加。