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

我在用着获取用户媒体 https://developer.mozilla.org/en-US/docs/Web/API/Navigator.getUserMedia访问屏幕共享。当用户单击停止按钮时，我想停止屏幕共享。

根据媒体流API https://developer.mozilla.org/en-US/docs/Web/API/MediaStream_API#stop(), the stop()应调用函数来停止共享。但当我这样做时，我发现了 Chrome 栏https://xxx is sharing your screen <button>Stop sharing</button>尽管溪流已经停止，但它仍然在那里。

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

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

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