audio的事件

设计逻辑

流水线工作模式

• 创建AudioContext对象
• 创建音频源
• 解码音频数据→得到audioBuffer对象
• 创建音频处理节点
• 分析音频数据
• 使用参数或者方法更改音频处理节点
• 连接到音频输出

基础代码片段

• 根据文件获取音频数据arrayBuffer
• 通过网络链接获取音频数据arrayBuffer
• 把arrayBuffer数据转化成audioBuffer

wavesufer

绘图

得到数据+处理数据+绘制出来

• 得到音频数据

绘图音频图(整体图)