使用navigator.mediaDevices.getUserMedia检查JavaScript中的主监视器

Question

我想通过浏览器捕获主监视器。我试着这样做：

navigator.mediaDevices.getDisplayMedia({
video: {
displaySurface: 'monitor',
logicalSurface: true,
cursor: 'always',
frameRate: {
ideal: 20
}
}
})

接下来，用户选择要广播的屏幕。我想检查用户是否选择了主监视器(以防有几个(。我该怎么做？谢谢

Answer 1

通过检查displaySurface。

navigator.mediaDevices.getDisplayMedia({
video: {
displaySurface: 'monitor',
logicalSurface: true,
cursor: 'always',
frameRate: {
ideal: 20
}
}
})
.then((strm) => {
let displaySurface = strm.getVideoTracks()[0].getSettings().displaySurface;
console.log(displaySurface);
if (displaySurface !== 'monitor') {
// do your stuff...
}
})
.catch((err) => console.error(err));