تقدم هذه المقالة بشكل أساسي المعلومات ذات الصلة حول مسح رموز QR وتوحلها في HTML5. يمكن للأصدقاء الذين يحتاجون إليها الرجوع إليها.
مقدمة:
في الآونة الأخيرة ، هناك شرط لمشروع الشركة. في عميل Weibo ، يمكن للزر الموجود على صفحة H5 التفاعل مع Native والاتصال بالكاميرا ، ومسح رمز الاستجابة السريعة وحوضها. في عملاء غير Weibo (WeChat أو المتصفح الأصلي ، مثل Safari) ، اتصل بزر صورة النظام أو تحميل الصورة ، وحوض رمز QR عن طريق التقاط الصور أو تحميل الصور.
يتطلب الحل الثاني تحليل رمز الاستجابة السريعة في JS في الواجهة الأمامية. هذا يعتمد على مكتبة تحليل الطرف الثالث JSQRcode. تدعم هذه المكتبة بالفعل تشغيل استدعاء الكاميرا على جانب المتصفح ، ولكنها تعتمد على خاصية تسمى getusermedia. لا يتم دعم هذه السمة من قبل متصفح الهاتف المحمول ، بحيث يمكنك فقط تحليل رمز الاستجابة السريعة عن طريق تحميل الصور بشكل غير مباشر.
خاصية getusermedia متوافقة مع قائمة المتصفح:
بادئ ذي بدء ، أود أن أشكر مطوري JSQRcode على توفير مثل هذه التعليمات البرمجية الممتازة لتحرير رموز QR ، والتي قللت من عبء العمل الخاص بي كثيرًا. عنوان JSQRCode: انقر فوق لي
عنوان قاعدة الكود الخاص بي: انقر فوق لي
1. حل المشاكل:
1. يمكن استدعاء الكاميرا على عميل Weibo لمسح رمز الاستجابة السريعة وتحليلها ؛
2. قادرة على مسح رموز QR وتحليلها في المتصفحات الأصلية وعملاء WeChat ؛
2. المزايا:
يمكن لمحطة الويب أو H5 إكمال عمل مسح الكود مباشرة ؛
3. العيوب:
من السهل أن تفشل إذا لم تكن الصورة واضحة (تحتاج العدسة إلى أن تكون قريبة جدًا من رمز الاستجابة السريعة عند التقاط الصور ومسح الصور) ، وسيكون هناك تأخير يتراوح بين 1-2 ثانية مقارنة بتحليل الكاميرا الأصلية.
يوضح:يجب استخدام هذا البرنامج المساعد مع zepto.js أو jquery.js
كيفية استخدام:1. تقديم ملفات JS في دليل LIB بالترتيب التالي على الصفحة التي تحتاج إلى استخدامها
انسخ الرمز