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
- Subsystems
- Additional component
- 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 Generating RSS in an SQL procedure Прием платежей через Яндекс.Кассу Online payments. Integration with ROBOKASSA (payment gateway) Telegram bots and sending messages to Telegram Zapier integration on the Falcon Space platform Yandex YML integration. Import-export a product catalog in YML Проверка орфографии в тексте через Яндекс Speller Integration with the Yandex XML API 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 Integration with the Google Drive API Интеграция API Яндекс.Вебмастер 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 Video chat. Integration with Vox Implant Receiving data of the counterparty through the TIN Basic integration with Jitsi Meet (calls with video) Accepting payments on the website via CloudPayments Как сделать интеграцию с Мой Склад Отправка СМС через targetsms.ru Яндекс Турбо - как включить Яндекс Турбо страницы для контента на сайте Внедрение подсказок dadata на сайт Интеграция с телефонией Zadarma.com Интеграция с Тургенев API для проверки качества контента
- HOWTO
- HOWTO Tables
- HOWTO Forms
- Working with SQL
- HOWTO JS
- HOWTO CSS
- HOWTO Layout
- Solve problems
SQL-tool for creating personal accounts on the site
The essence of the approach and the history of the creation of Falcon Space

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
MS SQL web applications. Affiliate program for developers and web studios
You can develop on your own or collaborate with us on Falcon Space web development using only SQL and HTML.
See examples with SQL code
Platform documentation

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