操作方法:
1、首先新建一个TXT文档。这里以demo.txt为例。更改demo.txt文件的扩展名txt为html,我们就获得了demo.html文件。即通常的网页文件格式。
2、右击该文件—打开方式—记事本,用记事本打开该文件。
3、添加基本的网页结构:
<html>
<head>
<title>如何添加背景音乐?</title>
</head>
<body>
<!--背景音乐添加在这里-->
<!--开始-->
<!--结束-->
</body>
</html>
4、如果是初学者,建议新建一个文件夹,把demo.html和要作为背景音乐的歌曲放在同一个文件夹。我们以一首背景音乐为例子,大家举一反三。
5、在 HTML 中播放声音的方法有很多种。
最好的 HTML 解决方法
实例
<audio controls="controls" height="100" width="100">
<source src="小果 - 蒲公英的梦想.mp3" type="audio/mp3" />
<source src="小果 - 蒲公英的梦想.ogg" type="audio/ogg" />
<embed height="100" width="100" src="小果 - 蒲公英的梦想.mp3" />
</audio>
上面的例子使用了两个不同的音频格式。HTML5 <audio> 元素会尝试以 mp3 或 ogg 来播放音频。如果失败,代码将回退尝试 <embed> 元素。
6、保存并关闭,双击打开demo.html,网页内出现了一个播放器。点击播放按钮,即可以播放音乐。
网页背景音乐代码:
将这段代码插入到您的<head></head>之间
当您打开网站时即可听到背景音乐:
<bgsound src=china.mid loop="-1">
这种当网页最小化之后,音乐会消失
网页背景音乐的代码:
<embed src="http://XXX.com/XXX.mp3" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>
1.mid表示音效文件
<embed src="1.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>
上面的网页背景音乐代码可以加入FLASH动画的绝对地址(或相对地址)
<embed width=1 height=1 autostart="true" loop="true" controls=PlayButton console=clip1 nolabels=true type="audio/x-pn-realaudio-plugin" src="1.ram"> </embed>
ram格式的音乐文件专用网页背景音乐代码:
<embed src="1.mid" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true">
指定播放器的大小(width、heigh)、是否自动(autostart标记)、是否循环播放(loop标记),而浏览者则可以自主地决定是否播放音乐。
此代码可以当作网页中插入FLASH动画的代码用。只要把1.mid替换为FLASH动画的相对地址或决对地址就OK了。
<embed src="1.mp3" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true">
此代码可以加mp3形式的音乐为网页背景音乐
<EMBED src="http://XXX.com/XXX.mp3" width="0" height="0" border=0 autostart="ture" loop="ture"></EMBED>
1.mid表示音效文件
<bgsound src="1.mid" loop=3>
表示将1.mid音效文件插入到页面为背景音乐,并循环播放3次。
<embed src="1.mid" hidden="true">
1.mid表示音效文件
<bgsound src="1.mid" loop="infinte">
1.mid表示音效文件
<embed src="1.mid" hidden="true" loop="true">
1.mid表示音效文件
<bgsound src=1.mid loop="-1">
1.mid表示音效文件