但是Web设计人员可以使用诸如Howler.js之类的纯音频库 更进一步

得益于现代HTML5音频对浏览器支持Swift采用, 过时的音频播放器已成为过去。

Howler带有完整的API ,因此您可以为浏览器内HTML5游戏构建一个简单的音频播放器 ,一个大型播放列表循环播放背景音乐

这个免费的开源JS库可让您播放自定义播放器嵌入的标准格式的音频文件

目前,该项目位于v2.x在GitHub上的星级超过7k。

Howler最早于2013年初创建,并且经历了多次迭代

它支持多种文件类型和编解码器,包括MP3,OGG,WAV,AAC,CAF,M4A,MP4,WEBA,FLAC…命名音频文件,并保证会支持该文件。

该项目是由一个游戏工作室创建的,该工作室在其网络游戏中使用Howler来获得声音效果和背景音乐。

Howler.js可能是周围最好JavaScript音频库
Howler.js演示

但是Howler具有许多HTML固有的功能,例如淡入/淡入每首曲目,或自动缓存音乐文件以减少加载时间。

如果您只想要一个简单的音频播放器,那么HTML5可能就足够了。

Howler是一个无依赖性纯JavaScript库,支持所有主流浏览器,包括:

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

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

这可以大大减少HTTP请求,从而使音频播放器更易于使用。

Howler.js中的所有内容都是模块化的 ,因此您可以选择要包括哪些功能,哪些要忽略。

您可以在GitHub存储库中找到完整的文档以及主要站点上的实时演示

它包括用于浏览器游戏的游戏音效FX可重复的精灵 ,每当用户悬停或单击页面上的某些内容时,都可以调用它们。

这是迄今为止网络上最广泛的音频库。

而且,如果您想了解更多信息,请访问Howler GitHub存储库查找文档下载最新版本的链接

在下面,您可以看到CodePen的低音调音网络应用程序 ,它演示了 Howler可以做的一小部分


翻译自: https://www.hongkiat.com/blog/howlerjs-javascript-audio-library/

相关文章:

  • 2021-08-13
  • 2021-06-03
  • 2021-10-03
  • 2021-04-04
猜你喜欢
  • 2021-05-31
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案