Instascan: IOS सफारी 11.4- बैक कैमरा ओपनिंग इश्यू

क्या आपके पास ऐप्पल डिवाइस तक पहुंच है? क्या आप जानते हैं कि डेमो काम कर रहा है या नहीं?

ऐसा लगता है कि यह आईओएस सफारी के साथ समस्या हो रही है लेकिन मैंने पढ़ा है कि लोग मेटा टैग जोड़कर इस मुद्दे को दूर करने में सक्षम थे। बस इस मंच के चारों ओर खुदाई करें और आप देखेंगे। मैं कुछ इसी तरह पर काम कर रहा हूं, इसलिए मुझे दिलचस्पी है। जो चीज मुझे पीछे खींच रही है वह यह है कि मेरे पास आसानी से उपलब्ध कोई उपकरण नहीं है।

मैं एक iPhone पर डेमो की कोशिश कर रहा था, यह काम नहीं किया।

हाँ, इस पर काम कर रहा था, मैं इसे काम नहीं कर सकता। वापस जाने और धागे को फिर से पढ़ने की कोशिश कर रहा है। मुझे नवीनतम वेब आरटीसी एडेप्टर जोड़कर और वीडियो टैग में _playsinline_ विशेषता जोड़कर काम करने के लिए सामने वाला कैमरा मिला। यह कैमरों को पढ़ सकता है लेकिन बैक कैमरा पर स्वैप करते समय कुछ नहीं करता है।

मैंने वीडियो टैग के अंदर विशेषता जोड़ी थी और मेटा टैग का भी उल्लेख किया था।

मैंने वीडियो टैग के अंदर playinline विशेषता जोड़ी थी और मेटा टैग का भी उल्लेख किया था।

किसी ने वास्तव में इसे एक धागे में तय किया था। मैं अभी कोशिश कर रहा हूं लेकिन काम पर आने के लिए आईफोन वाले किसी के लिए इंतजार करना होगा।

अरे, मुझे यह काम करने के लिए मिला है, लेकिन अभी भी समस्या है, कैमरों को चुनने के बावजूद, डिफ़ॉल्ट हमेशा बैक रियर कैमरा होगा। इसलिए यदि आपको फ्रंट कैमरा चुनने की आवश्यकता है, तो आप खराब हैं (लेकिन गंभीरता से, कौन सामने वाले कैमरे से स्कैन करने की कोशिश कर रहा है)।

यहाँ मैंने क्या किया!

मैंने मेटा टैग जोड़ा।
<meta name="apple-mobile-web-app-capable" content="yes">

इस विशेषता को जोड़ा:
<video id="scanner" class="video-back" playsinline></video>

इस जेएस फ़ाइल को जोड़ा:
<script type="text/javascript" src="https://webrtc.github.io/adapter/adapter-latest.js"></script>

और फिर इसे रिलीज करने के लिए पैक किया: https://github.com/JoseCDB/instascan/tree/ios-rear-camera। सुनिश्चित नहीं है कि आप नोड.जेएस के साथ गल्प का उपयोग करना जानते हैं, लेकिन यह आसान है। मैंने इसे 15 मिनट में कमाया! मैं इंस्टास्कैन के इस व्यक्ति संस्करण का उपयोग कर रहा हूं। वह इस मुद्दे के बारे में जानता था और इसे ठीक करने में सक्षम था। उम्मीद है ये मदद करेगा। आपको कामयाबी मिले।

मैंने मेटा टैग, वीडियो टैग और एडेप्टर-latest.js का उपयोग किया है।
और मैं instscan.min.js का उपयोग कर रहा हूं और नहीं जानता कि ".js - scan.js - camara.js" को अलग से कैसे उपयोग किया जा सकता है।

मैंने मेटा टैग, वीडियो टैग और एडेप्टर-latest.js का उपयोग किया है।
और मैं instscan.min.js का उपयोग कर रहा हूं और नहीं जानता कि ".js - scan.js - camara.js" को अलग से कैसे उपयोग किया जा सकता है।

आपको node.js इंस्टॉल करना चाहिए था। एक कमांड प्रॉम्प्ट है जो उन सभी फाइलों को एक साथ पैकेज करता है, अंतिम आउटपुट इंस्टास्कैनर की मिनिफाइड जेएस फाइल होगी।

यह एक बेहतरीन उत्पाद है और यह वास्तव में उपयोगी रहा है, इसलिए इसे अद्भुत बनाने के लिए धन्यवाद। मेरे शोध से इस इंस्टास्कैन के साथ यहां समस्या है:

• क्लास कैमरा जब getCameras को कॉल करता है, तो वह कैमरा ऑब्जेक्ट्स का एक संग्रह देता है, जो कि एक कॉल के माध्यम से एकत्र किए गए MediaDeviceInfo ऑब्जेक्ट से mediaDevices.enumerateDevices () पर बनाए जाते हैं। ये मीडियास्ट्रीम ऑब्जेक्ट id _ और _ नाम _ गुण होते हैं और इससे अधिक कुछ नहीं। उनका उपयोग कैमरा ऑब्जेक्ट्स की एक सरणी बनाने के लिए किया जाता है।

जब आप _scanner.start(camera)_ कॉल करते हैं, तो आप एक कैमरा ऑब्जेक्ट में गुजर रहे होते हैं जो कैमरे पर _camera.start()_ विधि को कॉल करेगा।

• _camera.start()_ विधि तब _navigator.mediaDevices.getUserMedia(contraints)_ को कॉल करती है, जो विधि में सूचीबद्ध बाधाओं के आधार पर MediaStream ऑब्जेक्ट सरणी देता है।
• _scanner.start()_ कॉल _scanner._enableScan(camera)_ इसे कैमरे में ऊपर दिए गए कॉल से लौटाया गया पहला MediaStream ऑब्जेक्ट देता है। यह सेट करता है

                  **This Part Is the Disconnect and what is messing it all up!**

बाधा मुद्दा:

पास किया गया कैमरा ऑब्जेक्ट डिवाइस की खोज के लिए बाधाओं में अपनी आईडी का उपयोग _"अनिवार्य"_ के रूप में करता है। यदि यह नहीं मिला, तो कोई वीडियो नहीं दिखाया जाएगा। इसके अलावा अन्य "अनिवार्य" बाधाएं निर्धारित की जाती हैं।

विभिन्न डिवाइस उपयोग की जाने वाली बाधाओं का समर्थन नहीं करते हैं!
इस लिंक को उस डिवाइस पर चलाएं जिसका आप उपयोग करना चाहते हैं और यह आपको बताएगा कि यह किन बाधाओं का समर्थन करता है:
https://developer.mozilla.org/en-US/docs/Web/API/Media_Streams_API/Constraints

इस लिंक को उस डिवाइस पर चलाएं जिसका आप उपयोग करना चाहते हैं और एक बाधा दर्ज करें। यह आपको बताएगा कि क्या यह समर्थित है:
https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackSupportedConstraints/deviceId

