WebRTC - और भी आसान (EasyRTC)

मैं अभी तक सिग्नल सर्वर को दूर करने में कामयाब नहीं हुआ हूं जब एक मल्टी-यूजर चैट लिख रहा है, इसलिए मैंने तैयार रूपरेखाओं की तलाश शुरू कर दी। सब से आसान मुझे EasyRTC लग रहा था।

निर्देशों के अनुसार, सब कुछ बहुत सरल रूप से स्थापित किया गया है, दोनों विंडोज पर और लिनक्स पर:
1. डाउनलोड और Node.js. स्थापित करें
2. जीथब से, हम आसान आरआरटीसी डाउनलोड करते हैं, डाउनलोड किए गए फ़ोल्डर पर जाएं।
3. हम कंसोल npm स्थापित में टाइप करते हैं (मैं डाउनलोड किए गए easyRTC फ़ोल्डर की निर्देशिका में याद करते हैं) Node.js के लिए आवश्यक पैकेज स्थापित किए जाएंगे
4. वहाँ हम कंसोल में सर्वर भी शुरू करते हैं: नोड server.js।
सभी !!! अब, डिफ़ॉल्ट रूप से, आपके सर्वर के 8080 के समय, easyRTC का उपयोग करने के उदाहरण लॉन्च किए जाते हैं।
अपनी चैट लिखने के लिए, आपको अपने पृष्ठ पर socket.io.js और easyrtc.js कनेक्ट करने की आवश्यकता है, जब nginx का उपयोग करके आप निम्नानुसार "प्रॉक्सी" कर सकते हैं:
कॉन्फ़िगरेशन फ़ाइल में:

 अपस्ट्रीम backendEasyRTC {
		 सर्वर 127.0.0.1:9080;
     }
 सर्वर अनुभाग में:
 स्थान /socket.io {
                        #proxy_pass http: // 127.0.0.1:9080;
			 प्रॉक्सी_पास http: // backendEasyRTC;
			 प्रॉक्सी_हेटप_वॉस 1.1;
			 xy_set_header अपग्रेड $ http_upgrad;
			 प्रॉक्सी_सेट_हाइडर कनेक्शन "अपग्रेड";
			 xy_set_header होस्ट $ होस्ट;
         }

Socket.io.js और easyrtc.js (जो एपी फ़ोल्डर में स्थित है) क्रमशः स्टैटिक्स में आते हैं।

अगला, आपको easyRTC को कॉन्फ़िगर करने की आवश्यकता है:

Easyrtc.js फ़ाइल में, easyRTC.webSocket को इसमें बदलें:

 easyRTC.webSocket = io.connect ('http: // your server');

और config.js कॉन्फ़िगरेशन फ़ाइल में (सर्वर के रूप में एक ही स्थान पर स्थित) मेरे मानक 9080 में, आपके लिए मानक पोर्ट परिवर्तित करें:

 config.httpPort = 9080;

अपने पृष्ठ पर, आवश्यक फ़ाइलों को कनेक्ट करें

 <script src = "/ socket.io/socket.io.js"> </ script>
 <script type = "text / javascript" src = "/ static / js / easyrtc.js"> / / />

विडियो टैग्स दें:
दूरस्थ उपयोगकर्ताओं के लिए

 <वीडियो ऑटोप्ले = "ऑटोप्ले" आईडी = "RemoteVideo1"> </ वीडियो>
 <वीडियो ऑटोप्ले = "ऑटोप्ले" आईडी = "RemoteVideo2"> </ वीडियो>

और खुद को प्रदर्शित करने के लिए

 <video autoplay = "autoplay" id = "localVideo" मौन = "मौन" आयतन = "0"> </ वीडियो>

हम पृष्ठ की शुरुआत में easyRTC शुरू करते हैं:

 var maxCALLERS = 3;  // कमरे में लोगों की संख्या
 window.onload - function () {
   easyRTC.setLoggedInListener (callEverybodyElse);  // जब एक नई धारा webrtc होती है
   easyRTC.initManaged ("myroom", "localVideo", ["RemoteVideo1", "RemoteVideo2], loginSuccess);
 // myroom - उस कमरे का नाम जहां उपयोगकर्ता होंगे
 // localVideo - आपका वीडियो
  // ["RemoteVideo1", "RemoteVideo2] - जहां दूरदराज के उपयोगकर्ताओं की धाराओं का उत्पादन करने के लिए। 
 // loginSuccess - इसमें आप अपनी स्ट्रीम आईडी का पता लगा सकते हैं
 }

 फ़ंक्शन लॉगिन करें असफल (easyRTCId) {
     कंसोल.लॉग ('मेरी आईडी' + easyRTCId);  // आगे उपयोगकर्ता पहचान के लिए उपयोगी है
 }

 समारोह callEverybodyElse (अन्य लोगों) {
             easyRTC.setLoggedInListener (नल); 
             var सूची = []; 
             var ConnectCount = 0;
    
             के लिए (var मैं अन्य लोगों में) { 
                 list.push (i);
             }
     // डिफ़ॉल्ट रूप से, नई स्ट्रीम सरणी में अंतिम है
             समारोह स्थापना (स्थिति) {
                 फ़ंक्शन कॉल करें असफल () {
                     कनेक्टकाउंट ++;
                     अगर (कनेक्ट कनेक्ट <maxCALLERS && स्थिति> 0) {
                         स्थापित करना (स्थिति -1);
                     }
                 }
                 फ़ंक्शन कॉल फ़ेल्योर () {
                     easyRTC.showError ("CALL-REJECTED", "अन्य पार्टी द्वारा अस्वीकृत");
                     अगर (कनेक्ट कनेक्ट <maxCALLERS && स्थिति> 0) {
                         स्थापित करना (स्थिति -1);
                     }            
                 }
                 easyRTC.call (सूची [स्थिति], callSuccess, callFailure);    
             }
             अगर (सूची। गति> 0) { 
                 स्थापित करना (list.length -1); 
             }
         }

इसके अतिरिक्त, आप कनेक्शन पोर्ट निर्दिष्ट कर सकते हैं:

 easyRTC.setSocketUrl (": 9088");

बिटरेट वीडियो:

 easyRTC.setVideoBandwidth (40);

वीडियो रिज़ॉल्यूशन:

 easyRTC.setVideoDims (320,180);  - वीडियो संकल्प

यह बहु-उपयोगकर्ता चैट के लिए न्यूनतम आवश्यक है।
इसके अतिरिक्त, config.js easyrtc.js फ़ाइलों के साथ-साथ Github और Google समूहों पर भी।
अंत तक पढ़े तो धन्यवाद।

वेबसाइट: http://www.easyrtc.com/
गिथब: https://github.com/priologic/easyrtc
Google समूह: https://groups.google.com/d/forum/easyrtc