getUserMediaで複数のウェブカメラからビデオをキャプチャ

Question

私は自分のPCに接続された複数のウェブカメラからビデオをキャプチャしたいと思います。 1つのウェブカメラを使用するのは簡単ですが、複数のソースからビデオストリームを取得するにはどうすればよいですか？ 1つのストリームに使用するカメラを選択することはできますか？

     navigator.getUserMedia ({ 
         video: true 
     }, function (oMedia) { 
         var video = document.getElementById ('tVideo1'); 
         video.src = window.URL.createObjectURL (oMedia); 
     }); 

Answer 1

あなたはうまくサポートされていないgetSources APIを使用する必要があります。私は恐れています。私はChrome has a version of itが設定フラグの後ろに隠されていると思っていますが、それ以外は何もできません。

私が知りたいと思っていた答えではありません。申し訳ありません。

Answer 2

ポップアップウィンドウを使用して複数のビデオストリームを同時にキャプチャすることができます。私は1台のカメラしか持っていないので、私はこの解決策を試すことができません。 Chromeでは、ユーザーが各子ウィンドウのアドレスバーにあるカメラアイコンをクリックして独立したソースを選択できると仮定します。 Firefoxは、デバイスの使用許可を求めるときにどのカメラを使用するかを尋ねるので、Firefoxでのポップアップの代わりにiframeを使用することもできます。

Answer 3

私はあなたの質問に興味を持っていたので、私は 'getusermedia複数のカメラ'を研究し始めました。

2時間後、私がほとんど諦めるとき、私はthis google group discussionにやってきた。

あなたの目標は、すべてのウェブカメラからのストリームを同時に表示するか、ユーザーにカメラのフィードを選択するオプションを提示するかどうかを確認することでした。ユーザーがフィードを選択したがっているようです。後の場合、上記のリンクでは、Vikas（2011年8月15日のメッセージ）では、これを達成する方法が説明されています。 WebRTCの列挙ソースフラグを有効にし、MediaStreamTrack.getSourcesを使用してすべてのソースを取得し、navigator.getUserMedia（{"video"：{オプション：[{sourceId： "---あなたのIDはここにあります - - "}]}}、楽しい、errfun）;.そして、ユーザーの1人が正常に動作するようになったようです。

Here's the sourcecode私が見たものです。 この情報はChromeカナリアンまたはFirefoxに固有の情報です。私はちょうどあなたがこれを見越していない場合、あなたを助けるかもしれない何かのために私がそれを共有すると思った。私は、複数のWebカメラが1つの画面に表示されるアプリケーションを実装しましたが、それはデスクトップアプリケーションだったので簡単でした。