WFPlayer.js 一个简单的音频波形图生成器

2019 年 10 月 13 日
 zhw2590582

就是做上面这种效果图的，感觉用到的人也不多，主要是之前做的一个 SubPlayer 在线字幕编辑器 需要用到音频波形图做参考，但找不到合适的插件所以就自己实现了一个，可能有些同学以后说不定会用到这种效果。因为是纯前端解码，大文件的话可能会有点卡顿。

网址：https://wfplayer.js.org

Github: https://github.com/zhw2590582/WFPlayer

6268 次点击
所在节点    分享创造
5 条回复
wangxiaoaer
2019 年 10 月 13 日
很有意思，能解释下原理吗？
zhw2590582
2019 年 10 月 13 日
@wangxiaoaer 源码不多，大概看一遍应该也不会花太多时间，遇到不理解可以问我哈
wangxiaoaer
2019 年 10 月 13 日
多谢，原理是 AudioContext 这个 API，之前不知道。
cydian
2019 年 10 月 14 日
手机上传 mp3 会显示 不支持该格式
chrome
zhw2590582
2019 年 10 月 15 日
@cydian 因为 demo 演示的是视频，播放 mp3 的话可以用 <audio> 标签

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/608913

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX