TypeError: 'getUserMedia' вызывается для объекта, который не реализует интерфейс MediaDevices

Question

Я пытаюсь внедрить веб-камеру на веб-сайт, используя тег видео. Он работает в Chrome, но FireFox и IE выдают ошибки в консоли. У кого-нибудь есть идеи, почему? Благодарю вас!

Код:

navigator.getMedia =    navigator.getUserMedia ||
                                navigator.webkitGetUserMedia ||
                                navigator.mediaDevices.getUserMedia ||
                                navigator.msGetUserMedia ||
                                OTPlugin.getUserMedia;

Ошибка Firefox: TypeError: 'getUserMedia' вызывается для объекта, который не реализует интерфейс MediaDevices.

Ошибка IE: невозможно получить свойство getUserMedia неопределенной или нулевой ссылки

Accepted Answer

Вы забыли navigator.mozGetUserMedia для Firefox. В IE его нет (хотя в MS Edge есть). Кроме того, удалите navigator.mediaDevices.getUserMedia из этого списка, так как он работает по-другому. Мой совет: не путайтесь в префиксах и попробуйте адаптер. .js, официальный полифил WebRTC. Затем используйте navigator.mediaDevices.getUserMedia исключительно, так как все остальное устарело. Пример (используйте https://jsfiddle.net/srn9db4h/ в Chrome): navigator.mediaDevices.getUserMedia({ video: true.

TypeError: 'getUserMedia' вызывается для объекта, который не реализует интерфейс MediaDevices

Ответы

Ответ 1 · рейтинг 12 · jib

Похожие материалы