Сканер штрих кода

@MaksimkaI · Регистрация: 24.07.2018

Студворк — интернет-сервис помощи студентам

Добрый день! Хочу создать простенькое веб приложение для сканирования Barcode и QR штрих-кодов. В основном надо для QR. Планирую приложение запускать пока на своем пк, а пользователь будет подключаться через Wi-Fi в цеху для сканирования штрих-кодов при отгрузке товаров с помощью телефона или планшета. Сканировать будет с помощью камеры устройства. На данный момент пользователь сканирует штрих-код с помощью беспроводного сканера, подключенного к пк и не видит что он там насканировал, т.к. во время сканирования он находится в фуре. Можно ли такое реализовать и как это вообще можно сделать, есть ли какие то библиотеки бесплатные?

@muxahuk1214 · 09.04.2021, 23:52

очень интересная задача!

https://developer.mozilla.org/... ill_photos
Тут можно почитать как настроить захват камеры с выводом пользователю

Далее, после того как получили скриншот (например при нажатии на какую то кнопку мы сделаем захват и "сохраним" картинку) - её нужно отправить в какой-то сервис по распознованию QR кодов или Barcode..
я думаю в сети можно найти много разных вариаций, я нашёл такую https://github.com/cozmo/jsQR для qr кодов (условно, если я правильно понял как он работает - пройдёт по байткоду картинки, который мы должны передать и "найдёт" код, распарсит и вернёт нам его значение), если поискать можно найти и другие библиотеки с каким нибудь машинным обучением или webassembly и т.п. например:
https://barkeywolf.consulting/... bassembly/
https://github.com/samsam2310/zbar.wasm

ну и после того как получили код - делаем с ним что хотим

Вот ещё пару библиотек которые я нашёл:
https://github.com/nimiq/qr-scanner
https://github.com/schmich/instascan

@andyj · 10.04.2021, 04:57

Сообщение от MaksimkaI

пользователь сканирует штрих-код с помощью беспроводного сканера

Подозреваю что все куда проще!

Обычно ШК-сканеры подключаются ВМЕСТО клавиатуры. Раньше шли в "разрыв клавиатуры". С появлением USB пошли "второй клавиатурой". Весь алгоритм распознавания встроен в чип внутри сканера, а "на выход" идет уже готовый РАСПОЗНАННЫЙ шк/QR-код... Если откроешь Word(ексель, текстовый редактор) то при сканировании туда отправляется готовый ТЕКСТ, "якобы очень быстро набранный на клавиатуре".

Блутуз-сканеры тоже изображают из себя клавиатуру... Значит если у тебя открыта страница... Достаточно ловить НАБОР КЛАВИШ! .onkeydown!

@MaksimkaI · 11.04.2021, 19:42 **[ТС]**

andyj, ну сейчас у меня считывается в excel документ и дальше обработка идет с помощью VBA, но пользователю сложно проверить что он насканировал. Отгрузка 200 + дверей ему некогда к пк бегать, а что же там я насканировал. Он ведет ручную запись, но бывает ручная запись и верси с пк наштрихованного не совпадают.

Добавлено через 4 минуты
muxahuk1214, Да тоже поизучал, нашел react-qr-reader, на телефоне все потестил. Но надо проверить нужен ли ему интерент для обработки.

@andyj · 11.04.2021, 23:04

Сообщение от MaksimkaI

На данный момент пользователь сканирует штрих-код с помощью беспроводного сканера

Теоретически его можно подключить к телефону (если он не "радио", а блутуз) в роли клавиатуры. Сканирование им происходит (минимум) раз в 10 быстрее (и надежнее) чем распознавание фоток, сделанных камерой (автофокус, выбор подсветки, обработка фото чипом фотографирования телефона с 3х камер - против специализированного лазера + специализированного чипа созданного исключительно для распозавания ШК). Есть специальные сканеры для телефонов - в инете встречал даже "на палец"+"крепление на предплечье. На выходе получите "дополнительную клавиатуру для вашего сайта".

Не по теме:

...по моему личному (большому) опыту написания и использования подобных программ для инвентаризации "через фото-распознавание ШК" - НЕ СОВЕТУЮ! Не приживаются! Крайне медленно и не удобно! Поиграются месяц, а потом будут находить причины "почему не используют" - сильно пользователю "по нервам бьет" - угол не правильный выбрал, освещение моргает, шк запачкался, этикетка погнулась(фотка есть, но не распознается)

А еще советую погуглить "терминал сбора данных" - с перехода от WinCE на андроиды и подключения китайцев, они стали куда дешевле. ...хотя это уже не совсем JS... Хотя... возможно там тоже идет имитация клавиатуры если сможете свою программу/сайт запустить

Новые блоги и статьи Все статьи Все блоги /
Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .

@MaksimkaI 130 / 68 / 31 Регистрация: 24.07.2018 Сообщений: 787

	Сканер штрих кода 09.04.2021, 16:08. Показов 7172. Ответов 4 Метки нет (Все метки) Добрый день! Хочу создать простенькое веб приложение для сканирования Barcode и QR штрих-кодов. В основном надо для QR. Планирую приложение запускать пока на своем пк, а пользователь будет подключаться через Wi-Fi в цеху для сканирования штрих-кодов при отгрузке товаров с помощью телефона или планшета. Сканировать будет с помощью камеры устройства. На данный момент пользователь сканирует штрих-код с помощью беспроводного сканера, подключенного к пк и не видит что он там насканировал, т.к. во время сканирования он находится в фуре. Можно ли такое реализовать и как это вообще можно сделать, есть ли какие то библиотеки бесплатные? 0

@muxahuk1214 Coding is art 540 / 423 / 154 Регистрация: 04.09.2013 Сообщений: 1,066
	09.04.2021, 23:52
	очень интересная задача! https://developer.mozilla.org/... ill_photos Тут можно почитать как настроить захват камеры с выводом пользователю Далее, после того как получили скриншот (например при нажатии на какую то кнопку мы сделаем захват и "сохраним" картинку) - её нужно отправить в какой-то сервис по распознованию QR кодов или Barcode.. я думаю в сети можно найти много разных вариаций, я нашёл такую https://github.com/cozmo/jsQR для qr кодов (условно, если я правильно понял как он работает - пройдёт по байткоду картинки, который мы должны передать и "найдёт" код, распарсит и вернёт нам его значение), если поискать можно найти и другие библиотеки с каким нибудь машинным обучением или webassembly и т.п. например: https://barkeywolf.consulting/... bassembly/ https://github.com/samsam2310/zbar.wasm ну и после того как получили код - делаем с ним что хотим Вот ещё пару библиотек которые я нашёл: https://github.com/nimiq/qr-scanner https://github.com/schmich/instascan 1

@MaksimkaI 130 / 68 / 31 Регистрация: 24.07.2018 Сообщений: 787
	11.04.2021, 19:42 [ТС]
	andyj, ну сейчас у меня считывается в excel документ и дальше обработка идет с помощью VBA, но пользователю сложно проверить что он насканировал. Отгрузка 200 + дверей ему некогда к пк бегать, а что же там я насканировал. Он ведет ручную запись, но бывает ручная запись и верси с пк наштрихованного не совпадают. Добавлено через 4 минуты muxahuk1214, Да тоже поизучал, нашел react-qr-reader, на телефоне все потестил. Но надо проверить нужен ли ему интерент для обработки. 0