आईपैड/आईफोन/आईओएस समर्थित बाधाएं:

पहलू अनुपात, फेसिंग मोड, _deviceId * _ , ऊंचाई, चौड़ाई, पहलू अनुपात और अन्य।

_जब मैंने इसका परीक्षण किया, तो _deviceId को एक बाधा के रूप में अनदेखा कर दिया जाएगा। बाधाओं के लिए उपरोक्त लिंक में इसे आज़माएं और आप देखेंगे कि यह डिवाइस आईडी = "" सेट करता है। जब मैंने इसे जावास्क्रिप्ट में पकड़ लिया और इसे प्रदर्शित किया, तो आईफोन हमेशा एक खाली डिवाइस आईडी लौटाता है।

तो, आईफोन पर बैक कैमरा पकड़ने के लिए, आपको फेसिंग मोड का उपयोग करना होगा और डिवाइस आईडी का उपयोग नहीं करना होगा।

एंड्रॉइड समर्थित बाधाएं:

डिवाइस आईडी, _फेसिंगमोड * _, पहलू अनुपात, ऊंचाई, चौड़ाई, और कई अन्य।

मैंने सैमसंग टैबलेट और एंड्रॉइड फोन पर इसका परीक्षण किया। फेसिंगमोड "उपयोगकर्ता" फ्रंट कैमरा के लिए डिफ़ॉल्ट है। मैंने इस कोड के साथ प्रयोग किया और पाया कि किसी कारण से अभी तक खोजा गया है, एंड्रॉइड के लिए फेसिंग मोड काम नहीं कर रहा है। फिर भी यह उपरोक्त लिंक में काम करता है। मैं उस हिस्से की जांच करना जारी रखूंगा और संभवत: इस कोड को फेसिंग मोड और एंड्रॉइड के साथ ठीक से काम करने के लिए ठीक कर दूंगा।

* * एंड्रॉइड समस्या का जवाब * * *
इस परियोजना के गल्प बिल्ड में वेबआरटीसी-एडेप्टर संस्करण ^1.4.0 शामिल है जो एंड्रॉइड क्रोम पर फेसिंग मोड को गड़बड़ कर देता है। कोड के माध्यम से देखने पर यह वास्तव में फेसिंग मोड को हटा देता है।

• इस प्रोजेक्ट को ठीक करने के लिए - _index.js_ में, लाइन 2 require('webrtc-adapter'); हटा दें, फिर नीचे दी गई बिल्ड प्रक्रियाओं का पालन करें। जब मैंने क्रोम पर टैबलेट और 4 अलग-अलग एंड्रॉइड फोन पर परीक्षण किया तो यह सब बैक कैमरा पकड़ने के लिए फिर से काम करता था।

इस इंस्टास्कैन कोड के साथ एंड्रॉइड पर बैक कैमरा पकड़ने के लिए, आप डिवाइस आईडी का उपयोग कर सकते हैं।
सुनिश्चित करें कि deviceId एक _video_ बाधा है जैसे

video: {
  devideId: this.id
}

कैमरा बाधा कोड:

यहां प्रोजेक्ट से कोड है जो बाधाओं को सेट करता है और MediaStream ऑब्जेक्ट प्राप्त करता है
यह कोड ठीक से काम नहीं करने का कारण यह है कि _video बाधा_ का स्रोत आईडी _Android_ या _Iphone_ के लिए समर्थित नहीं है। इसे डिवाइस आईडी में बदलना होगा । इसके अलावा सभी अनिवार्य वस्तुओं को जाने की जरूरत है यदि वे नहीं हैं जो आपका डिवाइस संभालता है।

async start() {
    let constraints;
    var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;

    if (iOS) {
      constraints = {
        audio: false,
        video: {
          facingMode: 'environment',
          mandatory: {
            sourceId: this.id,
            minWidth: 600,
            maxWidth: 800,
            minAspectRatio: 1.6
          },
          optional: []
        }
      };
    } else {
      constraints = {
        audio: false,
        video: {
          mandatory: {
            sourceId: this.id,
            minWidth: 600,
            maxWidth: 800,
            minAspectRatio: 1.6
          },
          optional: []
        }
      };
    }

    this._stream = await Camera._wrapErrors(async () => {
      return await navigator.mediaDevices.getUserMedia(constraints);
});

इंस्टास्कैन को कैसे संशोधित करें और इसे छोटा करें:

इसे प्राप्त करने और इसे बदलने के लिए, मैं VSCode का उपयोग कर रहा हूं।
1) Node.js और vsCode स्थापित करें।
2) निर्देशिका में एक टर्मिनल पर आप इसे रन डाउनलोड करना चाहते हैं:
git clone https://github.com/JoseCDB/instascan.git

3) टर्मिनल सीडी पर इंस्टास्कैन निर्देशिका में:
cd instascan

4) जावास्क्रिप्ट बदलें और कोड जारी करने के लिए गल्प चलाएं:
gulp release

5) यह आपको _dist_ फ़ोल्डर में एक नया छोटा instascan.min.js आइटम देगा।

उम्मीद है कि इस सप्ताह के अंत में मैं इस Android समस्या का पता लगाने जा रहा हूं। मुझे आशा है कि यह आपको इस भयानक पुस्तकालय के साथ भविष्य की किसी भी परियोजना के लिए पर्याप्त अंतर्दृष्टि प्रदान करेगा।

हाय, यह अच्छी तरह से काम किया जाना चाहिए।
सबसे पहले, https://github.com/webrtc/adapter से एडेप्टर.जेएस जोड़ें ।

उसके बाद इसे क्लोन करें:
git clone https://github.com/quocthai95/instascan.git
Daud:
npm i
आवश्यक स्थापित करने के लिए

अंतिम कोड जारी करने के लिए गल्प का प्रयोग करें:
gulp release

मैंने आईफोन 6 प्लस (आईओएस 11.4) और आईफोन 8 प्लस (आईओएस 11.3) पर जांच की है और यह अच्छी तरह से काम करता है। आप सामान्य रूप से कैमरे स्वैप कर सकते हैं।

आशा है कि आप अपनी समस्या का समाधान कर सकते हैं।

हाय, यह अच्छी तरह से काम किया जाना चाहिए।
सबसे पहले, https://github.com/webrtc/adapter से एडेप्टर.जेएस जोड़ें ।

उसके बाद इसे क्लोन करें:
git clone https://github.com/quocthai95/instascan.git
Daud:
npm i
आवश्यक स्थापित करने के लिए

अंतिम कोड जारी करने के लिए गल्प का प्रयोग करें:
gulp release

मैंने आईफोन 6 प्लस (आईओएस 11.4) और आईफोन 8 प्लस (आईओएस 11.3) पर जांच की है और यह अच्छी तरह से काम करता है। आप सामान्य रूप से कैमरे स्वैप कर सकते हैं।

आशा है कि आप अपनी समस्या का समाधान कर सकते हैं।

