Web Audio API 小教程(5): 进阶篇（更多API）

这一节主要列出一些 API ，这些 API 或者是我觉得比较好玩的，或者是我觉得在做音乐播放器或者游戏时有很大可能用得着的。

Web Audio API 中每个 API 可能有很多专业的高级属性和方法，有些（我认为）比较难用到的这里就省略了。

这里列出的 API 都有我自制的 Demo，纯手工制作，如有雷同，纯属巧合。

用于把多个音源实时混音，并防止爆音。

对象创建方法：ctx.createDynamicsCompressor()

用法：直接把多个音源 connect 到这个Node即可。

虽然可以把多个 Node 直接 connect 到 ctx.destination，但是不建议这么做，因为这样可能会出现爆音现象。若有同时播放多个声音的需求（例如一个游戏的各种音效），记得通过 DynamicsCompressorNode 混合多个声音。

把声音的声源移动到3D空间中指定的点 (x, y, z)，模拟3D空间音效。

可以在声音播放期间实时调整空间坐标值 (x, y, z)，让声音绕着你转圈圈。

对象创建方法：ctx.createPanner()

常用属性方法：

PannerNode.setPosition(x, y, z)
- 设置声源空间位置 (x, y, z)。(x, y, z)是代表位置的坐标值。
PannerNode.setOrientation(x, y, z)
- 设置声源的朝向 (x, y, z)。(x, y, z)是代表方向的向量值。一个人背对你说话和正对你说话，效果是不一样的。
PannerNode.setVelocity(x, y, z)
- 设置声源的运动方向和速度 (x, y, z)。(x, y, z)是代表方向和速度的向量值。一个人站着说话和一边跑步一边说话，效果也是不一样的。

过滤或增益指定频率的声波。

对象创建方法：ctx.createBiquadFilter()

常用属性方法：

type	用途	frequency	Q	gain
lowpass	低通滤波，只允许低频声音通过。	能通过的频率值界线（Hz），例如440，即只让 0-440Hz 的声音通过，削减掉 440-99999Hz 的声音。	削减度，数值越小则声音削减越厉害。	不可用。
highpass	高通滤波，只允许高频声音通过。	能通过的频率值界线（Hz），例如440，即只让 440-99999Hz 的声音通过，削减掉 0-440Hz 的声音。	削减度，数值越小则声音削减越厉害。	不可用。
peaking	峰值滤波，增益或削减某一频率的声音	要增益或削减的频率值中间点（Hz）。	范围，例如频率 440Hz，范围Q是20，那么范围就是 430-450Hz。	增益或削减度，正值增益，负值削减。
bandpass, lowshelf, highshelf, notch, allpass	带通滤波, 低架滤波, 高架滤波, 陷波器, 全通滤波	不常用，略	不常用，略	不常用，略

获得音频的频谱数据，可用于绘制频谱图（条状的）和时域图（线状的）。

它不会改变声音波形，只读取波形数据。也就是说，输入和输出的声波是完全一样的，输入什么就输出什么。

对象创建方法：ctx.createAnalyser()

常用属性方法：

Analyser.fftSize
- 频谱分析下的快速傅里叶变换的大小（难理解？没事，看下一个属性就好），取值范围是 32-2048 之内 2 的整数次方，即 32、64、128、256、512、1024、2048。默认值为 2048。
Analyser.frequencyBinCount
- fftSize 值的一半。这个值代表你要绘制的条形频谱图中有多少条条形。注意，这是个只读的属性，要修改这个属性的值请改 fftSize。
Analyser.smoothingTimeConstant
- 让频谱图的动画带有平滑过渡效果，取值范围 0.0-1.0，0.0 代表不平滑，1.0 代表很平滑。
Analyser.getByteFrequencyData(array)
- 把当前的即时频谱图数据复制到 array 数组里。array 数组须事先创建好，Uint8Array 类型，数组大小为 frequencyBinCount，即应该事先有以下这一代码：
- var array = new Uint8Array(analyser.frequencyBinCount);
Analyser.getByteTimeDomainData(array)
- 把当前的即时时域图数据复制到 array 数组里。array 数组须事先创建好，Uint8Array 类型，数组大小为 frequencyBinCount，即应该事先有以下这一代码：
- var array = new Uint8Array(analyser.frequencyBinCount);