Chrome не поддерживает getUserMedia

Question

У меня есть форма в моем веб-приложении Laravel, где пользователь должен добавить изображение профиля через веб-камеру. Разрабатывая в localhost (безопасный источник), он работал нормально, но теперь, когда я пытаюсь получить к нему доступ через мой IP-адрес, он, похоже, не работает.

Я использовал «navigator.mediaDevices.getUserMedia» для доступа к веб-камере при разработке моего проекта, но теперь, когда веб-сайт становится живым (или тестируется через мой IP-адрес), chrome говорит, что «getUserMedia () больше не работает с небезопасными источниками». Я также пробовал Webcam.js, но то же самое встречалось с той же ошибкой.

navigator.mediaDevices.getUserMedia(constraints).
        then(handleSuccess).catch(handleError);

Ошибка вывода на консоль:

[Устаревание] getUserMedia () больше не работает с небезопасными источниками. Чтобы использовать эту функцию, вы должны рассмотреть возможность переключения вашего приложения на безопасный источник, такой как HTTPS. Подробнее см. https://sites.google.com/a/chromium.org/dev/Home/chromium-security/deprecating-powerful-features-on-insecure-origins.

Answer 1

Как видно из doc , для использования chrome требуется безопасный контекст:

Таким образом, вы должны переключиться на https для тестирования в Chrome

Answer 2

Начиная с Chrome 47, запросы getUserMedia () разрешены только из безопасного источника: HTTPS или localhost.

Вы проверяли эту страницу? Я думаю, что вы используете HTTP. Я хотел бы переключиться на HTTPS и протестировать его. https://developers.google.com/web/updates/2015/10/chrome-47-webrtc?hl=en