angular - navigator.getDisplayMedia 不是 Angular 6 中的函数

Question

我正在尝试共享用户屏幕并需要使用getDisplayMedia但在项目编译时出错

“导航器”类型上不存在属性“getDisplayMedia”

这是代码

let stream = await navigator.getDisplayMedia({ video: true })

包版本为

score 3 · Accepted Answer

根据您需要使用的文档navigator.mediaDevices.getDisplayMedia

navigator您看到的错误是因为命名的没有可用的属性getDisplayMedia

score 2 · Accepted Answer

如果您处于角度状态，则不会使用导航器或 mediaDevices 获取 DisplayMedia。它在 getDisplayMedia 上显示错误。所以你可以做些什么来消除错误。

宣布

nav: any;

那么你必须在哪里使用 getDisplayMedia()

this.nav = navigator;

stream = this.nav.mediaDevices.getDisplayMedia(your content)

score 2 · Accepted Answer

在Angular 6+

let stream = await navigator.getDisplayMedia({ video: true })
console.log(stream)

注意：录屏Angular 6+需要开启experimental web platform features，chrome://flags直到正常启动，因为它处于开发和测试模式

有关详细信息，请参见下图：

score 1 · Accepted Answer

getDisplayMedia在中不再可用navigator。它被移到navigator.mediaDevices.getDisplayMedia.

还要确保你有navigator安装的类型。

4 回答 4