2013-03-10 25 views
4

我想在Web RTC上使用多臺USB攝像機。使用帶Web RTC的多臺USB攝像機

對於離) https://apprtc.appspot.com/?r=93443359

本申請是捲筒紙RTC樣品。 我可以連接到另一臺機器,但我必須斷開一次才能更換相機。

我想是,

1.使用兩款相機在同一時間在同一屏幕上的內容。 2.(如果1不可能),我想切換攝像頭而不斷開當前連接

有沒有人有關於Web RTC上如何使用兩個攝像頭的信息?

回答

3

調用getUserMedia兩次更改攝像機輸入

之間
+0

OH,謝謝,我會嘗試。 – whitebear 2013-04-12 10:03:18

4

您可以使用約束指定要使用的攝像頭,你可以在一個頁面中他們都顯示出來。指定要使用看一看下面的代碼片段(僅適用於Chrome 30+),該相機:

getUserMedia({ 
    video: { 
    mandatory: { 
     sourceId: webcamId, 
     ... 
    } 
    }, 
    successCallback, 
    failCallback); 

webcamId你可以得到:

MediaStreamTrack.getSources(function(sources){ 
    var cams = _.filter(sources, function(e){ //only return video elements 
    return e.kind === 'video'; 
    }); 
    var camIds = _.map(cams, function (e) { // return only ids 
    return e.id; 
    }); 
}); 

在片段上方我已經使用underscore方法filtermap

更多信息:

+0

[filter](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/filter)和[map](https://developer.mozilla.org/en/docs/) Web/JavaScript/Reference/Global_Objects/Array/map)可在現代瀏覽器中使用。 – 2014-09-04 15:12:38

+0

是真的。我的意思是getUserMedia在哪裏可用,他們應該也能工作。我只習慣使用下劃線 – Matyas 2014-09-04 16:47:43