html5音频FFT实时画布绘图没有任何动画或淡入淡出

时间:2016-12-20 14:26:16

标签: javascript html5 audio video canvas

我希望在特定频率范围内获得实时fft频率数。它必须绘制到画布中,没有任何动画/过渡/淡出效果,在帧之间切换。 我发现了一些脚本。喜欢

https://github.com/wayou/HTML5_Audio_Visualizer

https://github.com/cwilso/AudioRecorder

我尝试采用这些脚本,但我没有找到删除栏之间转换的方法。我希望bar只在当前ms中的当前级别是" x",没有慢慢衰落 - 向下移动和另一个动画时出现。

看起来canvas似乎不支持更改已创建对象的fillStyle。 我甚至试图在没有画布的情况下做旧风格,绘制一些条形图并改变不透明度,但它不能在视频上工作,具有不透明的边框。

使用真正的麦克风输入,如第二个链接所示,如果你停止声音,它们都会褪色并慢慢向下移动......有什么方法可以避免这种情况吗?

也许KineticJS会有所帮助?

此外,是否可以将麦克风输入的缓冲区降至最小,以避免延迟处理?

请帮忙!

1 个答案:

答案 0 :(得分:0)

最后我找到了答案。它是analyserNode.smoothingTimeConstant,具有高默认值。我把它放在0,一切都按我要的去了! 谢谢!