आवश्यकताएं स्थापित करते समय मुझे "12 कमजोरियां (1 कम, 5 मध्यम, 6 उच्च)" मिलती हैं।
कुछ "$ npm install --save-dev [package-name]" कमांड इन कमजोरियों को हल करते प्रतीत होते हैं, लेकिन मैं इसे निम्नलिखित अपवाद के कारण नहीं बना सकता:

$ घूंट रिलीज assert.js:351 थ्रो एरर; ^ अभिकथन त्रुटि [ERR_ASSERTION]: टास्क फ़ंक्शन को Gulp.set [as _setTask] पर निर्दिष्ट किया जाना चाहिए (C:\Users\John\Downloads\instascan-ios-rear-camera\instascan-ios-rear-camera\node_modules\undertaker\lib \set-task.js:10:3)

मैं यहाँ से कैसे आगे बढ़ूँ, मैं वास्तव में इस बिल्ड को आज़माना चाहूँगा। यह मेरे एंड्रॉइड फोन के साथ इतना अच्छा काम करता है?

/जॉन

हाय @johnatitide ,
क्या आपने गल्प नवीनतम संस्करण (4.0.0) स्थापित किया है? यदि हां, तो कृपया इसे 3.9.1 तक सीमित रखने का प्रयास करें। एफवाईआई:
https://github.com/ampproject/docs/issues/793#issuecomment -354836162
या आप यह प्रदान कर सकते हैं कि आपने इसे बनाने के लिए कौन से आदेश दिए हैं।

नमस्ते @ quocthai95

बिल्डिंग निम्नलिखित कमांड के साथ काम करती है:
गिट क्लोन https://github.com/quocthai95/instascan.git
npm [email protected] . स्थापित
एनपीएम मैं
घूंट रिलीज

मैं अब iPad और iPhone पर Safari में कैमरा स्विच कर सकता हूँ। अच्छा।

किसी भी मौके पर बाधा को ठीक करने के लिए वापस schmich के रेपो में विलय कर दिया जाएगा?

किसी भी मौके पर बाधा को ठीक करने के लिए वापस schmich के रेपो में विलय कर दिया जाएगा?

मैंने नया पुल अनुरोध बनाया है। ^^ . स्वीकार करने की प्रतीक्षा करें

@ quocthai95 हाय, ive ने https://github.com/schmich/instascan/issues/182#issuecomment -447198290 से आपके चरणों का पालन किया।

मैं सोच रहा था, मुझे अपने एंड्रॉइड क्रोम पर डिफ़ॉल्ट रूप से फ्रंट कैमरा मिल रहा है। सोच रहा था कि मैं कैमरे को डिफ़ॉल्ट कैसे बना सकता हूं? क्या आपके पास एक उदाहरण कोड है?

@fariskas ,
यह जांचने के लिए regexp का उपयोग करें कि क्या यह मेल खाता है/बैक/फिर इसे शुरू करें, ताकि आपके पास डिफ़ॉल्ट रूप से बैक कैमरा हो।

`Instascan.Camera.getCameras ()। तब (फ़ंक्शन (कैमरा) {
अगर (कैमरा [0]। नाम। मैच (/ पीछे / i)) {
स्कैनर.स्टार्ट (कैमरा [0]);
} और अगर (कैमरा [1]। नाम। मैच (/ पीछे / i)) {
स्कैनर.स्टार्ट (कैमरा [1]);
}
}

यह उपयोगी हो सकता है: मैं cameras[i].name में "बैक" खोजने के लिए फॉर-लूप का उपयोग कर रहा हूं, लेकिन मैं असफल रहा और iPad पर बैक कैमरा चुनने में असमर्थ रहा जब तक कि मैंने cameras[i].name से console.log तक नहीं लिखा
इसलिए यदि आप iOS में बैक कैमरा चुनने में असफल होते हैं, तो "बैक" का अनुवाद करने का प्रयास करें या बैक कैमरा का नाम जानने के लिए cameras[i].name से console.log लिखें।

मैं पुष्टि कर सकता हूं कि डेमो केवल सामने वाले कैमरे के साथ काम करता है। यह iOS 12.2 . पर Safari के साथ है

क्या किसी ने आईओएस 12+ पर सफारी के साथ बैक कैमरा का उपयोग करने का तरीका निकाला है?

क्या किसी ने आईओएस 12+ पर सफारी के साथ बैक कैमरा का उपयोग करने का तरीका निकाला है?

मैं इस पुस्तकालय के एक संशोधित संस्करण का उपयोग लगभग 7 महीनों से 30+ से अधिक प्रकार के आईओएस और एंड्रॉइड फोन और टैबलेट पर कर रहा हूं। आप जिस ओएस के साथ काम कर रहे हैं, उससे कोई भी कैमरा प्राप्त करने के लिए एक संशोधित संस्करण के बारे में ऊपर छोड़ी गई टिप्पणियों को देखें। टिप्पणियाँ webrtc को जोड़ने के बारे में बात करती रहती हैं, जिसे मैंने इस पुस्तकालय का पूरा मुद्दा पाया।

मैंने प्रोजेक्ट से webrtc को पूरी तरह से हटा दिया और इसे फिर से कंपाइल किया। es5 या इसके बाद के संस्करण में स्थानांतरित होने पर इस कोड के साथ webrtc की अब आवश्यकता नहीं है। पुस्तकालय में webrtc का उपयोग और इसे कैसे कोडित किया गया था, इसने सही कैमरा को पुनः प्राप्त करने की अनुमति नहीं दी।

मैंने कुछ समय के लिए उपयोग की जाने वाली निश्चित और पारदर्शी नियमित और छोटी जेएस फाइलों को शामिल किया है। मैं इसका उपयोग छात्रों और शिक्षकों के किसी भी फोन पर QrCodes के साथ स्कूल में उपस्थिति के लिए करता हूं, जो इस समय लगभग 30+ मॉडल रहे हैं। यह किसी भी कैमरे को पकड़ सकता है।

आशा है कि ये आपकी मदद करेगा।

बैक कैमरा कोड
```
स्कैनर = नया इंस्टास्कैन। स्कैनर ({वीडियो: वीडियो, स्कैन अवधि: 4, दर्पण: झूठा})
तब (हैंडल सक्सेस)
कैच (हैंडल एरर);
// स्कैन करना शुरू करें
स्कैनर। एड लिस्टनर ('स्कैन', फाउंडकोड);

            Instascan.Camera.getCameras().then(function (cameras) {
                if (cameras.length > 0) {
                    scanner.start(cameras[0]);
                }
                else {
           ...        
                }
            }).catch (function (e) {
             ...  
            });

