본문 바로가기
IT-개발,DB

quaggaJS 웹에서 바코드 QR코드 인식

by SB리치퍼슨 2021. 3. 6.

위의 quaggaJS   라이브러리는 github 에서 현재에도 계속 업데이트가 이루어지고 있는 라이브러리 입니다.
실시간 인식 과 캡쳐 등의 기능외에 다양한 기능을 지원하고있구요.

핸드폰에서 해당 라이브러리 기능이 있는 웹 사이트에 접속할시에,
핸드폰의 카메라로 해당 바코드를 캡쳐없이 바코드에 가져다 대면 QR 코드 인식하듯이 
바코드를 인식해 숫자로 디코딩해서 나옵니다.

HTML5 와 자바스크립트로 이루어져있기때문에 모바일기종에서는 제약이 없어 보입니다.
(전면 카메라/ 후면 카메라 선택가능 여러가지 기능이 있어요)

인식된 바코드 숫자를 여러개 누적해서 , 서버에 전송할지
인식된 바코드 숫자를 한개씩 건바이 건으로 서버에 전송할지 등은 개발자의 몫이구요.

모바일로 위의 예제 사이트에 접속하여서 확인해보세요. (QR코드도 지원됩니다)

 

https://serratus.github.io/quaggaJS/examples/live_w_locator.html 

https://a.kabachnik.info/a-javascript-barcode-reader-with-bootstrap-3-and-quaggajs.html 

캡쳐된 바코드 이미지를 서버로 대량업로드하여 처리하는 방법도 있습니다.
사용 용도에 따라 바코드가 필요없게 설계를 할수도 있습니다.

반응형

댓글