HTML5 웹 사이트에서 QR 코드 리더를 만드는 방법은 무엇입니까?
HTML5 기반 웹 페이지에서 QR 코드 리더를 만들 수있는 가능성을 찾고있었습니다. 인터넷 검색을 수행했으며 모든 링크가 나를 모바일 애플리케이션으로 연결합니다.
HTML5 및 JavaScript를 사용하여 URL이 포함 된 QR 코드를 읽은 다음 브라우저를 해당 URL로 리디렉션하는 방법에 대한 몇 가지 지침으로 저를 도와주세요.
JavaScript 디코더는 많지 않습니다.
http://www.webqr.com/index.html에 하나가 있습니다 .
가장 쉬운 방법은 서버에서 ZXing 또는 이와 유사한 것을 실행 하는 것입니다. 그런 다음 이미지를 게시하고 디코딩 된 결과를 응답으로 다시 가져올 수 있습니다.
Lazarsoft의 jsqrcode 라이브러리는 이제 HTML5, 즉 getUserMedia
(WebRTC) 만으로 완벽하게 작동합니다 . GitHub에서 찾을 수 있습니다 .
또한 훨씬 단순화 된 훌륭한 포크를 발견했습니다. 파일 1 개 (jQuery 포함)와 메서드 호출 1 개 : GitHub의 html5-qrcode를 참조하세요 .
http://www.webqr.com/index.html 에서 보여주는 독자 는 매력처럼 작동하지만 말 그대로 웹 페이지에있는 것이 필요합니다. github 버전은 작동시키기가 정말 어렵지만 가능합니다. 가장 좋은 방법은 웹 페이지에 표시된 예를 리버스 엔지니어링하는 것입니다.
그러나 편집하고 잠재력을 최대한 활용하는 것은 그렇게 쉽지 않습니다. 언젠가는 제거 된 리버스 엔지니어링 QR 리더를 게시 할 수 있지만 그 동안 코드를 해킹하는 재미가 있습니다.
즐거운 코딩입니다.
http://www.webqr.com 을 구동하는 알고리즘 은 https://github.com/LazarSoft/jsqrcode 의 JavaScript 구현입니다 . 나는 그것이 얼마나 안정적인지 아직 시도하지 않았지만 확실히 두 가지 중에서 더 쉬운 플러그 앤 플레이 솔루션 (클라이언트 또는 서버 측)입니다.
참조 URL : https://stackoverflow.com/questions/11625415/how-to-create-a-qr-code-reader-in-a-html5-website
'program tip' 카테고리의 다른 글
파이썬을위한 대화 형 그래프 라이브러리가 있습니까? (0) | 2020.12.26 |
---|---|
프로그래밍 방식으로 스토리 보드를 사용하여 뷰 컨트롤러를 푸시하는 다른 방법 (0) | 2020.12.26 |
Android Studio 2.0으로 업그레이드 한 후 Gradle 빌드 중 많은 오류 발생 (0) | 2020.12.26 |
Dockerfile의 조건부 ENV (0) | 2020.12.26 |
IIS7-요청 콘텐츠 길이를 초과하는 요청을 거부하도록 요청 필터링 모듈이 구성됨 (0) | 2020.12.26 |