网页制作中使用Howler.js最好的JavaScript音频库

过时的音频播放器是过去的事情，感谢现代HTML5音频和浏览器支持的快速采用。但网页设计师可以使用纯音频库（如Howler.js）进一步了解。

这个免费的开源JS库可以让您从嵌入自定义播放器的标准格式播放音频文件。Howler拥有完整的API，因此您可以构建一个简单的音频播放器，大型播放列表或循环播放 HTML5游戏的背景音乐。

Howler于2013年初首次创建，并经历了许多迭代。目前，该项目位于 G2.Hb上的超过7k星的v2.x项目。

该项目由一个游戏工作室创建，该游戏工作室在网络游戏中使用Howler进行音效和背景音乐。它支持各种文件类型和编解码器，包括MP3，OGG，WAV，AAC，CAF，M4A，MP4，WEBA，FLAC …命名一个音频文件，我保证支持。

如果您只想要一个简单的音频播放器，那么HTML5可能就够了。但是，Howler拥有许多功能，您无法使用HTML本机实现，例如每个音轨的淡入淡出，或自动缓存音乐文件以减少加载时间。

Howler是一个没有依赖关系的纯JavaScript库，它支持所有主流浏览器，包括：

• Chrome 7+
• Internet Explorer 9+
• Firefox 4+
• 移动Safari 6+
• 歌剧12+
• Microsoft Edge（所有版本）

较旧的浏览器默认为HTML5音频播放器，因此它具有合理的后备选项。

Howler.js中的所有内容都是模块化的，因此您可以选择要包含哪些功能以及哪些功能。这可以大大减少HTTP请求，使音频播放器更容易使用。

您可以在GitHub回购中找到完整的文档以及主站点上的现场演示。

这是迄今为止在网络上最广泛的音频库。它包括用于浏览器游戏的游戏声音FX和可重复的精灵，只要用户在页面上悬停或点击某个东西，就可以调用它。

下面，您可以看到CodePen中的低音调优Web应用程序，演示了 Howler可以做的一小部分。而且，如果您想了解更多信息，请访问Howler GitHub repo以查找最新版本的文档和下载链接。