```
instascan.min.zip

https://github.com/schmich/instascan/issues/182#issuecomment -443388022

यह एक बेहतरीन उत्पाद है और यह वास्तव में उपयोगी रहा है, इसलिए इसे अद्भुत बनाने के लिए धन्यवाद। मेरे शोध से इस इंस्टास्कैन के साथ यहां समस्या है:

• क्लास कैमरा जब getCameras को कॉल करता है, तो वह कैमरा ऑब्जेक्ट्स का एक संग्रह देता है, जो कि एक कॉल के माध्यम से एकत्र किए गए MediaDeviceInfo ऑब्जेक्ट से mediaDevices.enumerateDevices () पर बनाए जाते हैं। ये मीडियास्ट्रीम ऑब्जेक्ट id _ और _ नाम _ गुण होते हैं और इससे अधिक कुछ नहीं। उनका उपयोग कैमरा ऑब्जेक्ट्स की एक सरणी बनाने के लिए किया जाता है।

जब आप _scanner.start(camera)_ कॉल करते हैं, तो आप एक कैमरा ऑब्जेक्ट में गुजर रहे होते हैं जो कैमरे पर _camera.start()_ विधि को कॉल करेगा।

• _camera.start()_ विधि तब _navigator.mediaDevices.getUserMedia(contraints)_ को कॉल करती है, जो विधि में सूचीबद्ध बाधाओं के आधार पर MediaStream ऑब्जेक्ट सरणी देता है।
• _scanner.start()_ कॉल _scanner._enableScan(camera)_ इसे कैमरे में ऊपर दिए गए कॉल से लौटाया गया पहला MediaStream ऑब्जेक्ट देता है। यह इस मीडिया स्ट्रीम ऑब्जेक्ट में src एलिमेंट सेट करता है।
  **This Part Is the Disconnect and what is messing it all up!**

बाधा मुद्दा:

पास किया गया कैमरा ऑब्जेक्ट डिवाइस की खोज के लिए बाधाओं में अपनी आईडी का उपयोग _"अनिवार्य"_ के रूप में करता है। यदि यह नहीं मिला, तो कोई वीडियो नहीं दिखाया जाएगा। इसके अलावा अन्य "अनिवार्य" बाधाएं निर्धारित की जाती हैं।

विभिन्न डिवाइस उपयोग की जाने वाली बाधाओं का समर्थन नहीं करते हैं!
इस लिंक को उस डिवाइस पर चलाएं जिसका आप उपयोग करना चाहते हैं और यह आपको बताएगा कि यह किन बाधाओं का समर्थन करता है:
https://developer.mozilla.org/en-US/docs/Web/API/Media_Streams_API/Constraints

इस लिंक को उस डिवाइस पर चलाएं जिसका आप उपयोग करना चाहते हैं और एक बाधा दर्ज करें। यह आपको बताएगा कि क्या यह समर्थित है:
https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackSupportedConstraints/deviceId

आईपैड/आईफोन/आईओएस समर्थित बाधाएं:

पहलू अनुपात, फेसिंग मोड, _deviceId * _ , ऊंचाई, चौड़ाई, पहलू अनुपात और अन्य।

_जब मैंने इसका परीक्षण किया, तो _deviceId को एक बाधा के रूप में अनदेखा कर दिया जाएगा। बाधाओं के लिए उपरोक्त लिंक में इसे आज़माएं और आप देखेंगे कि यह डिवाइस आईडी = "" सेट करता है। जब मैंने इसे जावास्क्रिप्ट में पकड़ लिया और इसे प्रदर्शित किया, तो आईफोन हमेशा एक खाली डिवाइस आईडी लौटाता है।

तो, आईफोन पर बैक कैमरा पकड़ने के लिए, आपको फेसिंग मोड का उपयोग करना होगा और डिवाइस आईडी का उपयोग नहीं करना होगा।

एंड्रॉइड समर्थित बाधाएं:

डिवाइस आईडी, _फेसिंगमोड * _, पहलू अनुपात, ऊंचाई, चौड़ाई, और कई अन्य।

मैंने सैमसंग टैबलेट और एंड्रॉइड फोन पर इसका परीक्षण किया। फेसिंगमोड "उपयोगकर्ता" फ्रंट कैमरा के लिए डिफ़ॉल्ट है। मैंने इस कोड के साथ प्रयोग किया और पाया कि किसी कारण से अभी तक खोजा गया है, एंड्रॉइड के लिए फेसिंग मोड काम नहीं कर रहा है। फिर भी यह उपरोक्त लिंक में काम करता है। मैं उस हिस्से की जांच करना जारी रखूंगा और संभवत: इस कोड को फेसिंग मोड और एंड्रॉइड के साथ ठीक से काम करने के लिए ठीक कर दूंगा।

*_ * एंड्रॉइड समस्या का उत्तर * _**
इस परियोजना के गल्प बिल्ड में वेबआरटीसी-एडेप्टर संस्करण ^1.4.0 शामिल है जो एंड्रॉइड क्रोम पर फेसिंग मोड को गड़बड़ कर देता है। कोड के माध्यम से देखने पर यह वास्तव में फेसिंग मोड को हटा देता है।

• इस प्रोजेक्ट को ठीक करने के लिए - _index.js_ में, लाइन 2 require('webrtc-adapter'); हटा दें, फिर नीचे दी गई बिल्ड प्रक्रियाओं का पालन करें। जब मैंने क्रोम पर टैबलेट और 4 अलग-अलग एंड्रॉइड फोन पर परीक्षण किया तो यह सब बैक कैमरा पकड़ने के लिए फिर से काम करता था।

इस इंस्टास्कैन कोड के साथ एंड्रॉइड पर बैक कैमरा पकड़ने के लिए, आप डिवाइस आईडी का उपयोग कर सकते हैं।
सुनिश्चित करें कि deviceId एक _video_ बाधा है जैसे

video: {
  devideId: this.id
}

कैमरा बाधा कोड:

यहां प्रोजेक्ट से कोड है जो बाधाओं को सेट करता है और MediaStream ऑब्जेक्ट प्राप्त करता है
यह कोड ठीक से काम नहीं करने का कारण यह है कि _video बाधा_ का स्रोत आईडी _Android_ या _Iphone_ के लिए समर्थित नहीं है। इसे डिवाइस आईडी में बदलना होगा । इसके अलावा सभी अनिवार्य वस्तुओं को जाने की जरूरत है यदि वे नहीं हैं जो आपका डिवाइस संभालता है।

async start() {
    let constraints;
    var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;

    if (iOS) {
      constraints = {
        audio: false,
        video: {
          facingMode: 'environment',
          mandatory: {
            sourceId: this.id,
            minWidth: 600,
            maxWidth: 800,
            minAspectRatio: 1.6
          },
          optional: []
        }
      };
    } else {
      constraints = {
        audio: false,
        video: {
          mandatory: {
            sourceId: this.id,
            minWidth: 600,
            maxWidth: 800,
            minAspectRatio: 1.6
          },
          optional: []
        }
      };
    }

    this._stream = await Camera._wrapErrors(async () => {
      return await navigator.mediaDevices.getUserMedia(constraints);
});

इंस्टास्कैन को कैसे संशोधित करें और इसे छोटा करें:

इसे प्राप्त करने और इसे बदलने के लिए, मैं VSCode का उपयोग कर रहा हूं।

1. Node.js और vsCode स्थापित करें।
2. निर्देशिका में एक टर्मिनल पर आप इसे रन डाउनलोड करना चाहते हैं:
   git clone https://github.com/JoseCDB/instascan.git
3. टर्मिनल सीडी पर इंस्टास्कैन निर्देशिका में:
   cd instascan
4. जावास्क्रिप्ट बदलें और कोड जारी करने के लिए गल्प चलाएं:
   gulp release
5. यह आपको _dist_ फ़ोल्डर में एक नया छोटा instascan.min.js आइटम देगा।

उम्मीद है कि इस सप्ताह के अंत में मैं इस Android समस्या का पता लगाने जा रहा हूं। मुझे आशा है कि यह आपको इस भयानक पुस्तकालय के साथ भविष्य की किसी भी परियोजना के लिए पर्याप्त अंतर्दृष्टि प्रदान करेगा।

मैंने उपरोक्त चरणों का पालन किया और फिर फ़ाइल कैमरा.जेएस (पंक्ति 29 पर) को नीचे के रूप में संपादित किया
facingMode: { exact: "environment" },
यह मेरे लिए काम करता है। धन्यवाद @apchandler

मुझे खुशी है कि आपके पास काम करने के लिए कुछ है! धन्यवाद @glorynguyen इस फिक्स को भी पोस्ट करने के लिए!

दुर्भाग्य से ये समाधान iOS 13 पर काम नहीं करते हैं। यह बस खाली है (काला भी नहीं)।
जब रिमोट डिबगिंग सफारी, कंसोल में भी कोई त्रुटि नहीं दिखाई जाती है।

क्या किसी ने आईओएस 12+ पर सफारी के साथ बैक कैमरा का उपयोग करने का तरीका निकाला है?

मैं इस पुस्तकालय के एक संशोधित संस्करण का उपयोग लगभग 7 महीनों से 30+ से अधिक प्रकार के आईओएस और एंड्रॉइड फोन और टैबलेट पर कर रहा हूं। आप जिस ओएस के साथ काम कर रहे हैं, उससे कोई भी कैमरा प्राप्त करने के लिए एक संशोधित संस्करण के बारे में ऊपर छोड़ी गई टिप्पणियों को देखें। टिप्पणियाँ webrtc को जोड़ने के बारे में बात करती रहती हैं, जिसे मैंने इस पुस्तकालय का पूरा मुद्दा पाया।

मैंने प्रोजेक्ट से webrtc को पूरी तरह से हटा दिया और इसे फिर से कंपाइल किया। es5 या इसके बाद के संस्करण में स्थानांतरित होने पर इस कोड के साथ webrtc की अब आवश्यकता नहीं है। पुस्तकालय में webrtc का उपयोग और इसे कैसे कोडित किया गया था, इसने सही कैमरा को पुनः प्राप्त करने की अनुमति नहीं दी।

मैंने कुछ समय के लिए उपयोग की जाने वाली निश्चित और पारदर्शी नियमित और छोटी जेएस फाइलों को शामिल किया है। मैं इसका उपयोग छात्रों और शिक्षकों के किसी भी फोन पर QrCodes के साथ स्कूल में उपस्थिति के लिए करता हूं, जो इस समय लगभग 30+ मॉडल रहे हैं। यह किसी भी कैमरे को पकड़ सकता है।

आशा है कि ये आपकी मदद करेगा।

बैक कैमरा कोड

scanner = new Instascan.Scanner({ video: video, scanPeriod: 4, mirror:false })
                .then(handleSuccess)
                .catch(handleError);
             //Start scanning
             scanner.addListener('scan', foundCode);

             Instascan.Camera.getCameras().then(function (cameras) {
                 if (cameras.length > 0) {
                     scanner.start(cameras[0]);
                 }
                 else {
            ...        
                 }
             }).catch (function (e) {
              ...  
             });

instascan.min.zip

#182 (टिप्पणी)

यह मेरी समस्या का समाधान करता है, बहुत-बहुत धन्यवाद।

इसके लिए नवीनतम फिक्स क्या है? मैंने धागे से कुछ कोशिश की है लेकिन मुझे केवल फ्रंट कैमरा ही मिल रहा है।
मुझे नहीं पता कि गुलप का उपयोग कैसे करें या वास्तव में .js .git परियोजनाओं को संकलित करें, मैं मुख्य रूप से सी #/एएसपीनेट एमवीसी में कोड करता हूं, इसलिए यह मेरे लिए थोड़ा नया है।
एपचैंडलर का समाधान मुझे त्रुटियां देता है। (वीडियो परिभाषित नहीं)
वर्तमान में Android उपकरणों और IOS के लिए उसके संस्करण के लिए एक "निश्चित" instascan.min.js लोड हो रहा है, लेकिन मैं इसे काम पर नहीं ला सकता।

इसके लिए नवीनतम फिक्स क्या है? मैंने धागे से कुछ कोशिश की है लेकिन मुझे केवल फ्रंट कैमरा ही मिल रहा है।
मुझे नहीं पता कि गुलप का उपयोग कैसे करें या वास्तव में .js .git परियोजनाओं को संकलित करें, मैं मुख्य रूप से सी #/एएसपीनेट एमवीसी में कोड करता हूं, इसलिए यह मेरे लिए थोड़ा नया है।
एपचैंडलर का समाधान मुझे त्रुटियां देता है। (वीडियो परिभाषित नहीं)
वर्तमान में Android उपकरणों और IOS के लिए उसके संस्करण के लिए एक "निश्चित" instascan.min.js लोड हो रहा है, लेकिन मैं इसे काम पर नहीं ला सकता।

क्या आपके पास html वीडियो तत्व मौजूद है?
```

