如何在HTML5画布上呈现音频波形?

24

我想将音频文件(ogg和/或mp3)的波形呈现在画布元素上。

我想知道是否有任何库可以使这个过程更简单?我希望得到类似于以下链接中的结果:http://plucked.de/

2个回答

27

你知道如何在不必等待波形出现就能播放歌曲的情况下使用它吗?这样会慢很多 :/(请查看我的网站测试:[链接](http://patrickcosta.webs.com/index.html) - Patrick Costa
不,我没有,希望你找到了解决方法!我最终开始着手另一个项目了。 - nak
有没有开源软件的替代品?以上内容是在Creative Commons 3下发布的... - Ain Tohvri
2
@AinTohvri 我不知道有没有,如果你找到了什么请分享。 - nak
@nak 如果音频源是麦克风而不是文件,WaveSurfer还能正常工作吗? - utkarsh2k2

8
如果您不想下载文件内容,则必须在服务器上准备波形图像或数据。不久前,英国媒体公司BBC开源了一组高效完成此操作的工具。所有内容都在他们的博客中有详细描述:http://www.bbc.co.uk/rd/blog/2013/10/audio-waveforms。简而言之,在Linux服务器端,您需要使用命令行工具audiowaveform将音频文件(FLAC、WAV或MP3)转换为基于JSON格式的波形插值。接下来,您可以将JSON数据提供给浏览器客户端,该客户端将使用waveform-data.js在画布元素上呈现波形。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接