HTML5 多媒体应用现在还没被大部分挖掘出来，像普通的页游只能简简单单的做一些 2D 渲染，主要差距还是在性能上。H5 天生是动态语言，需要经过解析、编译。而且 JS 还是一个弱类型语言，虽然有 JIT 的帮助，但是解析引擎本身就有一个天花板，你无法、或者直接点，不能让 JS 达到原生的效率。但随着技术的发展，浏览器倾向于给 Web 开发者直接提供更底层的 API 使用，而最新推出的 WASM 的技术则更是直接解决了如何让 Web 在拥有原生性能的前提下，不用大量造高性能计算的轮子。

在这样的一个发展前提下，HTML5 的性能会逐渐的被释放，这也会加快 HTML5 多媒体时代的到来，比如，高性能页游引擎、Web 音视频播放器、图形计算、分布式计算引擎等等。

虽然，看起来前景很广，不过，该交的学费，该走的弯路你还是要走的。本篇不打算往大而全走，这里想应题，介绍一下 HTML5 中音频处理的板块。

在 Web 中，你能够直接操作底层的音频 API 是，AudioContext。如果你还考虑兼容性的话，可以加上 webkitAudioContext。

let AudioContext = window.AudioContext || window.webkitAudioContext;

它实际上和 MediaSource Extension 一样，是将输入数据直接和播放设备连接在一起。audioContext 连接的是 AudioBuffer 和音频播放器。中间可以和一些 Node 连接，这些 Node 是用来对流进行处理的。

常用的 Node 有：

GainNode: 淡入淡出音量处理
BiquadFilterNode: 滤波节点
DelayNode: 创建回声
PannerNode: 空间环绕音效
analyserNode: 频谱分析
offlineContext : 快速音视频处理

下面是直接解码一个 Buffer 为音频处理格式流：

context.decodeAudioData(buffer,audioBuffer=>{
    // audioBuffer 对象
});

这意味着，我们可以直接拿到音频流里面的具体数据，而剩下的就是我们的想象空间了。这里为了方便大家理解，顺带介绍一点关于声音的基本理论。

声学基础

一般人可以感觉到20 Hz~20kHz，强度为 -5dB~130dB 的声音信号。成年人为 30~16000Hz 之间，老年人为 50~10000Hz 之间。人是通过耳朵进行感受音波的，那为什么会称为波呢？最直观的可以看我们耳朵是怎么反应声音的。当声音经过外耳传入中耳时，镫骨的运动引起耳蜗内流体压强的变化，从而引起行波沿基底膜的传播。