2026, 새로운 도약을 시작합니다.

[정보] 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 가 아니더라도 브라우저에서 읽히나요..?

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

그누보드5 팁자료실

번호 제목 글쓴이 날짜 조회
공지 3년 전 조회 4,597
2741 3일 전 조회 99
2740 4일 전 조회 96
2739 1주 전 조회 206
2738 1주 전 조회 209
2737 1주 전 조회 174
2736 1주 전 조회 276
2735 3주 전 조회 278
2734 3주 전 조회 259
2733 1개월 전 조회 262
2732 1개월 전 조회 300
2731 1개월 전 조회 264
2730 1개월 전 조회 222
2729 1개월 전 조회 350
2728 1개월 전 조회 244
2727 1개월 전 조회 419
2726 1개월 전 조회 253
2725 1개월 전 조회 326
2724 1개월 전 조회 357
2723 1개월 전 조회 265
2722 1개월 전 조회 298
2721 1개월 전 조회 211
2720 2개월 전 조회 304
2719 2개월 전 조회 307
2718 2개월 전 조회 200
2717 2개월 전 조회 335
2716 2개월 전 조회 202
2715 2개월 전 조회 311
2714 2개월 전 조회 271
2713 2개월 전 조회 374
2712 2개월 전 조회 289
🐛 버그신고