navigator.getDisplayMedia не является функцией в angular 6

Question

Я пытаюсь открыть общий доступ к экрану пользователя и должен использовать getDisplayMedia, но получаю ошибку во время компиляции проекта

Свойство 'getDisplayMedia' не существует для типа 'Навигатор'

Вот код

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

Версии пакета:

1. Узел v10.14.2
2. NPM v6.5.0
3. @ angular / cli v6.1.5

Answer 1

getDisplayMedia больше не доступен в navigator.Он был перемещен в navigator.mediaDevices.getDisplayMedia.

Источник

Также убедитесь, что у вас установлен набор для navigator.

Answer 2

Чтобы записать экран в Angular 6+, вам необходимо включить experimental web platform features в chrome://flags как

, затем сделать в Angular 6+

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

Примечание: Вам нужно будет добавить флаг в браузер, пока он не будет запущен должным образом, поскольку он находится в режиме разработки и тестирования

Answer 3

В соответствии с документацией вам необходимо использовать navigator.mediaDevices.getDisplayMedia

Ошибка, которую вы видите, потому что нет доступного свойства с navigator с именем getDisplayMedia