Heroku托管页面引发错误-navigator.mediaDevices未定义

Question

以下代码在从本地主机提供服务时可以正常工作，但是在将其部署到Heroku时无法说明： TypeError：navigator.mediaDevices未定义

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

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

包含来自WebRtC的adapter.js并没有帮助。您是否有过类似的经历并得到解决？

Answer 1

Like Google did years ago，Firefox现在(since v69)需要安全上下文才能访问MediaDevices API。
您必须通过https服务您的网站。