Scan barcodes and QR codes through the camera and from images
The scanner works in 2 modes - either via a video camera, or recognition of a specific image.
How to realized?
To connect scripts:
<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>
The layout:
<div>
<a class="btn btn-primary" href="#" id="startButton">Start scanning</a>
<a class="btn btn-secondary" href="#" id="resetButton">Throw off</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>
Parameters of the component:
-
startDecodeBtn - selector for the start button to initiate scanning
-
resetDecodeBtn - selector for the button to stop the scanning process
-
imgId - ID of the image to scan (Image mode)
-
videoId - ID of the video object where the stream from the camera is output (Video mode)
-
videoSourceSelect - switch video sources (Video mode)
-
callback - function that is called when code recognition is successful.
-
audio - path to the mp3 file that is played when scanning successfully.
Falcon Space is a functional web development platform on a narrow stack MS SQL/Bootstrap. Falcon Space Gettting started
- Management
- Falcon Space Foundation
- Basic components
- Falcon Space Features
- Коммуникация с пользователем
- Дизайн, стилизация
- Integrations Integration import and parsing of a CSV file API integration DaData.ru address suggestions Integration of the IpGeoBase API City by IP address API integration DaData.ru City by IP address Falcon Space. Creating an API service (incoming and outgoing API requests) How to make a web hook Прием платежей через Яндекс.Кассу Online payments. Integration with ROBOKASSA (payment gateway) Zapier integration on the Falcon Space platform Integration of MANGO OFFICE call tracking (Platform mode) Integration of the API exchange Rates of the Central Bank of the Russian Federation Integration of the Russian Post API Integration API of the CDEK delivery service API integration Service delivery Business lines How to calculate the distance between two points with coordinates via Google Maps File transfer via FTP Scan barcodes and QR codes through the camera and from images Receiving data of the counterparty through the TIN Accepting payments on the website via CloudPayments Programmatic interaction via the API between 2 different Falcon instances Как сделать интеграцию с Мой Склад Внедрение подсказок dadata на сайт Вывод точек на карте Яндекс. Интеграция с Яндекс Карты Интеграция с телефонией Zadarma.com Как передать скрытый параметр при исходящем запросе из Request процедуры в Response Получение данных о контрагенте - интеграция с сервисом ЗаЧестныйБизнес Интеграция с AMO CRM Как импортировать данные в базу CRM из Google Контакты Вход/регистрация через ВКонтакте(vk.com)
- Каталоги
- Навигация
- Документы
- Additional component
- Продвижение, SEO
- Системные моменты
- HOWTO
- HOWTO Tables
- HOWTO Forms
- Working with SQL
- HOWTO JS
- HOWTO Layout
- Solve problems
Falcon Space Platform
This is a reduction in the cost of ownership
at the expense of fewer people to support
This is a quick change
while using the program
This is a modern interface
full adaptation for mobile devices
Note
- Falcon Space Video
- Platform features demo will allow you to understand how this or that component looks and works
- Have a question? Write to the chat at the bottom right