2012-03-10 26 views
14

Desidero creare un'applicazione di chat video utilizzando elementi HTML 5 e JavaScript e non voglio utilizzare Flash per accedere alle webcam dell'utente.Accesso alla webcam senza Flash

Come posso realizzare questo utilizzando solo HTML e JavaScript?

+0

Questo non può essere fatto. Se la risposta è - http://stackoverflow.com/questions/6976079/html-5-streaming-webcam-video/6976093#6976093 – aioobe

+0

Non vero. Entro certi limiti è possibile. –

+0

Possibile duplicato di [accesso alla webcam nelle pagine web] (http://stackoverflow.com/questions/9533773/accessing-webcam-in-web-pages) –

risposta

12

Al momento della stesura di questo la soluzione migliore è WebRTC. È supported in Chrome, Mozilla and Opera, ma ancora non disponibile in Internet Explorer e 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); 
     }) 
})(); 

Leggi tutto here o there