1 可以用传统的方法插入背景音乐
<body>
<bgsound src="你要播放的音乐url">
</body>
2 广泛兼各种浏览器的方法
<embed src="背景音乐的路径" loop=“是否循环播放”></embed>
3插入一个flash播放器，然后播放相应的音乐。个人不推荐这种方法，因为flash已经没前途了，比如，现在的手机浏览器几乎都不直接支持flash了。
4用HTML5的<audio>标签来添加音乐。我个人推荐楼主用这个方法，因为现在几乎所有的浏览器都兼容html5，除了少数古董浏览器，例如IE8等等。
<audio controls="controls" hidden="hidden" autoplay="autoplay" loop="loop">
<source src="你要播放的音乐ogg" type="audio/ogg" />
<source src="你要播放的音乐mp3" type="audio/mpeg" />
</audio>
上面这段代码可以让播放器隐藏起来，不影响网页布局。
1、首先打开Sublime Text编辑器新建一个工程，在目录中准备好1个html文件和要插入的音频文件：
2、打开HTML文件，新建一个空的HTML5文档结构，在body标签中插入audio元素，audio元素里面通过source引入音频文件：
3、保存文件以后打开浏浏览器，会在网页中看到音频播放器，点击播放按钮就会自动播放音频了：
1,如果你的目标人群还有IE6这些用户，采用传统标签\x0d\\x0d\\x0d\\x0d\2，如果你的用户是当前的大学生、智能手机用户，那么完全可以采用被广泛支持的HTML5的标签播放背景音乐。\x0d\\x0d\\x0d\\x0d\\x0d\注意：一定要设置隐藏，自动播放，循环。在HTML加入背景音乐，具体 *** 作步骤如下。
1、首先打开Intellij，确保有一个项目已经打开。如下图所示。
2、接下来新建一个HTML文件，在文件夹上点右键——New——HTMLFile。如下图所示。
3、确保要导入的音乐文件在这个文件夹里，读者可以自行拖动一个音乐文件到HTML文件所在的文件夹里。如下图所示。
4、添加代码<audio controls><source src="musicmp3"></audio>在body标签里。如下图所示。
5、最后，背景音乐添加成功，可以进行试听。如下图所示。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml。
2、在indexhtml中的<body>标签中，输入html代码：
<audio autoplay="autoplay" loop=""><source src="11704mp3"></audio>。
3、浏览器运行indexhtml页面，此时一进入页面就自动播放了背景音乐。
请参考 W3shchool HTML 音频 教程
><!DOCTYPE HTML>
<html>
<body>
<audio controls="controls">
<source src="ogg" type="audio/ogg">
<source src="mp3" type="audio/mpeg">
Your browser does not support the audio element
</audio>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）