Сканирование штрихкодов и 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
- Основные компоненты
- Возможности
- Коммуникация с пользователем
- Дизайн, стилизация
- Лендинги
- Универсальный API
- Примеры интеграций Прием платежей через Яндекс.Кассу Онлайн-платежи. Интеграция с Робокассой (платежный шлюз) Zapier интеграция на платформе Falcon Space Интеграция коллтрекинга МАНГО ОФИС (режим Площадка) Интеграция API DaData.ru подсказки по адресам Интеграция API Курсы валют Центрального Банка РФ в веб-платформе Falcon Space Интеграция API Почта РФ Интеграция API Служба доставки СДЭК (CDEK) Интеграция API Служба доставки Деловые линии Интеграция импорт и парсинг файла CSV Интеграция API IpGeoBase Город по IP-адресу Интеграция API DaData.ru Город по IP-адресу Как вычислить расстояние между 2 точками с координатами через Google Maps Сканирование штрихкодов и QR кодов через камеру и с картинок Получение данных контрагента по ИНН Прием платежей на сайте через CloudPayments Как сделать интеграцию с Мой Склад Внедрение подсказок dadata на сайт Вывод точек на карте Яндекс. Интеграция с Яндекс Карты Интеграция с телефонией Zadarma.com Получение данных о контрагенте - интеграция с сервисом ЗаЧестныйБизнес Интеграция с AMO CRM Как импортировать данные в базу CRM из Google Контакты Вход/регистрация через ВКонтакте(vk.com) Интеграция CRM с онлайн чатом на сайте (Replain) Как связать yandex metrika clientID с пользователем на сайте и посмотреть полный путь его по сайту? Телеграм. Работа с файлами Как сделать обработку входящей почты (создание клиента в CRM из Email) Интеграция сайта с ChatGPT (openAI) Интеграция с Яндекс Метрика Интернет-эквайринг Тинькоф Банк Интеграция с платежным шлюзом LifePay Как сделать вебхук для передачи данных с Тильды на Falcon Space Пополнение средств через Yookassa (Юкасса) Тинькофф Банк - уведомление в учетную систему по операциям с расчетным счетом Интеграция с Ютуб. Получение роликов канала
- Каталоги
- Навигация
- Документы
- Дополнительные компоненты
- Продвижение, SEO
- Системные моменты
- Системное администрирование
- HOWTO
- Таблицы
- Формы
- Загрузка файлов, картинок
- Работа с SQL
- HOWTO JS
- HOWTO Верстка
- Решение проблем
Falcon Space
Это снижение стоимости владения
за счет меньшего количества людей для поддержки и узкого стека разработки. Про снижение стоимости владения продуктом
Это быстрое внесение изменений
по ходу эксплуатации программы. Как создается функционал на платформе
Это простой удобный интерфейс
адаптация под мобильные устройства. Про юзабилити платформы
Нужна бесплатная консультация?
Получить оценку проекта
Создайте концепцию проекта на основе нашего шаблона и получите оценку проекта в виде КП.
Демо-сайт решений
Базисные решения, которые можно гибко адаптировать под себя: менять внешний вид, бизнес-логику и даже структуру базы данных.