网页制作中使用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 …命名一个音频文件,我保证支持。
howler.js演示如果您只想要一个简单的音频播放器,那么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以查找最新版本的文档和下载链接。
上一个:软件的可重用性
下一个:响应式网站的优点分析!
新野网站建设,新野做网站,新野网站设计