WebRTC getUserMedia 不显示视频答案

【问题标题】：WebRTC getUserMedia not showing videoWebRTC getUserMedia 不显示视频
【发布时间】：2025-12-31 20:15:02
【问题描述】：

我有以下代码：

document.addEventListener('DOMContentLoaded', function () {

  var video = document.querySelector('video');

  window.navigator.webkitGetUserMedia({ video: true, audio: true }, function (stream) {

    var url = window.webkitURL.createObjectURL(stream);
    video.src = stream;

  }, function (err) {
    console.log('error: ', err);
  });

});

HTML：

<!DOCTYPE html>
<html>
<head>
  <meta charset='utf-8'>
  <title>getUserMedia Video Example</title>
  <script src='index.js'></script>
</head>
<body>
  <video controls autoplay />
</body>
</html>

为什么不显示视频？

【问题讨论】：

标签： javascript webrtc

【解决方案1】：

您必须将url 分配给video.src，而不是stream：

navigator.webkitGetUserMedia({ video: true, audio: true }, function ( stream ) {
    video.src = window.webkitURL.createObjectURL( stream );
}, function ( err ) {
    console.log( 'error: ', err );
});

现场演示：http://jsfiddle.net/FcTMk/2/（仅限 Webkit）

【讨论】：