Сканирование штрих кодов и QR кодов через камеру и с картинок
Сканер работает в 2 режимах - либо через видеокамеру, либо распознавание конкретной картинки.
Как реализовать?
Подключить скрипты:
<script type="text/javascript" src="/js/scanner/zxing.min.js"></script>
<script type="text/javascript" src="/js/falcon/as.codeScanner.js"></script>
<script type="text/javascript">
$(document).ready(function () {
//video
/*as.codeScanner.init({
startDecodeBtn: "#startButton",
resetDecodeBtn:"#resetButton",
videoSourceSelect: "#sourceSelect",
videoId: "video",
callback: function (result) { alert(result); },
});*/
//img
as.codeScanner.init({
startDecodeBtn: "#startButton",
callback: function (result) { alert(result); },
imgId: "viki"
});
});
</script>
Верстка:
<div>
<a class="btn btn-primary" href="#" id="startButton">Начать сканирование</a>
<a class="btn btn-secondary" href="#" id="resetButton">Сбросить</a>
</div>
<div id="sourceSelectPanel" class="my-3">
<label for="sourceSelect">Камера:</label>
<select id="sourceSelect" style="max-width:400px; " class="form-control d-inline-block"></select>
</div>
<div>
<video id="video" width="300" height="200"></video>
</div>
<div class='hide'>
<img id="viki" src="/uploads/viki.png"/>
</div>
Параметры компонента:
-
startDecodeBtn - селектор кнопки запуска инициации сканирования
-
resetDecodeBtn - селектор кнопки остановки процесса сканирования
-
imgId - ID картинки для которой делаем сканирование (режим Картинка)
-
videoId - ID объекта видео, в котором выводится поток с камеры (режим Видео)
-
videoSourceSelect - переключатель источников видео (режим Видео)
-
callback - функция, которая вызывается при успешном распознавании кода.
-
audio - путь к mp3 файлу, который проигрывается при успешном сканировании.
Falcon Space - функциальная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Google поиск по нашей документации
- Руководства
- Основа Falcon Space
- Основные компоненты
- Возможности Falcon Space
- Подсистемы
- Дополнительные компоненты
- Интеграции Интеграция импорт и парсинг файла CSV Интеграция API DaData.ru подсказки по адресам Интеграция API IpGeoBase Город по IP-адресу Интеграция API DaData.ru Город по IP-адресу Генерация RSS в SQL процедуре Прием платежей через Яндекс.Кассу Онлайн-платежи. Интеграция с Робокассой (платежный шлюз) Телеграм боты и отправка сообщений в Telegram Zapier интеграция на платформе Falcon Space Интеграция Яндекс YML. Импорт-экспорт каталога товаров в YML Проверка орфографии в тексте через Яндекс Speller Интеграция с Яндекс XML API Интеграция коллтрекинга МАНГО ОФИС (режим Площадка) Интеграция API Курсы валют Центрального Банка РФ Интеграция API Почта РФ Интеграция API Служба доставки СДЭК (CDEK) Интеграция API Служба доставки Деловые линии Интеграция с Google Drive API Интеграция API Яндекс.Вебмастер Как вычислить расстояние между 2 точками с координатами через Google Maps Передача файлов по FTP Сканирование штрих кодов и QR кодов через камеру и с картинок Видеочат. Интеграция с Vox Implant Получение данных контрагента по ИНН Базовая интеграция с Jitsi Meet (звонки с видео) Прием платежей на сайте через CloudPayments Как сделать интеграцию с Мой Склад Отправка СМС через targetsms.ru Яндекс Турбо - как включить Яндекс Турбо страницы для контента на сайте Внедрение подсказок dadata на сайт Интеграция с телефонией Zadarma.com Интеграция с Тургенев API для проверки качества контента
- HOWTO
- HOWTO Таблицы
- HOWTO Формы
- Работа с SQL
- HOWTO JS
- HOWTO CSS
- HOWTO Верстка
- Решение проблем
SQL-инструмент для создания личных кабинетов на сайте
Суть подхода и история создания Falcon Space

Falcon Space
Это снижение стоимости владения
за счет меньшего количества людей для поддержки и узкого стека разработки. Про снижение стоимости владения продуктом
Это быстрое внесение изменений
по ходу эксплуатации программы. Как создается функционал на платформе
Это простой удобный интерфейс
адаптация под мобильные устройства. Про юзабилити платформы
Веб-приложения на MS SQL. Партнерская программа для разработчиков и веб-студий
Вы можете разрабатывать самостоятельно или сотрудничать с нами в плане веб-разработки на платформе Falcon Space, используя только SQL и HTML.
Смотреть примеры с кодом SQL
Документация по платформе
