ब्राउज़र वेब कैमरा स्ट्रीम में बहुत कम प्रदर्शन/फ्रेम दर

Question

मैं वेबआरटीसी का परीक्षण करने की कोशिश कर रहा हूं और अपनी स्ट्रीम के साथ-साथ सहकर्मी की स्ट्रीम भी प्रदर्शित करना चाहता हूं। मेरे पास वर्तमान में कैमरा तत्व और पाइप को वीडियो तत्व में प्राप्त करने के लिए एक साधारण शिम है, हालांकि फ्रेम दर बहुत कम है। इसके बारे में दुर्लभ बात यह है कि मैं WebRTC साइट से उदाहरणों का प्रयास कर सकता हूं और वे बेकार ढंग से काम करते हैं .. वीडियो चिकनी है और इसमें कोई समस्या नहीं है। मैं कंसोल पर जाता हूं और मेरा कोड उनके जैसा दिखता है .. क्या हो सकता है? मैंने fiddle दोनों बनाने की कोशिश की और उस कोड को ब्रैकेट के भीतर चलाया लेकिन यह अभी भी बहुत ही काम करता है।

video = document.getElementById('usr-cam'); 

    navigator.mediaDevices.getUserMedia({video : { 
     width : {exact : 320}, 
     height : {exact: 240} 
    }}) 
    .then(function(stream){ 


     if(navigator.mozGetUserMedia) 
     { 
     video.mozSrcObject = stream; 
     } 
     else 
     { 
     video.srcObject = stream; 
     } 



    }) 
    .catch(function(e){ 
     alert(e); 
    }); 

बहुत कुछ मैं करता हूं। ध्यान रखें कि मैं एपीआई navigator.getUserMedia() के बजाय नया navigator.mediaDevices() एपीआई का उपयोग कर रहा हूं लेकिन मुझे नहीं लगता कि इससे 1 के बाद से कोई फर्क नहीं पड़ता। मैं adapter.js नामक वेबआरटीसी समूह द्वारा प्रदान की गई एक शिम का उपयोग कर रहा हूं, जिसका उपयोग वे स्वयं करते हैं। 2. मुझे नहीं लगता कि आप वीडियो स्ट्रीम को पकड़ने के तरीके को कैसे प्रभावित करेंगे।

Answer 1

ठीक है, मैं इस के लिए बहुत बेवकूफ महसूस करता हूं ... मैं इस तथ्य से धोखा दे रहा था कि वीडियो तत्व आपको कुछ भी करने के बिना प्रदर्शित छवि को अपडेट करेगा लेकिन आउटपुट स्ट्रीम पाइप करेगा, जिसका अर्थ है कि छवि होगी अपडेट करें, लेकिन वास्तव में लंबे अंतराल पर, ऐसा लगता है कि वीडियो लगी हुई है। मैं वास्तव में play() वीडियो भूल गया था या autoplay अपनी संपत्ति के रूप में जोड़ना चाहता था ... यह अब अच्छी तरह से काम करता है।