在 MediaRecorder 处于状态时添加 AudioTrack 'recording'

Question

我正在尝试在 MediaRecorder 处于 'recording'

状态时将 mediaTrack 添加到 mediaStream

添加新曲目的代码如下：

activeStream.addTrack(newAudioTrack)

之后事件（onstop）被触发。我怎样才能避免这种情况？

Answer 1

您可以使用 AudioContext 创建一个固定的 MediaStream，您可以将其传递给 MediaRecorder。这允许您在录制时更改输入。

const audioContext = new AudioContext();
const mediaStreamAudioDestinationNode = new MediaStreamAudioDestinationNode(audioContext);
const mediaRecorder = new MediaRecorder(mediaStreamAudioDestinationNode.stream);

假设你有一个 MediaStream 称为 initialMediaStream。你可以这样连接它：

const mediaStreamAudioSourceNode = new MediaStreamAudioSourceNode(
    audioContext,
    { mediaStream: initialMediaStream }
);

mediaStreamAudioSourceNode.connect(mediaStreamAudioDestinationNode);

然后您可以开始录制 initialMediaStream。

mediaRecorder.start();

稍后您可以将 initialMediaStream 替换为 anotherMediaStream。

const anotherMediaStreamAudioSourceNode = new MediaStreamAudioSourceNode(
    audioContext,
    { mediaStream: anotherMediaStream }
);

anotherMediaStreamAudioSourceNode.connect(mediaStreamAudioDestinationNode);
mediaStreamAudioSourceNode.disconnect();

如果需要，您甚至可以使用 GainNodes 在两个流之间应用交叉淡入淡出。

在 MediaRecorder 处于状态时添加 AudioTrack 'recording'

Adding an AudioTrack while the MediaRecorder is in state 'recording'

javascript

webrtc

webapi

web-mediarecorder