플래시없이 웹캠에 액세스

HTML 5 요소와 JavaScript를 사용하여 화상 채팅 응용 프로그램을 만들고 싶습니다. Flash를 사용하여 사용자의 웹캠에 액세스하고 싶지 않습니다.플래시없이 웹캠에 액세스

어떻게하면 HTML과 JavaScript만으로이 작업을 수행 할 수 있습니까?

2012-03-10 Tamer El-Nasser

더이 할 수없는 읽기. 자체 의 대답 - http://stackoverflow.com/questions/6976079/html-5-streaming-webcam-video/6976093#6976093 – aioobe

사실. 특정 제한 내에서 가능합니다. 의 –

가능한 복제 [웹 페이지에 액세스하는 웹캠 (http://stackoverflow.com/questions/9533773/accessing-webcam-in-web-pages) –

이 글을 쓰는 순간 가장 좋은 해결책은 WebRTC입니다. supported in Chrome, Mozilla and Opera이지만 Internet Explorer와 Safari에서는 여전히 unavaialble입니다.

최소 데모.

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); 
     }) 
})();

는 here 또는 there

출처

2014-01-27 10:28:14

플래시없이 웹캠에 액세스

답변

관련 문제