在网页中加入背景音乐

更新时间：2023-07-17 18:35:01 阅读量：实用文档文档下载

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。

在网页中加入背景音乐

在网页中加入背景音乐
崔同杰张卫华
---- 在设计主页时大家都希望自己的主页更加吸引人，得到更多人的赞赏。在此，向您介绍一些在主页中加入背景音乐的小技巧。
1．在主页中加入背景音乐
---- 首先要准备一首MIDI音乐，将其命名为test.mid。在HTML中使用背景音乐的标记是< EMBED SRC="test.mid">，这个标记可以根据您的需求，放置在< BODY>和< /BODY>之间的任何地方。这个标记放置的位置会出现一个类似媒体播放器的图案，利用它可以控制音乐播放或暂停。例如下面一条语句：
---- < EMBED SRC="test.mid" WIDTH=120 HEIGHT=60>
---- 就会出现一个控制面版让您播放音乐，我们可以选择控制面版的大小。
---- 如果您希望一进入页面就播放背景音乐，而且不显示播放控制面板，并且可以重复播放，那么可以通过以下语句实现：
---- < EMBED SRC="test.mid" HIDDEN="TRUE" AUTOSTART="TRUE" LOOP="TRUE">
---- 您还可以通过以下语句插入背景音乐：
---- < bgsound SRC="URL">
---- 如果需要循环播放，可以通过以下语句实现：
---- < bgsound SRC="URL" loop="-1">
---- 按设定次数播放可以通过以下语句实现：
---- < bgsound SRC="URL" LOOP="次数">
2．< EMBED>的属性
---- < EMBED>的属性如附表所示。

---- < EMBED>可以放在< BODY>和< /BODY>之间的任何地方，在这个标记放置的位置会出现一个控制面板的图案，您可以视自己的需求把它放在适当的位置，也可以使用HIDDEN="TRUE"将面板隐藏起来，配合AUTOSTART="TRUE"作为背景音乐使用。
公司建站完全手册--背景音乐的运用
（作者：小乌龟　　本文选自《5D多媒体》　2002年07月09日 09:31）
你是不是碰到过这种情况：当你进入一个网站时，一种美妙的或激情的或优雅的音乐飘入你的耳朵。如果此时的你心情正处于低潮，你是不是觉得有一种轻松感呢。
这些美妙动听的声音是怎样加入到网页中的呢？接着往下看吧，其实很简单哦。下面列出了两种稍微简单易用的方法。当然还有其它的方法，比如用控件，或者插件等等。
一、将下面这段代码插入到<head></head>或<body></body>标签之间。
<bgsound src="music.mid" loop="4">其中src="music.mid"是指定背景音乐文件的位置及文件名称。Loop="4"代表背景音乐重复播放4次，你可以指定播放次数。如果你想音乐一直循环，可以设定loop="-1"。值得注意的是，这种插入背景音乐的方法虽然简单，但是只适用于IE。如果你想让你的网站覆盖面更广的话，只有采用下面第二种方法。
二、将下面这段代码插入到<body></body>标签之间。
<embed
src="music.mid" autostart="true" loop="true" hidden="true">该标识对Netscape ,IE 都适用。下面对该标签的一些属性参数进行解释。

在网页中加入背景音乐

