javascript - Recorder.js 计算和偏移记录延迟

标签 javascript audio web-audio-api recorder.js

我正在使用 Recorder.js 从 Google Chrome 桌面和移动浏览器录制音频。在我的特定用例中,我需要精确录制 3 秒的音频,在特定时间开始和结束。

现在我知道在录制音频时,由于硬件延迟,您的声卡无法实时工作,因此总有一个内存缓冲区可以让您继续录制而不会听到跳跃/口吃。

Recorder.js 允许您为此准确配置 bufferLen 变量,而 sampleRate 是自动从音频上下文对象中获取的。这是其工作原理的简化版本:

var context = new AudioContext();
var recorder;
navigator.getUserMedia({audio: true}, function(stream) {
    recorder = new Recorder(context.createMediaStreamSource(stream), {
        bufferLen: 4096
    });
});

function recordLoop() {
    recorder.record();
    window.setTimeout(function () {
        recorder.stop();
    }, 3000);
}

我面临的问题是 record() 不会抵消缓冲区延迟,stop() 也不会。因此,不是听到三秒的声音,而是 2.97 秒,开始被切断。

这意味着我的录音不会从同一个地方开始,而且当我循环播放它们时,循环的长度也不同,具体取决于您的设备延迟!!

我在这里看到两种可能的解决方案:

  • 调整 Recorder.js 代码以根据您的开始/停止时间自动偏移缓冲区(可能添加新的 startSync/stopSync 函数)
  • 计算延迟并创建两个偏移计时器以在正确的时间点启动和停止 Recorder.js。

我正在尝试解决方案 2,因为解决方案 1 需要我没有的缓冲区数组知识 :( 我相信延迟的计算是:

var bufferSize = 4096;
var sampleRate = 44100
var latency = (bufferSize / sampleRate) * 2; // 0.18575963718820862 secs

然而,当我在实际测试中运行这些计算时,我得到:

var duration = 2.972154195011338 secs
var latency = 0.18575963718820862 secs
var total = duration + latency // 3.1579138321995464 secs

有些不对劲,它不会持续 3 秒,现在开始让我感到困惑!我创建了一个带有日志的 Recorder.js 演示的工作分支:

http://kmturley.github.io/Recorderjs/

如有任何帮助,我们将不胜感激。谢谢!

最佳答案

我对您对延迟的担忧感到有点困惑。是的,最小 可能的延迟确实与缓冲区的长度有关,但还涉及许多其他延迟。无论如何,延迟与录制持续时间无关,在我看来这就是你的问题。

如果您要在 44100 处记录正好 3 秒长的缓冲区,即 44100*3=132,300 个样本。缓冲区大小为 4096 个样本,系统只会记录该数字的偶数倍。假设您最接近的是记录 32 或 33 个完整缓冲区。这给出了 131072(2.97 秒)或 135168(3.065 秒)个样本。

这里有几个选项。

  • 选择一个缓冲区长度,平均分配采样率。例如11025。然后您可以准确记录 12 个缓冲区。
  • 记录比您需要的 3.0 秒稍长的时间,然后丢弃多余的 2868 个样本。

关于javascript - Recorder.js 计算和偏移记录延迟,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28424111/

相关文章:

javascript - audiocontext 采样率在被读取 8 次后返回 null

javascript - 通过不改变主体中每个元素的不透明度来显示模态

javascript - jQuery 每个函数在同一元素中输出多个选择器

python - 创建持久数据供Python App访问

audio - JavaCV FFmpegFrameGrabber 预加载音频

html - 使用身份验证从动态内容提供程序加载 html5 音频

javascript - 网络音频 API : store arraybuffer on server as file and retrieve it later?

javascript - 网络音频 API 延迟后停止

javascript - 获取具有特定类的元素的内容和 Href

javascript - ReactJS 的这段代码中的曲线括号有什么问题