Instascan: IOS11 - वेब आरटीसी संगतता

$500 इनाम मैं इस मुद्दे को हल करने में असमर्थ हूँ शायद $500 का इनाम किसी ऐसे व्यक्ति को प्रोत्साहित करेगा जो इस मुद्दे को हल करने के लिए मुझसे अधिक सक्षम है। मेरा मानना ​​है कि IOS11 बीटा अब webRTC getUserMedia() का समर्थन करता है। आप एक कार्यशील डेमो देख सकते हैं (केवल अगर आपके पास iOS11 बीटा इंस्टॉल है :-) -> https://tokbox.com/developer/sdks/js/ -> https://tokbox.com/developer/beta/safari /

यह इनाम अभी भी मान्य है - और मैं इसका सम्मान करूंगा।
हम अपनी परियोजना में इंस्टास्कैन का उपयोग करने का इरादा रखते हैं, लेकिन कुछ समर्थन की आवश्यकता है (जिसके लिए हम भुगतान करने के लिए तैयार हैं)
क्या कोई है जो कर सकता है
[१] समस्या का समाधान करें
[२] इंस्टास्कैन प्रोजेक्ट में ओपन सोर्स कोड का योगदान करें
[३] और अपने प्रयासों के लिए थोड़ा पैसा कमाएं

+1

@ddwyer हमने हाल ही में इंस्टास्कैन को आउट एप्लिकेशन में लागू किया है। यह एक महान पुस्तकालय है और उम्मीद के मुताबिक काम करता है। हमने जारी किए गए संस्करण का उपयोग नहीं किया, लेकिन मास्टर से एक नया बनाया।

यहाँ मैंने अपने ऐप में एक नया निर्माण करने के लिए क्या किया है:

git clone [email protected]:schmich/instascan.git
cd instascan/
npm install gulp-cli -g
npm install
gulp release
cp dist/instascan.min.js /path/to/our/libraries/include/dir

आईडी के आधार पर कैमरा चुनने से काम नहीं चला। इसमें हमेशा फ्रंट कैमरा का इस्तेमाल होता था। हमने कैमरा.जेएस में एक बदसूरत पैच जोड़कर इसे हल किया:

diff --git a/src/camera.js b/src/camera.js
index 5403b3c..4a46e32 100644
--- a/src/camera.js
+++ b/src/camera.js
@@ -31,6 +31,11 @@ class Camera {
       }
     };

+    var userAgent = window.navigator.userAgent;
+    if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i)) {
+        constraints.video.facingMode = "environment";
+    }
+
     this._stream = await Camera._wrapErrors(async () => {
       return await navigator.mediaDevices.getUserMedia(constraints);
     });

मैं इस बदलाव के लिए पीआर नहीं बनाऊंगा क्योंकि यह एक अच्छा समाधान नहीं है। लेकिन यह काम करता है, इसे अपनी परियोजनाओं में उपयोग करने के लिए स्वतंत्र महसूस करें।

बस fyi, iOS11 बीटा में <video /> तत्व को विशेषता playsinline । थोड़ी देर के लिए एक बग लग रहा था, लेकिन अब यह बीटा से बाहर हो गया है, जल्द ही आईडीके ...

https://github.com/serratus/quaggaJS/commit/e8352c7017a2f7a7500fa054f342b9689ff5d8b7#diff -afd7828cb7f3e7a1f8fe7305f50b5021

https://github.com/PaulKinlan/qrcode/commit/b79718b2391969b2291db93ba388b4c2b2f3f9d4

मैं पुष्टि कर सकता हूं कि हमने @inorbert और shazam के निर्देशों का पालन किया है .. जादू की तरह यह सब काम कर रहा है।
हमने जो पाया है उसे सुधारने और वापस रिपोर्ट करने के लिए हम देखेंगे।
-- डैरेन

यह schmich/instascan/pull/78 में तय किया गया है। अपने प्रोजेक्ट में नवीनतम webrtc-adapter को मैन्युअल रूप से शामिल करना न भूलें।

@PallasKatze एक जावास्क्रिप्ट गुरु है - यह सब अब काम कर रहा है और शायद परीक्षण और विलय किया जाना चाहिए? अगर किसी को दिलचस्पी है तो इनाम का पूरा भुगतान किया गया था - आपकी मदद के लिए धन्यवाद।

मैं इसे safari11 पर काम क्यों नहीं करता?
वर userAgent = window.navigator.userAgent;

• अगर (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i)) {
• बाधाओं.वीडियो.फेसिंगमोड = "पर्यावरण";
• }
  +
  this._stream = प्रतीक्षारत कैमरा._wrapErrors(async () => {
  वापसी का इंतजार नेविगेटर.मीडियाडिवाइस.getUserMedia(बाधाएं);
  });

यहाँ एक संस्करण है जो https://github.com/centogram/instascan से संकलित कार्य करता है
इंस्टास्कैन.ज़िप

@centogram क्या मेरे लिए आपके ios11 कोड के साथ फ्रंट कैमरे का उपयोग करना संभव है? धन्यवाद :)

@pandalion हाँ, लेकिन आपको कोड को संशोधित करने की आवश्यकता होगी। आप बस "पर्यावरण" से "उपयोगकर्ता" के लिए बाधाओं को बदलना चाहते हैं। वीडियो।फेसिंग मोड बाधा।

@centogram एक आकर्षण की तरह काम करता है। ग्रेट्स!

@ सेंटोग्राम @hrrsppzgl
मुझे इसे किस लाइन में संशोधित करना है?

@ सेंटोग्राम @hrrsppzgl
मुझे इसे किस लाइन में संशोधित करना है?

@adelsadek1
आपको वास्तव में क्या चाहिए? क्या आपने यहां से @centogram संशोधित कोड डाउनलोड किया है?
https://github.com/centogram/instascan

@hrrsppzgl हाँ मेरे पास है लेकिन अभी भी काम नहीं कर रहा है @centogram लाइन को संशोधित करने के लिए उल्लेख किया गया है लेकिन मुझे नहीं पता था कि मुझे किस लाइन को संशोधित करना है

@hrrsppzgl हाँ मेरे पास है लेकिन अभी भी काम नहीं कर रहा है @centogram लाइन को संशोधित करने के लिए उल्लेख किया गया है लेकिन मुझे नहीं पता था कि मुझे किस लाइन को संशोधित करना है

निम्न को खोजें
फेसिंग मोड: {सटीक: "पर्यावरण"},
"पर्यावरण" को "उपयोगकर्ता" में बदलें

नमस्ते @lnorbert

मैंने आपके चरणों का पालन करने की कोशिश की,

git clone [email protected]:schmich/instascan.git
cd instascan/
npm install gulp-cli -g
npm install
gulp release
cp dist/instascan.min.js /path/to/our/libraries/include/dir

लेकिन जब पहले cmd को आज़माते हैं, तो यह नीचे की त्रुटि देता है

कृपया, क्या आप यहाँ मेरी मदद कर सकते हैं?

शुक्रिया