MediaRecorder.stop() 不会清除选项卡中的录制图标

我启动和停止 MediaRecorder 流。红色“录制”图标会在启动时出现在 Chrome 选项卡中，但在停止时不会消失。

图标如下所示：

我的代码如下所示：

const mediaRecorder = new MediaRecorder(stream);
...
// Recording icon in the tab becomes visible.
mediaRecorder.start();
...
// Recording icon is still visible.
mediaRecorder.stop();

我也有一个mediaRecorder.onstop已定义处理程序。它不会返回任何内容或干扰事件对象。

启动和停止 MediaRecorder 实例后清除选项卡“录制”指示器的正确方法是什么？

这是因为该录音图标是以下之一getUserMedia流式传输，而不是其中之一MediaRecorder.
当你stopMediaRecorder，流仍然处于活动状态。

要停止此 gUM 流（或任何其他 MediaStream），您可以调用MediaStreamTrack.stop() https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamTrack/stop.

stream.getTracks() // get all tracks from the MediaStream
  .forEach( track => track.stop() ); // stop each of them

Fiddle https://jsfiddle.net/8upv28ok/因为 stacksnippets 不允许 gUM 即使使用 https...

And an 其他小提琴 https://jsfiddle.net/8upv28ok/2/流的访问方式是MediaRecorder.stream.