javascript - 如何使用 WebRTC 停止屏幕共享？

Question

我正在使用 getUserMedia访问屏幕共享。当用户单击停止按钮时，我想停止屏幕共享。

根据 MediaStream API , stop()应该调用函数来停止共享。但是当我这样做时，我发现 Chrome 栏 https://xxx is sharing your screen <button>Stop sharing</button>仍然存在，尽管流已停止。

有没有可以让Chrome bar消失的功能？

Answer 1

据我所知，MediaStream.stop 方法已被弃用。如果你想停止 MediaStream，你应该停止并关闭它的轨道。执行此操作后，您提到的“Chrome 栏”将消失，一旦绑定(bind)到共享屏幕的所有轨道都停止。这可以通过以下代码实现。 "this.screenStream"是共享屏幕的MediaStream对象。

    var tracks = this.screenStream.getTracks();
    for( var i = 0 ; i < tracks.length ; i++ ) tracks[i].stop();