2012-03-10 32 views
14

Quiero crear una aplicación de chat de video con elementos HTML 5 y JavaScript, y no quiero utilizar Flash para acceder a las cámaras web del usuario.Acceso a la cámara web sin flash

¿Cómo puedo lograr esto usando solo HTML y JavaScript?

+0

Esto no se puede hacer. Se la respuesta de - http://stackoverflow.com/questions/6976079/html-5-streaming-webcam-video/6976093#6976093 – aioobe

+0

Untrue. Dentro de ciertas restricciones, es posible. –

+0

Posible duplicado de [acceder a la cámara web en páginas web] (http://stackoverflow.com/questions/9533773/accessing-webcam-in-web-pages) –

Respuesta

12

Al momento de escribir esto, la mejor solución es WebRTC. Es supported in Chrome, Mozilla and Opera, pero aún no disponible en Internet Explorer y Safari.

Demo minimalista.

Index.HTML

<!DOCTYPE html> 
<head> 
</head> 
<body> 
    <video></video> 
    <script src="webcam.js"></script> 
</body> 

webcam.js

(function() { 
    navigator.getMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia); 

    navigator.getMedia(
     // constraints 
     {video:true, audio:false}, 

     // success callback 
     function (mediaStream) { 
      var video = document.getElementsByTagName('video')[0]; 
      video.src = window.URL.createObjectURL(mediaStream); 
      video.play(); 
     }, 
     //handle error 
     function (error) { 
      console.log(error); 
     }) 
})(); 

Más here o there

Cuestiones relacionadas