在webrtc中navigator.webkitGetUserMedia()和NavigatorUserMediaError附近找不到对象

时间:2012-10-11 11:28:59

标签: webrtc

当我尝试实现基本的示例应用程序时,我开始学习webrtc

    <html> 
<head> 
</head> 
<body> 

<script type="text/javascript">
    navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia ||
    navigator.mozGetUserMedia || navigator.msGetUserMedia;
window.URL = window.URL || window.webkitURL;

navigator.getUserMedia({video: true}, function(localMediaStream) { 
  var video = document.createElement("video");
  video.autoplay = true;
  video.src = window.URL.createObjectURL(localMediaStream);
  document.body.appendChild(video);
}, function(error) {
  console.log(error);
});
</script>
</body> 
</html> 

我使用此代码在locaL浏览器中运行google canary我启用了peerconnection并且我没有在浏览器中找到mediastream,但我认为它可能会在我的浏览器中启用defalut。

问题是这个代码导致console.i中的NavigatorUserMediaError没有找到解决这个问题的方法。 任何人都知道我的代码出错了。

1 个答案:

答案 0 :(得分:6)

你是从网络服务器运行的吗?

如果您从file:// URL运行它,您将获得NavigatorUserMediaError。

我刚刚在Chrome 22.0中尝试了localhost中的代码,它运行正常。

请注意,此示例不使用RTCPeerConnection,您现在不必在Chrome中启用任何标记。