2012-03-10 41 views
14

Tôi muốn tạo ứng dụng trò chuyện video bằng cách sử dụng HTML 5 thành phần và JavaScript và tôi không muốn sử dụng Flash để truy cập webcam của người dùng.Truy cập webcam mà không cần Flash

Tôi làm cách nào để thực hiện điều này bằng cách sử dụng HTML và JavaScript?

+0

này không thể được thực hiện. Se câu trả lời của - http://stackoverflow.com/questions/6976079/html-5-streaming-webcam-video/6976093#6976093 – aioobe

+0

Không đúng. Trong một số ràng buộc nhất định, điều đó là có thể. –

+0

Bản sao có thể có của [truy cập webcam trong các trang web] (http://stackoverflow.com/questions/9533773/accessing-webcam-in-web-pages) –

Trả lời

12

Tại thời điểm viết giải pháp tốt nhất này là WebRTC. Nó là supported in Chrome, Mozilla and Opera, nhưng vẫn không thể bỏ qua trong Internet Explorer và Safari.

Bản trình diễn tối giản.

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

Read more here hoặc there

Các vấn đề liên quan