javascript - navigator.mediaDevices.getDisplayMedia 不支持

Question

我正在尝试构建一个可以捕获用户桌面的网络应用程序。我发现这个 Web api 应该可以完美地完成这项工作，但我似乎无法让它工作。现在，通过启用标志，最新版本的 Edge 和 Chrome 70 都应该支持它，但是在这两种浏览器上，如果我查看导航器对象，则 getDisplayMedia() 函数不在那里。我也尝试调用该函数，但收到一条错误消息，指出它不是函数(这证实它实际上不在导航器中)。可能是什么问题？

提前致谢!

编辑:这是我的 JavaScript

function na() {
    navigator.mediaDevices.getDisplayMedia({
        video: {
            mandatory: {
                chromeMediaSource: 'desktop',
                minWidth: 1280,
                maxWidth: 1280,
                minHeight: 720,
                maxHeight: 720
            }
        }
    }).then((stream)=>console.log(stream))
    console.log(navigator)

}

na();

Answer 1

虽然还不可用，但 getDisplayMedia 可以进行多填充。这是描述的in this blog post 。在 Chrome 中，这需要一个扩展，因此如果您现在开始开发，最好等到 getDisplayMedia 在 Chrome 中可用(它应该很快就会在没有标志的 Chrome Canary 中出现)

请注意，您将旧约束(在 Chrome 中从 navigator.mediaDevices.getUserMedia 获取桌面共享所需的约束)与 navigator.mediaDevices.getDisplayMedia 混合在一起，这是行不通的。