javascript - WebRTC。不显示视频

标签 javascript video webrtc

我决定研究 WebRTC,但不显示视频。请帮助。 我究竟做错了什么?使用 Chrome 我的代码:

<html>

<head>
    <meta charset="UTF-8">
</head>

<body>
    <script>
        window.onload = function () {
            navigator.webkitGetUserMedia({ video: true }, getStream, noStream);
        };

        function getStream(stream) {
            var url = window.webkitURL.createObjectURL(stream);            
            var video = document.getElementById('video');
            video.src = url;
        }

        function noStream(faild) {

        }
    </script>
    <video id="video" autoplay="autoplay" width="400"></video>
</body>

</html>

最佳答案

工作代码:

<head>
    <meta charset="UTF-8"></script>
</head>

<body>
    <script>
        window.onload = function () {
            var constraints = { audio: true, video: { width: 1280, height: 720 } }; 

navigator.mediaDevices.getUserMedia(constraints)
.then(function(mediaStream) {
  var video = document.querySelector('video');
  video.srcObject = mediaStream;
  video.onloadedmetadata = function(e) {
    video.play();
  };
})
.catch(function(err) { console.log(err.name + ": " + err.message); });
        };
    </script>
    <video id="video" autoplay="autoplay" width="400"></video>
</body>

</html>

关于javascript - WebRTC。不显示视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41127828/

相关文章:

javascript - 如何停止我的 xml 文件在刷新时复制但改为更新?

javascript - 按钮根本不起作用(Javascript)

video-streaming - WebRTC getlocalmedia 成功后 onnegotiateneeded 的处理顺序

google-chrome - 为什么sipml5为音频RTP、音频RTCP、视频RTP和视频RTCP创建具有相同端口的webRTC邀请请求?

amazon-web-services - 测试 TURN 服务器的简单方法

javascript - WordPress wp_localize_script 做什么?

javascript - 从多个文件加载脚本时仅在特定页面上显示 div

安卓VR播放器

javascript - Media Source Api 不适用于自定义 webm 文件(Chrome 版本 23.0.1271.97 m)

http - 如何使用 HTTP 协议(protocol)发送视频 block 进行流式传输?