过时的音频播放器是过去的事情,感谢现代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以查找最新版本的文档和下载链接。