This example app shows how to integrate the Scanbot Barcode Scanner SDK & Scanbot Document Scanner SDK into your web applications.
The Scanbot Web Document Scanner SDK makes it possible to integrate document scanning on your website or in your web application. It features real-time document detection with user guidance, auto-snapping, auto-cropping and perspective correction.
The Scanbot Web Barcode Scanner SDK lets you integrate barcode scanning features into your website or web application. It is a simple to use high level API, providing a collection of classes and functions for scanning and parsing 1D and 2D barcodes from a mobile device's camera or other image sources like your photo library.
The Scanbot SDK will run without a license for one minute per session!
After the trial period is over all Scanbot Web SDK functions as well as UI components (Document Scanner UI) will stop working. You have to refresh the page to get another trial period.
To try the Scanbot SDK without a one-minute limit, you can get a free “no-strings-attached” trial license. Please submit the Trial License Form on our website.
We provide free "no-strings-attached" developer support for the implementation & testing of the Scanbot SDK. If you encounter technical issues with integrating the Scanbot SDK or need advice on choosing the appropriate framework or features, please visit our Support Page.
The SDK is a native SDK built for the web via Emscripten. It relies on WebAssembly and Camera access via HTML Media Capture API.
The react component is built with React and the plain JavaScript bundle with Preact.
For the developer guide and full API reference of the Scanbot Web Barcode & Document Scanner SDK, please check out the documentation.
The React example app relies on the npm package
of the Scanbot Web Document Scanner SDK.
To run the React example app:
cd react-js/
npm install
npm start
Like the React example app, the Vue.js example app relies on the npm package
of the Scanbot Web Document Scanner SDK.
To run the Vue.js example app:
cd vue-js/
npm install
npm run dev
The vanilla JavaScript app needs to download the SDK from npm. To do this, run the script
plain-js/download-sdk.sh
To run the JavaScript example:
cd plain-js/
php -S localhost:8000