HTML中如何添加背景音乐？
1、首先要创建一个简单的网页，网页上只有一个DIV文本内容；
2、在这个网页中DIV的文本内容中，可以添加有背景音乐的网页；
3、要为网页添加背景音乐，可以使用embed标签，并为其添加src属性，这是用来指定音乐所在路径的，embed src="tt.mp3" hidden="true"；
4、为了隐藏背景音乐以这个多媒体控件，embed标签添加了hidden隐藏属性，要让背景音乐在打开网页后就自动播放，我们可以添加 autostart属性，autostart="true"；
5、默认下多媒体控件只会播放一次，播放完就停止了，如果想让背景音乐不停的播放，那可以添加loopn属性，loop="true"。
js如何实时显示音乐播放的进度？
要实时显示音乐播放的进度，可以使用JavaScript中的Audio对象。通过监听音乐播放的时间更新事件（timeupdate），可以获取当前播放的时间，并结合音乐的总时长，计算出播放的进度百分比。
然后，将这个百分比应用到进度条的样式上，实现实时显示音乐播放的进度。通过更新进度条的样式，用户可以直观地看到音乐的播放进度。这个方法适用于网页上的音乐播放器等场景，可以提升用户体验。
html背景音乐怎么做？
在HTML中添加背景音乐，可以使用<bgsound>标签或<embed>标签。以下是两种方法的详细步骤：
方法一：使用<bgsound>标签
1. 打开HTML文件，找到要添加背景音乐的位置。
2. 插入以下代码：
```html
<bgsound src="音乐文件地址.mid" autostart="true" loop="true">
```
其中，`src`属性用于指定音乐文件的路径，`autostart`属性表示音乐文件下载完后是否自动播放，`loop`属性用于设置循环播放次数。
方法二：使用<embed>标签
1. 打开HTML文件，找到要添加背景音乐的位置。
2. 插入以下代码：
```html
<embed src="音乐文件地址.mp3" hidden="true" autostart="true" loop="true">
```
其中，`src`属性用于指定音乐文件的路径，`hidden`属性表示隐藏播放器按钮，`autostart`属性表示音乐文件下载完后是否自动播放，`loop`属性用于设置循环播放次数。
请注意，这两种方法在不同的浏览器中可能存在兼容性问题，建议同时使用<embed>和<bgsound>标签，以提高兼容性。
另外，还可以使用HTML5中的<audio>标签添加背景音乐，例如：
```html
<audio controls autoplay loop>
<source src="音乐文件地址.mp3" type="audio/mpeg">
您的浏览器不支持音频元素。
</audio>
```
其中，`controls`属性表示显示浏览器默认的控制器，`autoplay`属性表示音乐文件下载完后是否自动播放，`loop`属性用于设置循环播放次数。