背景:
一、当网页需要的播放声音片段过多,这个时候就会采用和css精灵图类似的技术,来拼接声音片段(audioSprite ),来减少请求。
二、自己用原生播放声音,兼容性问题,无法播放雪碧片段声音。
Howler.js 是一个不错的HTML5声音引擎。功能强大,性能不错,用起来也很方便。
最终解决:
大概就是用 audioSprite 来生成集合声音片段,然后使用howler.js 来处理、控制播放等。
1、全局安装audiosprite
npm install -g audiosprite
2、安装audiosprite 依赖的音频处理工具 ffmpeg
安装之后,记得配置path环境(window) ,在cmd 中ffmpeg 可以查看到如下信息:
表明ffmpeg 依赖安装ok
3、在音效文档路径下&