2012-05-09 1 views
3

JavaScriptを使用してメトロアプリを開発していて、同時に2つのビデオをウェブカメラから同時に表示しようとしています(そのうちの1つにはフィルタが適用されます)。しかし、ウェブカメラをソースとして使用するように設定しようとすると、エラーが表示されます。この状態を伝える良い方法はありますか?Windows 8(JavaScript):同じWebカメラソースを持つ複数の<video>タグ:可能ですか?

ありがとうございます!

編集:ここではいくつかのコードは次のとおりです。

(Javascriptの)

var mediaCaptureMgr = new Windows.Media.Capture.MediaCapture(); 
var captureInitSettings = new Windows.Media.Capture.MediaCaptureInitializationSettings(); 
//...set properties of captureInitSettings... 


mediaCaptureMgr.initializeAsync(captureInitSettings).then(function (result) { 
      var video1 = id("Video1"); //function to get html element with id 
      video1.src = URL.createObjectURL(mediaCaptureMgr, false); //does not matter if false is switched to true 
      var video2 = id("Video2"); 
      video2.src = video1.src;//could also use var x = URL.create... then set video1.src/video2.src = x; still won't work. 
     }, 
    errorHandler); 

(HTML)

<video id="Video1" autoplay></video> 
<video id="Video2" autoplay></video> 

私はClickイベントやLoadイベントを通じてJSを発射することができます - doesnの問題は - Video1だけがウェブカメラビデオを取得する。 Video2は機能しません。思考?

ありがとうございます!

+0

あなたのコードを表示できますか、どのようなエラーが表示されますか? – Sampson

+0

JavaScriptを使用してメトロアプリを開発できるかどうか分かりませんでした。 (ちょうど今それを知って...) –

+1

いくつかのコードを追加しました。そしてデレク - それはかなり元気です! – nosirrahcd

答えて

1

最近Chromeで同様の方法でgetUserMediaを少し演奏していますが、メトロのキャンバスが2番目の動画の再生に適しているかどうかはわかりませんが、とにかくフィルタリングを行う予定があるようですそれに関係なくこの道を進む必要がありますか?もちろん

var video1 = id("Video1"); 
var canvas = id('canvas'); 

var context = canvas.getContext('2d'); 

context.drawImage(video1, 0, 0); 

、これが唯一の希望:私はメトロjavascriptの環境について何を知っているが、あなたの例を見て、私はサポートされているブラウザでそれを行うだろうか知っていない、と述べた

window.requestAnimationFrameのアナログがあれば、ビデオの各フレームにその画像を描画していればうまくいくはずです。

+0

これは解決策です! – nosirrahcd

関連する問題