HTML中如何添加背景音乐_随笔

1、首先要创建一个简单的网页，网页上只有一个DIV文本内容；

2、在这个网页中DIV的文本内容中，可以添加有背景音乐的网页；

3、要为网页添加背景音乐，可以使用embed标签，并为其添加src属性，这是用来指定音乐所在路径的，embed src="tt.mp3" hidden="true"；

4、为了隐藏背景音乐以这个多媒体控件，embed标签添加了hidden隐藏属性，要让背景音乐在打开网页后就自动播放，我们可以添加 autostart属性，autostart="true"；

5、默认下多媒体控件只会播放一次，播放完就停止了，如果想让背景音乐不停的播放，那可以添加loopn属性，loop="true"。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<body>标签中，输入html代码：

<audio autoplay="autoplay" loop=""><source src="11704.mp3"></audio>。

3、浏览器运行index.html页面，此时一进入页面就自动播放了背景音乐。

在HTML加入背景音乐，具体 *** 作步骤如下。

1、首先打开Intellij，确保有一个项目已经打开。如下图所示。

2、接下来新建一个HTML文件，在文件夹上点右键——New——HTMLFile。如下图所示。

3、确保要导入的音乐文件在这个文件夹里，读者可以自行拖动一个音乐文件到HTML文件所在的文件夹里。如下图所示。

4、添加代码<audiocontrols><sourcesrc="music.mp3"></audio>在body标签里。如下图所示。

5、最后，背景音乐添加成功，可以进行试听。如下图所示。

欢迎分享，转载请注明来源：内存溢出

HTML中如何添加背景音乐