JS Animated. 如何使用HTML添加背景音乐

本教程展示了 how to add a background music using HTML 5.

html5 Audio Tag可以用来添加 background music to any website. 本教程中提供的代码可以在任何平台上运行. 我将演示HTML5音频功能.

在本教程中，我们将添加HTML5 Audio标签来预加载歌曲并显示音频控件, 自动播放和循环.

音频标签代码如下所示:

我们将在两者中添加音轨 mp3 and ogg 格式，这样我们就能交叉 browser compatibility. 不是所有的浏览器都支持mp3，也不是所有的浏览器都支持ogg. 但是把它们放在一起使用，我们可以覆盖所有主流浏览器.

如果你有音频文件 mp3 格式，我们建议使用 open source tool like Audacity 将文件转换为ogg格式. 所以，我们的代码现在看起来像这样:

更改src以使用您自己的文件.

如果你想获得与本教程完全相同的样式，你可以得到下面的完整代码:

为了添加代码，您应该执行以下操作:

1. Open html 文件来编辑并粘贴代码到文件中的所需位置:

   

2. 将更改保存在文件中.

3. 上传音频文件到 website root folder:

   

4. Make sure to update 你复制的代码中音频文件的路径:

Now the background audio is on your web page:

请随时查看下面的详细视频教程:

如果你在寻找美丽的 Wordpress主题音乐 选择，现在可以随意观察它们了!