src="music.mid"指定音乐文件的路径与文件名。最好用相对路径，以便上传的时候不会出错。这里的music.mid跟网页文件在同一个目录下，所以直接输入文件名即可。autostart="true"设定当音乐文件载入后是否自动播放。有两个逻辑选项，true和false。true表示自动播放。loop="true"表示音乐文件是否循环播放，也可以指定循环播放的次数。比如loop="3"表示重复播放3次，loop="-1"表示无限循环，loop="true"也表示无限循环。hidden="true"表示控制面板是否隐藏，true表示隐藏控制面板，false为显示控制面板，使得浏览者可以手动设置音乐播放时各参数。starttime="minute:second"设定音乐开始播放的时间。比如starttime="00:10"表示音乐载入后第10秒开始播放。endtime="minute:second"设置音乐播放结束的时间。比如endtime="00:50"表示音乐载入后50秒停止播放。volume="int"指定音乐的音量。Int的值为0-100。在控制面板显示情况下，浏览者可以根据自身的喜好手动设置音量的大小。width="int"；height="int"设定面板的宽度和高度。其中int为整数，如果不想让面板显示出来，除了前面提到的隐藏面板的方法之外，也可以将这两个值设定为0。align="center"设定面板与其它页面元素的对齐方式。其值包括 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom。有兴趣的朋友，可以动手一试。controls="smallconsole"设定控制面板的外观。其中包含下面六个选项：console 表示正常的面板，包含播放按钮，暂停按钮等等；smallconsole 较小的面板；playbutton 只显示播放按钮；pausebutton 只显示暂停按钮；stopbutton 只显示停止按钮；volumelever 只显示音量调节按钮。具体各按钮如下图1：

图1
这里指出一点，一般作为网站背景音乐，控制面板应该是隐藏的，即hidden="true"或者width="0" height="0"，另外autostart应该设定为ture也就是自动播放。但是如果你想让用户有更多的选择余地，也可以添加一些按钮，比如停止按钮跟播放按钮。因为不是每个浏览网站的人都喜欢听音乐。所以当某些浏览者不想听音乐时可以自由控制音乐的播放与否。
我们知道Dreamweaver中没有菜单或者面板可以直接加入音乐。只有转换到代码编辑器，在其中输入代码，可能显得繁琐了些。一些初学者对代码也不太熟，弄不好输错了可能会将网页搞得一团糟。此时你可
以用Frontpage，选择菜单插入－＞高级－＞插件的方法，然后在属性面板中设置各参数，如图2。

图2
设置完后单击"确定"，预览一下，美妙的声音是不是飘入你耳朵了呢？
常常有网友问：我按照你所说的在网页中加入了背景音乐，为什么在IE里听不到声音呀？这里有必

在网页中加入背景音乐

要提一下音乐格式的问题。光知道怎样将一个音乐文件加入到网页中是不够的。
不是所有声音文件都可以加入到网页中的。能够加入到网页中的音乐文件格式有：wav,mid,aiff,au等。最常用的是mid格式，文件容量小，载入页面速度快。
有时候你花费相当长时间选择了一首美妙的很适合你的网站风格的音乐，可是却不是mid或者wav等为网页所容许的音乐。或者音乐文件很大，载入你的网页要老半天。此时你是不是只好忍痛放弃呢？其实不然。现在有很多工具可以对音乐文件各种格式之间可以相互转化。比如：Amazingmid软件，可以将 wav 格式文件转换为 mid 格式文件。
你是不是还碰到过这种问题：当从一个页面进入到另一个页面，音乐停止播放了？此时你是不是想让音乐继续。或者想让音乐文件在一整个网站中都不消失呢？此时可以用分帧。将音乐文件插入到一个分帧中，如果声音文件只作为背景音乐，不想让它出现控制面板，同时我想你也不希望空的分帧占据你的网页空间，那么将分帧高度设定为0。如此声音文件便不会随着页面的转换而停止或者改变了。这是不是很巧妙的一个办法！：)
我们知道一般
的音乐文件都比较大，难免会影响网页下载速度，影响访客的正常浏览，毕竟网页最主要的因素是文字，图片等内容。如果因为加入了背景音乐而导致访客不能正常浏览网站内容的话，未免有些得不偿失了。此外，一般的企业网站都是比较严肃，重在企业文化的宣传，企业产品的宣传。所以我建议最好少用背景音乐。

本文来源：https://www.bwwdw.com/article/nk81.html

相关文章：

正在阅读：

我国资源枯竭型城市的现状及国家政策分析――以枣庄市为例04-16

物业项目管理情况表10-04

11月25日 - 图文03-15

用友java面试题10-24

安全操作规程02-17

上一篇：13年论文成绩计算表下一篇：“文明上网_从我做起”高一(2)班主题班会