Sklado підтримує сканування штрих-кодів прямо з камери смартфона / планшета / ноутбука — без додаткового обладнання.
Де можна сканувати
- POS-каса (/cashier/shift) — кнопка «Сканер» поряд з полем пошуку. Натисніть → наведіть камеру на штрих-код → товар автоматично додасться у чек. Сканер залишається відкритим — можна сканувати кілька товарів підряд.
- Створення товара (/products/new) — кнопка «Сканувати» поряд з полем «Штрихкод». Один скан → код підставлено у поле.
- Редагування товара (/products → виберіть товар) — те саме, тільки оновлює існуючий код.
Які формати підтримуються
EAN-13, EAN-8, UPC-A, UPC-E, Code 128, Code 39, ITF, QR-код.
Як це працює
- Sklado використовує рідний BarcodeDetector API браузера (Chrome, Edge, Android — найшвидше).
- Якщо браузер не підтримує (Safari, Firefox, iOS Safari) — автоматично перемикається на бібліотеку ZXing (трохи повільніше, але працює).
- Камера використовується тільки в момент сканування — закрили модальне вікно і доступ припиняється.
Технічні вимоги
- HTTPS — getUserMedia працює лише по HTTPS (sklado.com.ua і staging — обидва HTTPS, тут все ок).
- Дозвіл на камеру — браузер запитає при першому запуску. Якщо натиснули «Заборонити» — потім треба зайти у налаштування браузера → Камера → дозволити sklado.com.ua.
- Задня камера — на мобільних автоматично обирається задня (environment), на ноутбуках — фронтальна.
Якщо USB-сканер замість камери
USB-сканери штрих-кодів працюють самі по собі без жодних налаштувань — вони емулюють клавіатуру: підносите код → сканер вводить його у поле + Enter. Тому будь-яке поле де треба ШК (пошук у касі, поле «Штрихкод» у товарі) приймає USB-сканер автоматично.
Кнопку «Сканер» з камерою — натискати не потрібно якщо у вас USB.
Часті проблеми
- «Доступ до камери заборонено» — переходьте у налаштування браузера → Камера → дозвольте sklado.com.ua, перезавантажте сторінку.
- «Камера недоступна на пристрої» — або браузер старий (оновіть Chrome/Edge/Safari), або справді нема камери.
- Сканує дуже повільно (на iPhone) — це ZXing-fallback. Підтримка нативного API в Safari покращиться у майбутніх версіях iOS.
- Сканує не той товар — перевірте що штрих-код у картці товара заповнений правильно (/products → виберіть товар → поле «Штрихкод»).