program tip

HTML5 웹 사이트에서 QR 코드 리더를 만드는 방법은 무엇입니까?

radiobox 2020. 12. 26. 09:50
반응형

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

반응형