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

发布时间:2024-06-07
过时的音频播放器是过去的事情,感谢现代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以查找最新版本的文档和下载链接。
上一个:西瓜皮椒草的繁殖管理
下一个:竞业限制对直系亲属有限制吗

聊天说ss是什么意思,ss是什么意思
离婚分割继承的房产归谁
2005年我国茶叶出口情况概述
双硬盘双系统如何切换(双硬盘 系统)
台式机机械硬盘的安装,戴尔台式机机械硬盘安装教程
风华RC-02W10R5FT电阻
民事官司诉讼费谁负担,民事官司诉讼费可以退吗
人流不做了可以退款吗
什么是房屋产权共有人
电机震动的测量方法