When you run instascan you need to speficy a video element like:

वर स्वयं = यह;
self.scanner = नया Instascan.Scanner ({वीडियो: document.getElementById ('पूर्वावलोकन'), स्कैनपीरियड: 5});
self.scanner.addListener ('स्कैन', फ़ंक्शन (सामग्री, छवि) {
self.scans.unshift ({तिथि: +(Date.now ()), सामग्री: सामग्री});
});
Instascan.Camera.getCameras ()। तब (फ़ंक्शन (कैमरा) {
स्वयं कैमरा = कैमरे;
अगर (कैमरा। लंबाई> 0) {
self.activeCameraId = कैमरा[0].id;
self.scanner.start (कैमरा [0]);
} अन्यथा {
कंसोल.एरर ('कोई कैमरा नहीं मिला।');
}
}).कैच (फ़ंक्शन (ई) {
कंसोल.त्रुटि (ई);
});
```

हाँ, मुझे इसके साथ काम करना है:

<video class="player" style="max-width:100%" id="preview" playsinline></video>

<script>
.....
  Instascan.Camera.getCameras().then(function (cameras) {
        if (cameras.length > 0) {
          scanner.start(cameras[0]);
        } else {
          console.error('No cameras found.');
        }
      }).catch(function (e) {
        console.error(e);
      });
</script>

Iphone/Ios उपकरणों के लिए कैमरे शुरू करना [0]। और यह Android के लिए:

<script>
.....
  Instascan.Camera.getCameras().then(function (cameras) {
                if (cameras.length > 0) {
                    var selectedCam = cameras[0];
                    $.each(cameras, (i, c) => {
                        if (c.name.indexOf('back') != -1) {
                            selectedCam = c;
                            return false;
                        }
                    });
                    scanner.start(selectedCam);
                }
                else {
                    console.error('No cameras found.');
                }
              });
</script>

ऐसा लगता है कि समस्या यह थी कि मैंने केवल Request.UserAgent.Contains("ios") और "iphone" की जाँच की, इसलिए मैंने Iphone के लिए Android स्क्रिप्ट भी चलाई।

यह जानकर अच्छा लगा। जानकारी के लिए धन्यवाद।

@apchandler हाय, क्या आप जानते हैं कि 'मुख्य' बैक कैमरा चुनने का कोई तरीका मौजूद है या नहीं?

मेरे पास एक वेबसाइट है जहां मेरे उपयोगकर्ता इंस्टास्कैन का उपयोग करके क्यूआर कोड स्कैन करेंगे। मैं वेबसाइट विकसित कर रहा हूं और कुछ परीक्षण कर रहा हूं, मैं अपने मोबाइल फोन का उपयोग करके वेबसाइट तक पहुंचता हूं जिसमें 4 बैक कैमरे हैं (हुवावेई पी 30 प्रो)।

मैंने $.प्रत्येक की कोशिश की है और पहले बैक कैमरे के साथ मैं कुछ भी स्कैन नहीं कर सकता क्योंकि दृष्टि बहुत अस्पष्ट है और बहुत सारे ज़ूम के साथ है।

लेकिन, अगर मैं कैमरों का चयन करता हूं [2] मैं सब कुछ स्कैन करने में सक्षम हूं।

'मुख्य' बैक कैमरा चुनने का एक सामान्य तरीका मौजूद है?

मेरा मतलब है, मेरे वेबएप का उपयोग कई उपयोगकर्ताओं द्वारा अलग-अलग मोबाइल फोन, अलग-अलग कैमरों के साथ किया जा रहा है और कैमरों का क्रम भी अलग होगा।

या क्या आप सभी कैमरों के साथ चयन करने की सलाह देते हैं और फिर उपयोगकर्ता को उसके लिए पूरी तरह से काम करने वाले को लेने देते हैं?

धन्यवाद

@apchandler हाय, क्या आप जानते हैं कि 'मुख्य' बैक कैमरा चुनने का कोई तरीका मौजूद है या नहीं?

मेरे पास एक वेबसाइट है जहां मेरे उपयोगकर्ता इंस्टास्कैन का उपयोग करके क्यूआर कोड स्कैन करेंगे। मैं वेबसाइट विकसित कर रहा हूं और कुछ परीक्षण कर रहा हूं, मैं अपने मोबाइल फोन का उपयोग करके वेबसाइट तक पहुंचता हूं जिसमें 4 बैक कैमरे हैं (हुवावेई पी 30 प्रो)।

मैंने $.प्रत्येक की कोशिश की है और पहले बैक कैमरे के साथ मैं कुछ भी स्कैन नहीं कर सकता क्योंकि दृष्टि बहुत अस्पष्ट है और बहुत सारे ज़ूम के साथ है।

लेकिन, अगर मैं कैमरों का चयन करता हूं [2] मैं सब कुछ स्कैन करने में सक्षम हूं।

'मुख्य' बैक कैमरा चुनने का एक सामान्य तरीका मौजूद है?

मेरा मतलब है, मेरे वेबएप का उपयोग कई उपयोगकर्ताओं द्वारा अलग-अलग मोबाइल फोन, अलग-अलग कैमरों के साथ किया जा रहा है और कैमरों का क्रम भी अलग होगा।

या क्या आप सभी कैमरों के साथ चयन करने की सलाह देते हैं और फिर उपयोगकर्ता को उसके लिए पूरी तरह से काम करने वाले को लेने देते हैं?

धन्यवाद

मैं माफी चाहता हूं। मैं किसी भी मूल्य को नहीं जानता जो एक 'मुख्य' कैमरा के रूप में निर्दिष्ट करता है जब कई मौजूद होते हैं। आप चुनिंदा कैमरा फ़ंक्शन को यह निर्दिष्ट करते हुए मानदंड ऑब्जेक्ट दे सकते हैं कि यह कम से कम एक निश्चित रिज़ॉल्यूशन और अन्य स्पेक्स होना चाहिए। यह आपको कम से कम एक न्यूनतम क्षमता वाला कैमरा दे सकता है। अन्यथा आपका समाधान अच्छा लगता है कि आप इससे कैसे संपर्क करना चाहते हैं।

@apchandler हाय, क्या आप जानते हैं कि 'मुख्य' बैक कैमरा चुनने का कोई तरीका मौजूद है या नहीं?
मेरे पास एक वेबसाइट है जहां मेरे उपयोगकर्ता इंस्टास्कैन का उपयोग करके क्यूआर कोड स्कैन करेंगे। मैं वेबसाइट विकसित कर रहा हूं और कुछ परीक्षण कर रहा हूं, मैं अपने मोबाइल फोन का उपयोग करके वेबसाइट तक पहुंचता हूं जिसमें 4 बैक कैमरे हैं (हुवावेई पी 30 प्रो)।
मैंने $.प्रत्येक की कोशिश की है और पहले बैक कैमरे के साथ मैं कुछ भी स्कैन नहीं कर सकता क्योंकि दृष्टि बहुत अस्पष्ट है और बहुत सारे ज़ूम के साथ है।
लेकिन, अगर मैं कैमरों का चयन करता हूं [2] मैं सब कुछ स्कैन करने में सक्षम हूं।
'मुख्य' बैक कैमरा चुनने का एक सामान्य तरीका मौजूद है?
मेरा मतलब है, मेरे वेबएप का उपयोग कई उपयोगकर्ताओं द्वारा अलग-अलग मोबाइल फोन, अलग-अलग कैमरों के साथ किया जा रहा है और कैमरों का क्रम भी अलग होगा।
या क्या आप सभी कैमरों के साथ चयन करने की सलाह देते हैं और फिर उपयोगकर्ता को उसके लिए पूरी तरह से काम करने वाले को लेने देते हैं?
धन्यवाद

मैं माफी चाहता हूं। मैं किसी भी मूल्य को नहीं जानता जो एक 'मुख्य' कैमरा के रूप में निर्दिष्ट करता है जब कई मौजूद होते हैं। आप चुनिंदा कैमरा फ़ंक्शन को यह निर्दिष्ट करते हुए मानदंड ऑब्जेक्ट दे सकते हैं कि यह कम से कम एक निश्चित रिज़ॉल्यूशन और अन्य स्पेक्स होना चाहिए। यह आपको कम से कम एक न्यूनतम क्षमता वाला कैमरा दे सकता है। अन्यथा आपका समाधान अच्छा लगता है कि आप इससे कैसे संपर्क करना चाहते हैं।

आपके उत्तर के लिए बहुत बहुत धन्यवाद! संकल्प के साथ प्रयास करूंगा। इंस्टास्कैन एक कैमरे के संकल्प को वापस कर सकता है?

@glorynguyen और @apchandler द्वारा प्रदान की गई विधियों के अनुसार।
अब रियर कैमरा चालू कर सकते हैं
instascan.min . को संशोधित करें
पहले
case 0:return i={audio:!1,video:{mandatory:{sourceId:this.id,minWidth:600,maxWidth:800,minAspectRatio:1.6},optional:[]}}
बाद में
case 0:return i=(/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream)?{audio:!1,video:{facingMode:{exact:"environment"},mandatory:{sourceId:this.id,minWidth:600,maxWidth:800,minAspectRatio:1.6},optional:[]}}:{audio:!1,video:{mandatory:{sourceId:this.id,minWidth:600,maxWidth:800,minAspectRatio:1.6},optional:[]}}

क्या किसी ने आईओएस 12+ पर सफारी के साथ बैक कैमरा का उपयोग करने का तरीका निकाला है?

मैं इस पुस्तकालय के एक संशोधित संस्करण का उपयोग लगभग 7 महीनों से 30+ से अधिक प्रकार के आईओएस और एंड्रॉइड फोन और टैबलेट पर कर रहा हूं। आप जिस ओएस के साथ काम कर रहे हैं, उससे कोई भी कैमरा प्राप्त करने के लिए एक संशोधित संस्करण के बारे में ऊपर छोड़ी गई टिप्पणियों को देखें। टिप्पणियाँ webrtc को जोड़ने के बारे में बात करती रहती हैं, जिसे मैंने इस पुस्तकालय का पूरा मुद्दा पाया।

मैंने प्रोजेक्ट से webrtc को पूरी तरह से हटा दिया और इसे फिर से कंपाइल किया। es5 या इसके बाद के संस्करण में स्थानांतरित होने पर इस कोड के साथ webrtc की अब आवश्यकता नहीं है। पुस्तकालय में webrtc का उपयोग और इसे कैसे कोडित किया गया था, इसने सही कैमरा को पुनः प्राप्त करने की अनुमति नहीं दी।

मैंने कुछ समय के लिए उपयोग की जाने वाली निश्चित और पारदर्शी नियमित और छोटी जेएस फाइलों को शामिल किया है। मैं इसका उपयोग छात्रों और शिक्षकों के किसी भी फोन पर QrCodes के साथ स्कूल में उपस्थिति के लिए करता हूं, जो इस समय लगभग 30+ मॉडल रहे हैं। यह किसी भी कैमरे को पकड़ सकता है।

आशा है कि ये आपकी मदद करेगा।

बैक कैमरा कोड

scanner = new Instascan.Scanner({ video: video, scanPeriod: 4, mirror:false })
                .then(handleSuccess)
                .catch(handleError);
             //Start scanning
             scanner.addListener('scan', foundCode);

             Instascan.Camera.getCameras().then(function (cameras) {
                 if (cameras.length > 0) {
                     scanner.start(cameras[0]);
                 }
                 else {
            ...        
                 }
             }).catch (function (e) {
              ...  
             });

instascan.min.zip

#182 (टिप्पणी)

आपने सर ने अभी-अभी एक जूनियर देव की नौकरी बचाई है, आपने अपने आप को एक आजीवन प्रशंसक बना लिया है।

धन्यवाद। जब मैंने यह कोड देखा तो मैं वहीं था जहां आप थे। एक समय सीमा थी और 30 विभिन्न प्रकार के कैमरों की जरूरत थी। मुझे खुशी है कि उन्होंने यह लिखा।

फोन के 45 अलग-अलग मॉडलों के साथ अब 15 महीने चल रहे हैं और सैमसंग फोन पर केवल एक हिचकी है जिसे सैमसंग द्वारा पैच किए जाने पर ठीक किया गया था। तो यह एक सैमसंग वेबकिट त्रुटि थी।

नमस्ते,
मैं भी अन्य व्यक्ति की तरह IOS के साथ बैक कैमरा समस्या का सामना कर रहा हूं। मेरा पिछला कैमरा iPhone पर नहीं खुल रहा है, डिफ़ॉल्ट फ्रंट कैमरा चल रहा है। अगर किसी ने सफारी के अद्यतन संस्करण (13.xx. xx) के साथ इस मुद्दे को हल किया है तो कृपया मेरी मदद करें।

क्या किसी ने आईओएस 12+ पर सफारी के साथ बैक कैमरा का उपयोग करने का तरीका निकाला है?

मैं इस पुस्तकालय के एक संशोधित संस्करण का उपयोग लगभग 7 महीनों से 30+ से अधिक प्रकार के आईओएस और एंड्रॉइड फोन और टैबलेट पर कर रहा हूं। आप जिस ओएस के साथ काम कर रहे हैं, उससे कोई भी कैमरा प्राप्त करने के लिए एक संशोधित संस्करण के बारे में ऊपर छोड़ी गई टिप्पणियों को देखें। टिप्पणियाँ webrtc को जोड़ने के बारे में बात करती रहती हैं, जिसे मैंने इस पुस्तकालय का पूरा मुद्दा पाया।

मैंने प्रोजेक्ट से webrtc को पूरी तरह से हटा दिया और इसे फिर से कंपाइल किया। es5 या इसके बाद के संस्करण में स्थानांतरित होने पर इस कोड के साथ webrtc की अब आवश्यकता नहीं है। पुस्तकालय में webrtc का उपयोग और इसे कैसे कोडित किया गया था, इसने सही कैमरा को पुनः प्राप्त करने की अनुमति नहीं दी।

मैंने कुछ समय के लिए उपयोग की जाने वाली निश्चित और पारदर्शी नियमित और छोटी जेएस फाइलों को शामिल किया है। मैं इसका उपयोग छात्रों और शिक्षकों के किसी भी फोन पर QrCodes के साथ स्कूल में उपस्थिति के लिए करता हूं, जो इस समय लगभग 30+ मॉडल रहे हैं। यह किसी भी कैमरे को पकड़ सकता है।

आशा है कि ये आपकी मदद करेगा।

बैक कैमरा कोड

scanner = new Instascan.Scanner({ video: video, scanPeriod: 4, mirror:false })
                .then(handleSuccess)
                .catch(handleError);
             //Start scanning
             scanner.addListener('scan', foundCode);

             Instascan.Camera.getCameras().then(function (cameras) {
                 if (cameras.length > 0) {
                     scanner.start(cameras[0]);
                 }
                 else {
            ...        
                 }
             }).catch (function (e) {
              ...  
             });

instascan.min.zip

#182 (टिप्पणी)

Android और iOS दोनों पर एक आकर्षण की तरह काम किया! मैंने अभी मूल इंस्टास्कैन मास्टर शाखा डाउनलोड की है, अपनी फाइलों को "डिस्ट" फ़ोल्डर में डाल दिया है, और बस! आपको बहुत बहुत धन्यवाद महोदय !

Android और iOS दोनों पर एक आकर्षण की तरह काम किया! मैंने अभी मूल इंस्टास्कैन मास्टर शाखा डाउनलोड की है, अपनी फाइलों को "डिस्ट" फ़ोल्डर में डाल दिया है, और बस! आपको बहुत बहुत धन्यवाद महोदय !

@ एंटवर्क्स-हब क्या आपने शाखा या मिनीफाइड जेएस से पूरे कोड का उपयोग किया था?
आपको "dist" फ़ोल्डर कहाँ से मिला?

Android और iOS दोनों पर एक आकर्षण की तरह काम किया! मैंने अभी मूल इंस्टास्कैन मास्टर शाखा डाउनलोड की है, अपनी फाइलों को "डिस्ट" फ़ोल्डर में डाल दिया है, और बस! आपको बहुत बहुत धन्यवाद महोदय !

@ एंटवर्क्स-हब क्या आपने शाखा या मिनीफाइड जेएस से पूरे कोड का उपयोग किया था?
आपको "dist" फ़ोल्डर कहाँ से मिला?

@ Sandi2211 मुझे लगता है कि मैंने मूल इंस्टास्कैन मास्टर शाखा की जड़ में एक "डिस्ट" फ़ोल्डर बनाया और उस फ़ोल्डर में इंस्टास्का, min.zip फ़ाइल की सामग्री डाल दी।

क्या किसी ने आईओएस 12+ पर सफारी के साथ बैक कैमरा का उपयोग करने का तरीका निकाला है?

मैं इस पुस्तकालय के एक संशोधित संस्करण का उपयोग लगभग 7 महीनों से 30+ से अधिक प्रकार के आईओएस और एंड्रॉइड फोन और टैबलेट पर कर रहा हूं। आप जिस ओएस के साथ काम कर रहे हैं, उससे कोई भी कैमरा प्राप्त करने के लिए एक संशोधित संस्करण के बारे में ऊपर छोड़ी गई टिप्पणियों को देखें। टिप्पणियाँ webrtc को जोड़ने के बारे में बात करती रहती हैं, जिसे मैंने इस पुस्तकालय का पूरा मुद्दा पाया।
मैंने प्रोजेक्ट से webrtc को पूरी तरह से हटा दिया और इसे फिर से कंपाइल किया। es5 या इसके बाद के संस्करण में स्थानांतरित होने पर इस कोड के साथ webrtc की अब आवश्यकता नहीं है। पुस्तकालय में webrtc का उपयोग और इसे कैसे कोडित किया गया था, इसने सही कैमरा को पुनः प्राप्त करने की अनुमति नहीं दी।
मैंने कुछ समय के लिए उपयोग की जाने वाली निश्चित और पारदर्शी नियमित और छोटी जेएस फाइलों को शामिल किया है। मैं इसका उपयोग छात्रों और शिक्षकों के किसी भी फोन पर QrCodes के साथ स्कूल में उपस्थिति के लिए करता हूं, जो इस समय लगभग 30+ मॉडल रहे हैं। यह किसी भी कैमरे को पकड़ सकता है।
आशा है कि ये आपकी मदद करेगा।
बैक कैमरा कोड

scanner = new Instascan.Scanner({ video: video, scanPeriod: 4, mirror:false })
                .then(handleSuccess)
                .catch(handleError);
             //Start scanning
             scanner.addListener('scan', foundCode);

             Instascan.Camera.getCameras().then(function (cameras) {
                 if (cameras.length > 0) {
                     scanner.start(cameras[0]);
                 }
                 else {
            ...        
                 }
             }).catch (function (e) {
              ...  
             });

instascan.min.zip
#182 (टिप्पणी)

यह मेरी समस्या का समाधान करता है, बहुत-बहुत धन्यवाद।

धन्यवाद यार, मेरा काम अच्छा है, बस अपना नया जेएस जोड़ें।

कोई दिक्कत नहीं है। मुझे खुशी है कि यह सब अभी भी यहाँ काम कर रहा है।

क्या किसी ने आईओएस 12+ पर सफारी के साथ बैक कैमरा का उपयोग करने का तरीका निकाला है?

मैं इस पुस्तकालय के एक संशोधित संस्करण का उपयोग लगभग 7 महीनों से 30+ से अधिक प्रकार के आईओएस और एंड्रॉइड फोन और टैबलेट पर कर रहा हूं। आप जिस ओएस के साथ काम कर रहे हैं, उससे कोई भी कैमरा प्राप्त करने के लिए एक संशोधित संस्करण के बारे में ऊपर छोड़ी गई टिप्पणियों को देखें। टिप्पणियाँ webrtc को जोड़ने के बारे में बात करती रहती हैं, जिसे मैंने इस पुस्तकालय का पूरा मुद्दा पाया।

मैंने प्रोजेक्ट से webrtc को पूरी तरह से हटा दिया और इसे फिर से कंपाइल किया। es5 या इसके बाद के संस्करण में स्थानांतरित होने पर इस कोड के साथ webrtc की अब आवश्यकता नहीं है। पुस्तकालय में webrtc का उपयोग और इसे कैसे कोडित किया गया था, इसने सही कैमरा को पुनः प्राप्त करने की अनुमति नहीं दी।

मैंने कुछ समय के लिए उपयोग की जाने वाली निश्चित और पारदर्शी नियमित और छोटी जेएस फाइलों को शामिल किया है। मैं इसका उपयोग छात्रों और शिक्षकों के किसी भी फोन पर QrCodes के साथ स्कूल में उपस्थिति के लिए करता हूं, जो इस समय लगभग 30+ मॉडल रहे हैं। यह किसी भी कैमरे को पकड़ सकता है।

आशा है कि ये आपकी मदद करेगा।

बैक कैमरा कोड

scanner = new Instascan.Scanner({ video: video, scanPeriod: 4, mirror:false })
                .then(handleSuccess)
                .catch(handleError);
             //Start scanning
             scanner.addListener('scan', foundCode);

             Instascan.Camera.getCameras().then(function (cameras) {
                 if (cameras.length > 0) {
                     scanner.start(cameras[0]);
                 }
                 else {
            ...        
                 }
             }).catch (function (e) {
              ...  
             });

instascan.min.zip

#182 (टिप्पणी)

टक्स, @apchandler11! आपने मेरा काम बचा लिया। भगवान डीएमएस!