webrtc
कैमरा और माइक्रोफ़ोन एक्सेस का अनुरोध करने के लिए getUserMedia () का उपयोग करना
खोज…
GetUserMedia का उपयोग करना ()
जैसा कि हम जानते थे, WebRTC सभी जावास्क्रिप्ट विकास और कोडिंग पर आधारित है और अधिक जानकारी और उदाहरणों के लिए कृपया यहां और यहां देखें।
और अब, मैं आपको getUserMedia(); का उपयोग करने के लिए एक बहुत ही सरल उदाहरण दिखाता हूं getUserMedia();
किस लिए getUserMedia() का उपयोग किया जाता है?
getUserMedia () का उपयोग उपयोगकर्ता / आगंतुक के कैमरे और माइक्रोफोन का पता लगाने के लिए किया जाता है।
getUserMedia() लिए समर्थित ब्राउज़र getUserMedia()
मोज़िला फ़ायरफ़ॉक्स 22 (पीसी) या उच्चतर।
Microsoft एज 21 (पीसी) या उच्चतर।
Google Chrome 23 (PC) या उच्चतर।
ओपेरा 18 (पीसी) या उच्चतर।
Google Chrome 28 (Android) या उच्चतर।
मोज़िला फ़ायरफ़ॉक्स 24 (Android) या उच्चतर।
ओपेरा मोबाइल 12 (Android) या उच्चतर।
iOS ( Bowser )।
क्रोम ओएस
फ़ायरफ़ॉक्स ओएस
डिफ़ॉल्ट ब्लैकबेरी 10 ब्राउज़र।
getUserMedia का उपयोग करने के लिए आवश्यक फ़ाइलें
- https://github.com/webrtc/samples/blob/gh-pages/src/content/getusermedia/gum/js/test.js
- https://github.com/webrtc/samples/blob/gh-pages/src/content/getusermedia/gum/js/main.js
- https://github.com/webrtc/samples/blob/gh-pages/src/js/adapter.js
- https://github.com/webrtc/samples/blob/gh-pages/src/js/common.js
- https://github.com/webrtc/samples/blob/gh-pages/src/js/lib/ga.js
- एक सामान्य HTML फ़ाइल में कोडिंग शुरू करें।
-
<body></body>टैग में, आवश्यक WebRTC API फ़ाइलें शामिल करें:
मैं Stackoverflow Editor's कोड का उपयोग नहीं कर पा रहा हूँ, इसलिए यहाँ कोड है: http://pastebin.com/2fQJJG
बहुत बढ़िया! आप अभी एक महान स्टार्टर हैं और इसे सामान्य रूप से काम करना चाहिए।
अंतिम कोड:
<html>
<body>
<script src="js/adapter.js"></script>
<script src="js/common.js"></script>
<script src="js/main.js"></script>
<script src="js/lib/ga.js"></script>
<body>
</html>
यह बहुत आसान था, है ना?