Сканирование штрихкодов и 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 (Юкасса) Тинькофф Банк - уведомление в учетную систему по операциям с расчетным счетом Интеграция с Ютуб. Получение роликов канала Интеграция с Ozon, Wildberries - извлечение статистики
- Каталоги
- Навигация
- Документы
- Дополнительные компоненты
- Продвижение, SEO
- Системные моменты
- Системное администрирование
- HOWTO
- Таблицы
- Формы
- Загрузка файлов, картинок
- Работа с SQL
- HOWTO JS
- HOWTO Верстка
- Решение проблем
Выгода от использования Falcon Space
В 2-3 раза экономнее и быстрее, чем заказная разработка
Более гибкая, чем коробочные решения и облачные сервисы
Используйте готовые решения и изменяйте под свои потребности
Нужна бесплатная консультация?
Планируете делать веб-проект?
- Шаг 1. Создать концепт проекта
- Шаг 2. Получить оценку бюджета (КП)
- Шаг 3. Заключить договор
- Шаг 4. Создать совместно техническое задание
- Шаг 5. Поэтапная реализация проекта