11、Web Audio API 中的离线音频处理与延迟效果

Web Audio API 中的离线音频处理与延迟效果

1. 离线音频上下文（OfflineAudioContext）

离线音频上下文在音频处理中有着重要的应用，它允许我们进行比实时处理更快的操作，尤其适用于批量处理、存储音频图的输出或进行高度计算密集型的音频处理。下面我们来看几个离线音频上下文的示例。

1.1 简单的离线音频上下文示例

这个示例展示了如何生成 5 秒的振荡器音频并将其存储在缓冲区中。

<button 
id='play'
onclick='context.resume()'>Play</button><br>
<script>
    let context = new AudioContext()
    let 
    offlineContext 
    = 
    new
    OfflineAudioContext(1,3*44100,44100)
    source = offlineContext.createOscillator()
    source.connect(offlineContext.destination)
    source.start()
    offlineContext.startRendering().then(data => {
        let bufferedSource = context.createBufferSource()
        bufferedSource.buffer = data
        bufferedSource.connect(co