Chrome WebKitGetUserMedia

Question

Chrome WebKitGetUserMedia

ano*_*511 1 javascript google-chrome webrtc

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

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

Answer 1

Apo*_*ena 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>

Run Code Online (Sandbox Code Playgroud)

归档时间：	13 年，2 月前
查看次数：	20510 次
最近记录：	10 年，7 月前