T

[정보] WebCam 에서 바코드 인식 (휴대폰으로 웹페이지 접속하여 카메라를 이용 바코드 인식)

별도의 바코드 리더 없이
가지고 있는 휴대폰으로 바코드 처리할 수 있으면 좋겠다는 생각에
Scan to Web 이라는 바코드 스캔한걸 지정한 웹페이지로 전송하는 앱도 찾아보고
음 홈페이지 특정페이지 접속하면 카메라로 직접 처리하면 좋을듯 하여 찾아보니 괜찮은 자료가 나오네요..
특히나 모바일로 해당페이지 접속시 모바일 카메라를 웹캠으로 인식 바로 바코드 리더기처럼 사용할수 있게 됩니다.
물론 지원하는 브라우져가 제한적이긴 하지만 바코드 리더기로 사용하게 되는 휴대폰은 거의 Chrome 을 지원할가능성이 높으므로 버전만 활용가능한 버전으로 업그레이드 한다면 큰 문제는 없을것으로 예상 됩니다.
재고관리나  바코드를 활용하여 입/출력하는데 있어서 활용방안이 무궁무진할듯 하여 해당 자료 링크를 공유합니다.

 

<ul id="barcode-list"></ul>

<script>

window.onload = () => {

  detect();

};

async function detect() {

  const barcodeDetector = new BarcodeDetector();

  const list = document.getElementById("barcode-list");

  let itemsFound = [];

  const mediaStream = await navigator.mediaDevices.getUserMedia({

    video: { facingMode: "environment" }

  });

 

  const video = document.createElement("video");

  video.srcObject = mediaStream;

  video.autoplay = true;

 

  list.before(video);

 

  function render() {

    barcodeDetector

      .detect(video)

      .then((barcodes) => {

        barcodes.forEach((barcode) => {

          if (!itemsFound.includes(barcode.rawValue)) {

            itemsFound.push(barcode.rawValue);

            const li = document.createElement("li");

            li.innerHTML = barcode.rawValue;

            list.appendChild(li);

          }

        });

      })

      .catch(console.error);

  }

 

  (function renderLoop() {

    requestAnimationFrame(renderLoop);

    render();

  })();

}

</script>

|

댓글 8개

감사합니다.
오 이런게! 감사합니다
무지무지 좋은정보이며aro컴퍼니 님이 잘 만들어주신것 같은데 초보자들은 뭐가뭔지 모르겠네요 ㅎㅎ 공부해서 잘 활용해보겠습니다. 감사합니다.
뭔 말을 하는건가요? 숩게 좀
https 가 아니더라도 브라우저에서 읽히나요..?
댓글을 작성하시려면 로그인이 필요합니다.
+
제목 글쓴이 날짜 조회
21-09-28 조회 9,564
21-09-25 조회 7,979
21-09-25 조회 8,713
21-09-25 조회 8,742
21-09-25 조회 8,599
21-09-25 조회 8,189
21-09-24 조회 1.1만
21-09-24 조회 7,534
21-09-17 조회 7,369
21-09-17 조회 6,907
21-09-16 조회 7,065
21-09-16 조회 8,887
21-09-14 조회 8,693
21-09-14 조회 8,991
21-09-14 조회 8,066
21-09-11 조회 8,724
21-09-07 조회 7,642
21-09-07 조회 8,666
21-09-06 조회 1만
21-09-02 조회 9,141
21-09-02 조회 9,161
21-09-02 조회 7,921
21-09-02 조회 7,570
21-09-02 조회 8,429
21-08-31 조회 8,189
21-08-31 조회 8,979
21-08-30 조회 8,096
21-08-30 조회 9,685
21-08-26 조회 9,915
21-08-26 조회 8,290