为什么此 JavaScript 和 WebRTC 代码不起作用？

Question

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
    <meta charset="utf-8">
    <title>Vid Chat</title>
</head>

<body>
    <video autoplay>

    </video>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script type="text/javascript">
        navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
        var constrainsts = {
            audio: true,
            video: true
        };
        var videoArea = $("video");
        navigator.getUserMedia(constrainsts, results, error);

        function results(stream) {
            videoArea.srcObject = stream;
            videoArea[0].play();
        }

        function error() {
            console.log("we messed up");
        }
    </script>
</body>

</html>

I am using express to serve this as an ejs file.我正在使用 express 将其作为 ejs 文件提供。 Why does it not work?为什么它不起作用？ I am using node.js, express, and ejs.我正在使用 node.js、express 和 ejs。 Did I do something wrong?我做错什么了吗？ It doesn't give any error neither.它也不会给任何错误。

Answer 1

navigator.getUserMedia is deprecated - https://developer.mozilla.org/en-US/docs/Web/API/Navigator/getUserMedia navigator.getUserMedia 已弃用 - https://developer.mozilla.org/en-US/docs/Web/API/Navigator/getUserMedia

Try this instead navigator.mediaDevices.getUserMedia()试试这个 navigator.mediaDevices.getUserMedia()

Answer 2

getUserMedia requires a secure context, ie https. getUserMedia 需要一个安全的上下文，即 https。 See here看这里

为什么此 JavaScript 和 WebRTC 代码不起作用？

问题描述

2 个解决方案

解决方案1
2 2020-03-20 06:55:18

解决方案2
2 2020-03-20 07:00:23

为什么此 JavaScript 和 WebRTC 代码不起作用？

问题描述

2 个解决方案

解决方案1 2 2020-03-20 06:55:18

解决方案2 2 2020-03-20 07:00:23

解决方案1
2 2020-03-20 06:55:18

解决方案2
2 2020-03-20 07:00:23