Question

我正在尝试在我的页面上运行一个webcamera流，我想使用WebKitGetUserMedia来完成它。我用Google搜索了很多，感觉我已经尝试了所有的例子，但没有人适合我。我显然做错了什么，但我不知道是什么。

所以我的问题是，为了让WebKitGetUserMedia在chrome中运行，我该怎么做？我正在使用Chrome v21。如果有人有一些完整的HTML，js代码示例，我会很高兴看到它！

Answer 1

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

尽管如此，我建议你阅读一篇关于从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>

Chrome WebKitGetUserMedia

1 个答案: