1

ウェブカメラストリームを自分のページで機能させようとしていますが、WebKitGetUserMediaを使用してそれを実行したいと思います。私はたくさんグーグルで検索しました、そしてそれは私がそこにすべての例を試したように感じます、しかし誰も私のために働きません。私は明らかに何か間違ったことをしているのですが、何が起こっているのかわかりません。

だから私の質問は、WebKitGetUserMediaをChromeで動作させるために何をしなければならないかということです。Chromev21を使用しています。誰かが完全なhtml、jsコード例を持っているなら、私はそれを見て本当にうれしいです！

4

1 に答える 1

7

あなたの間違いを簡単に特定できるように、正確には何が問題なのか、どのようなエラーが発生したのかについて詳しく説明してください。

ただし、 http://www.html5rocks.com/en/tutorials/getusermedia/intro/の「Capturing Audio and Video from HTML5」をよく読むことをお勧めします。

ただし、この記事に従った後、ローカルホストまたは 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 に答える