javascript - HTML5 音频捕获 - 如何 chop 录制的音频

Question

我正在开发一项功能，用于从麦克风/耳机捕获 HTML5 应用程序内的音频。使用 MediaStreamRecorder 效果非常好，我能够捕获所有音频。然而，在播放录制的音频期间，我注意到用户单击尖叫声上的“停止录制”按钮而产生的鼠标单击也被捕获。我想以某种方式摆脱它。一个想法是删除录音中的最后 0.5-1 秒，但我不完全确定如何实现这一点。也许还有其他一些更合适的方法......

专家提供的任何带有代码示例的建议都很棒。

Answer 1

我可以看到解决您问题的三种解决方案:

• 简单，将其发送到服务器，使用 ffmpeg 进行剪辑。缺点:服务器参与其中。
• 就像 dandavis 在评论中所说，使用 RecorderJS ，仅在从数组形成最终 wav 文件时，忽略最后几个条目。缺点:乏味，而且 wav 文件可能很大(因为它是未压缩的)
• 在客户端进行编辑，将录制的视频通过管道传输到音频元素(将其静音)，然后使用 mozCaptureStream 创建流并记录下来，并使用设置的超时在实际完成前 0.5 秒停止。缺点:正如您所猜到的，目前仅适用于 Firefox