Страница, размещенная на Heroku, выдает ошибку: navigator.mediaDevices не определен

Следующий фрагмент кода отлично работает при обслуживании с локального хоста, но при развертывании на Heroku происходит сбой: TypeError: navigator.mediaDevices is undefined

navigator.mediaDevices.getUserMedia({audio: true, video: true}).then(function(stream){
    video = $('#myVid')[0];
    video.srcObject = stream;

    video.onloadedmetadata = function(e) {
        video.play();
    };

Включение адаптера.js из WebRTC не помогает. Был ли у вас подобный опыт, и вы решили его?


person Vishnoo Rath    schedule 14.12.2019    source источник


Ответы (1)


Как и Google много лет назад, Firefox теперь (начиная с версии 69) для доступа к MediaDevices API требуется безопасный контекст.
Вы должны обслуживать сайт с https.

person Kaiido    schedule 14.12.2019