2012-03-10 15 views
14

मैं HTML 5 तत्वों और जावास्क्रिप्ट का उपयोग करके एक वीडियो चैट एप्लिकेशन बनाना चाहता हूं, और मैं उपयोगकर्ता के वेबकैम तक पहुंचने के लिए फ्लैश का उपयोग नहीं करना चाहता हूं।फ्लैश के बिना वेबकैम एक्सेस करें

मैं केवल HTML और जावास्क्रिप्ट का उपयोग करके इसे कैसे पूरा कर सकता हूं?

+0

यह नहीं किया जा सकता पढ़ें। - http://stackoverflow.com/questions/6976079/html-5- स्ट्रीमिंग-webcam-video/6976093#6976093 – aioobe

+0

असत्य का उत्तर। कुछ बाधाओं के भीतर यह संभव है। –

+0

[वेब पृष्ठों में वेबकैम तक पहुंचने का संभावित डुप्लिकेट] (http://stackoverflow.com/questions/9533773/accessing-webcam-in-web-pages) –

उत्तर

12

लिखने के पल में यह सबसे अच्छा समाधान वेबआरटीसी है। यह supported in Chrome, Mozilla and Opera है, लेकिन अभी भी इंटरनेट एक्सप्लोरर और सफारी में अनौपचारिक है।

न्यूनतम डेमो।

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

संबंधित मुद्दे