我正在使用getUserMedia来访问屏幕共享。当用户单击停止按钮时,我想停止屏幕共享。
根据MediaStream API,stop()
应该调用该函数来停止共享。但是当我这样做时,我发现 Chrome 栏https://xxx is sharing your screen <button>Stop sharing</button>
仍然存在,尽管流已停止。
有没有可以让Chrome bar消失的功能?
我正在使用getUserMedia来访问屏幕共享。当用户单击停止按钮时,我想停止屏幕共享。
根据MediaStream API,stop()
应该调用该函数来停止共享。但是当我这样做时,我发现 Chrome 栏https://xxx is sharing your screen <button>Stop sharing</button>
仍然存在,尽管流已停止。
有没有可以让Chrome bar消失的功能?
可以使用相同MediaStream.stop
或MediaStreamTracks.stop
方法停止基于命令行标志的屏幕共享,但是如果您使用的是desktopCapture API ( demo ),那么cancelChooseDesktopMedia
可以像这样使用它:
function releaseCapturing() {
// getting desktop-media-id from local-storage
chrome.desktopCapture.cancelChooseDesktopMedia(parseInt(localStorage['desktop-media-request-id']));
}
function captureDesktop() {
var desktop_id = chrome.desktopCapture.chooseDesktopMedia(
["screen", "window"], onAccessApproved);
// storing desktop-media-id in the local-storage
localStorage.setItem('desktop-media-request-id', desktop_id);
}
据我所知,MediaStream.stop 方法已被弃用。如果你想停止一个 MediaStream 你应该停止并关闭它的轨道。这样做后,一旦绑定到共享屏幕的所有曲目都停止,您提到的“Chrome 栏”就会消失。这可以通过以下代码来实现。"this.screenStream" 是共享屏幕的 MediaStream 对象。
var tracks = this.screenStream.getTracks();
for( var i = 0 ; i < tracks.length ; i++ ) tracks[i].stop();
你可以使用 stream.onended
stream.onended = () => {
console.info("ScreenShare has ended");
};
或者您可以收听结束的事件
stream.getVideoTracks()[0].addEventListener('ended', () => {
//perform your task here
});