将音乐作成一个链接，只需要用鼠标在上面单击，就可以听到动人的音乐。这就是在记事本编辑网页的一个方法。
1、首先把要添加成网页背景音乐的文件保存在网页的相应文件夹下。
2、启动记事本程序，在记事本中输入相应的代码。
3、在<body></body>代码中之间输入插入背景音乐的代码“Bgsound”。
4、在<bgsound>后面输入背景音乐文件路径指示命令：src="mp3\yue.mp3"。SRC用于标示路径文件。
5、如果需要背景音乐不断地重复播放，可以输入重复播放的次数。用参数“loop”来指定音乐重复播放的次数。
6、这是插入背景音乐的界面效果。
在HTML加入背景音乐，具体 *** 作步骤如下。
1、首先打开Intellij，确保有一个项目已经打开。如下图所示。
2、接下来新建一个HTML文件，在文件夹上点右键——New——HTMLFile。如下图所示。
3、确保要导入的音乐文件在这个文件夹里，读者可以自行拖动一个音乐文件到HTML文件所在的文件夹里。如下图所示。
4、添加代码<audiocontrols><sourcesrc="music.mp3"></audio>在body标签里。如下图所示。
5、最后，背景音乐添加成功，可以进行试听。如下图所示。
直接插入一个行为就可以了:一、学会添加音乐文件
为网页添加背景音乐的方法一般有两种，第一种是通过普通的〈 bgsound〉标签来添加，另一种是通过〈 embed〉标签来添加。
(一)使用〈 bgsound〉标签
用Dreamweaver打开需要添加背景音乐的页面，点击“代码”打开代码编辑视图，在〈 body〉〈 /body〉之间输入“〈 ”在d出的代码提示框中选择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〉。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）