2013-03-14 2 views
10

мне нужно, чтобы открыть веб-камеру через JavaScript Я знаю, что можно получить доступ к HTML5 с помощью <video> но нужно веб-камера доступа с чистым JavaScriptКак получить доступ к веб-камере с помощью JavaScript

Может кто-нибудь мне помочь или дать мне некоторые идеи ?

Мне нужно только получить доступ к веб-камере с помощью JavaScript и извините за мой английский, я использую переводчик Google.

Я не могу использовать тег '< видео>'

+2

Я смущен .... – jAndy

+2

Вам нужно войти в веб-камеру по javascript или ещё что-нибудь? –

+4

http://www.html5rocks.com/en/tutorials/getusermedia/intro/ –

ответ

22

Как я уже говорил в качестве комментария, я смущен вашей формулировкой. Вы сказали, что знаете, что «HTML5» может получить доступ к веб-камере, но вам это нужно с чистого Javascript.

Ну, в случае, если вы не знаете, HTML5 ввел такое называется WebRTC который короток для Real-Time Communications. В частности, была введена новая вещь под названием navigator.getUserMedia() navigator.mediaDevices.getUserMedia(constraints). То есть объект ECMAscript, который позволяет вам получить доступ к пользовательскому устройству WebCam и Микрофон устройства.

Как вы можете видеть, вся демонстрация встроена в свиток/spec HTML5, поэтому мы не можем отделить Javascript от HTML5 здесь.

Дальнейшее чтение:

+0

Спасибо, отлично работал! –

2

Там в this great tutorial from HTML5rocks.

В принципе, getUserMedia позволяет браузерам запрашивать разрешение, а затем позволяет использовать камеру.

Вы должны знать, что он по-прежнему плохо поддерживается и что API может измениться снова, особенно если вы хотите отправить эти потоки через Интернет.

2

Есть несколько JavaScript библиотеки для делать это сейчас.

+0

Они не основаны на HTML5. Оба они нуждаются в Flash. –

+0

@dystroy так? OP не указал, что ответы должны включать только решения на основе HTML5. У него есть тег HTML5, но в тексте его вопроса он вообще не упоминается как требование. –

+2

Я старался что-то, что может быть неясно из короткого ответа, я не говорил, что ответ был плохим. При этом, даже если вопрос далеко не ясен, я прочитал «доступ к ** html5 **, но вам нужна веб-камера доступа для ** чистого javascript **». –

6

Вот библиотека JS, которая использует вспышку только в ситуации перехода на аварийный режим HTML5:

https://github.com/jhuckaby/webcamjs

Из кода образцы:

<script src="webcam.js"></script> 

<div id="my_camera" style="width:320px; height:240px;"></div> 
<div id="my_result"></div> 

<script language="JavaScript"> 
    Webcam.attach('#my_camera'); 

    function take_snapshot() { 
     Webcam.snap(function(data_uri) { 
      document.getElementById('my_result').innerHTML = '<img src="'+data_uri+'"/>'; 
     }); 
    } 
</script> 

<a href="javascript:void(take_snapshot())">Take Snapshot</a> 
Смежные вопросы