当 MediaRecorder 处于“录制”状态时添加 AudioTrack

And*_*dev 2 javascript webrtc web-mediarecorder webapi

我试图在 MediaRecorder 处于“录制”状态时将 mediaTrack 添加到 mediaStream

添加新曲目的代码如下:

activeStream.addTrack(newAudioTrack)
Run Code Online (Sandbox Code Playgroud)

之后事件(onstop)被触发。我怎样才能避免这种情况?

chr*_*din 8

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

const audioContext = new AudioContext();
const mediaStreamAudioDestinationNode = new MediaStreamAudioDestinationNode(audioContext);
const mediaRecorder = new MediaRecorder(mediaStreamAudioDestinationNode.stream);
Run Code Online (Sandbox Code Playgroud)

假设您有一个MediaStreaminitialMediaStream. 你可以这样连接它:

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

mediaStreamAudioSourceNode.connect(mediaStreamAudioDestinationNode);
Run Code Online (Sandbox Code Playgroud)

然后您就可以开始录制了initialMediaStream

mediaRecorder.start();
Run Code Online (Sandbox Code Playgroud)

稍后您可以将其替换initialMediaStreamanotherMediaStream.

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

anotherMediaStreamAudioSourceNode.connect(mediaStreamAudioDestinationNode);
mediaStreamAudioSourceNode.disconnect();
Run Code Online (Sandbox Code Playgroud)

GainNode如果您想要的话,您甚至可以使用s 在两个流之间应用交叉淡入淡出。