Захват видео из нескольких веб-камер с помощью getUserMedia

Question

Я хотел бы захватить видео из нескольких веб-камер, подключенных к моему компьютеру. Достаточно просто использовать один веб-камеру, но как я могу получить видеопотоки из нескольких источников? Можно ли выбрать, какую камеру использовать для одного потока?

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

Answer 1

Вам нужно будет использовать API getSources, который не так хорошо поддерживается. Я боюсь. Я думаю, что Chrome has a version of it доступен под флагом конфигурации, но кроме этого нет ничего, что вы могли бы сделать, кроме как ждать.

Не тот ответ, который вы хотели услышать, я знаю, извините.

Answer 2

Возможно одновременное захват нескольких видеопотоков с помощью всплывающих окон. У меня только одна камера, поэтому я не могу проверить это решение. В Chrome я предполагаю, что пользователи могут щелкнуть значок камеры в строке адреса каждого дочернего окна, чтобы выбрать независимые источники. Firefox спрашивает, какую камеру использовать, когда он запрашивает разрешение на использование устройства, поэтому возможно даже использовать iframes вместо всплывающих окон с помощью Firefox.

Answer 3

Я был заинтригован вашим вопросом, поэтому я начал изучать «несколько фотоаппаратов getusermedia».

После нескольких часов, когда я почти собирался сдаться, я наткнулся на this google group discussion.

Я обратился к вашему вопросу с вопросом, была ли ваша цель тем, что потоки из всех веб-камер должны появляться одновременно или если вы хотите предоставить пользователю возможность выбрать канал камеры. Похоже, вы хотели, чтобы пользователь выбирал фид. Если это более поздний случай, то в ссылке выше, Vikas (в своем сообщении от 8/15/2013) описал способ достижения этого. Вам нужно включить флаг источников перечисления WebRTC, а затем использовать MediaStreamTrack.getSources, чтобы получить все источники и передать sourceId в getUserMedia, например navigator.getUserMedia ({"video": {optional: [{sourceId: "--- YOUR ID HERE- - "}]}}, fun, errfun) ;. И, похоже, один из пользователей смог заставить его работать успешно.

Here's the sourcecode который я видел. Эта информация будет касаться Chrome canary или Firefox. Я просто подумал, что поделюсь этим, если вы еще не встретили этого, что-то, что может вам помочь. Я реализовал приложение, в котором несколько веб-камер питаются на одном экране, но это было проще, потому что это настольное приложение.