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

Question

以下代码在从 localhost 提供服务时工作正常，但在部署到 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();
    };

包含来自 WebRtC 的 adapter.js 无济于事。你有过类似的经历并解决了吗？

Answer 1

就像 Google 多年前所做的那样，Firefox 现在（自 v69 起）需要安全上下文才能访问 MediaDevices API。
您必须通过 https 为您的网站提供服务。