Heroku 托管页面抛出错误 - navigator.mediaDevices 未定义

Question

以下代码在从本地主机提供时工作正常，但在部署到 Heroku 时失败： 类型错误：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

, Firefox is now (since v69) 需要安全上下文才能访问 MediaDevices API。
您必须从 https 提供您的网站。