1

我正在尝试让网络摄像头流在我的页面上运行，并且我想使用 WebKitGetUserMedia 来实现。我用谷歌搜索了很多，感觉就像我已经尝试了所有的例子，但没有人适合我。我显然做错了什么，但我不知道是什么。

所以我的问题是，为了让 WebKitGetUserMedia 在 chrome 中工作，我必须做什么？我正在使用 Chrome v21。如果有人有一些完整的 html、js 代码示例，我会很高兴看到它！

4

1 回答 1

7

请详细说明您的观点，具体是什么问题，遇到了什么错误，以便可以轻松指出您的错误。

不过，我建议您好好阅读一下从 HTML5 捕获音频和视频，http://www.html5rocks.com/en/tutorials/getusermedia/intro/。

但是，在阅读本文之后，我遇到了一个错误，它不允许从本地主机或 Google Chrome 上的计算机加载资源（您可能也是这种情况），并且一旦您将 HTML 页面托管在网络（尝试使用 Dropbox 免费公开上传文件或自己托管）。

以下是您可以参考的代码：

<html>
  <head>
    <title>HTML5 Webcam Test</title> 
    <style type="text/css">
      body{
        max-width: 300px;
        max-height: 300px;
      }
      #live_video{
        top: 0px;
        height: 100%;
        width: 100%;
        left: 0px;
      }
    </style>
  </head>
  <body>
    <video id="live_video" autoplay controls></video>
    <script type="text/javascript">
      video = document.getElementById("live_video");
      navigator.webkitGetUserMedia({video:true, audio:true},
          function(stream) {
            video.src = window.webkitURL.createObjectURL(stream);
          }
      );
    </script>
  </body>
</html>
于 2012-09-19T21:00:35.420 回答