How to Build Web Barcode Scanner Using React and Webcam

Someone asked me how to create a real-time web barcode scanning app with a webcam. Is it hard to implement it? I’ve written an article sharing how to integrate Dynamsoft JavaScript Barcode Reader SDK into a React project. The remaining work is to make a webcam component.  Since there is an open source project called react-webcam, we don’t need to reinvent the wheel. In this article, I will share how to build a web barcode scanner step by step.

Read more

How to Fully Control Webcam Stream Params in HTML Page

If you want to open webcam stream in a web browser, what technology will you choose? Probably many developers’ answer is HTML5. Yes, with the JavaScript API getUserMedia, it will be pretty easy to open webcam within web browsers. However, the API is not supported by some old web browsers like Internet Explorer 6, 7 and 8. Besides that, the HTML5 interface cannot fully configure camera parameters such as exposure, focus and etc. Therefore, if you want to build a professional camera solution for a web project, HTML5 is not the best choice. This is why Dynamsoft made the solution. Dynamsoft Camera SDK is a JavaScript webcam SDK for Windows with DirectShow under the hood. It allows developers to quickly build online webcam viewer with a few lines of HTML and JavaScript code and fully control and adjust camera settings within web browsers.
Read more