HTML5 implementation of scan recognition QR code/generate QR code

Source: Internet
Author: User
Tags stream api

Scan recognition QR codeIdea: 1. Operate the camera and get pictures.HTML5WebRTC's Navigator.getusermedia method to get camera resources in real time. 2. Use the canvas to analyze the image recognition image using the relevant algorithm toanalyze the QR code with Jquery.qrcode. (Technical point: Getimagedata)
Limitations: Mobile platform supports Getusermedia/stream API less browser, support list http://caniuse.com/#feat =stream (currently no IOS is supported)
Code implementation: Thanks to GitHub, there is a ready-made algorithm 1. Https://github.com/LazarSoft/jsqrcode2. Https://github.com/dwa012/html5-qrcode Specific implementation code: Link: http://pan.baidu.com/s/1ntH1le5 Password: 7cic
generate two-dimensional codeSpecific code thanks to Github1. Https://github.com/LIGuoxiang/QRCode Link: http://pan.baidu.com/s/1kT8HHH1 Password: 6byh test with the QR code qsa2015-08-08 CCID2212553

otheriOS Alternative notes:Call the camera to take pictures and upload the images to the H5 page. And then in parsing. IOS version 8 Safari can use camera scan to enter credit card number http://36kr.com/p/212638.html

Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced.

HTML5 implementation of scan recognition QR code/generate QR code

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.