Html5-QRCode-CSS

A css theme for html5-qrcode@2.0.1.

How to use?

Demo
Example Code

1. Add html5-qrcode-css.css in your web page.

<link rel="stylesheet" href="./html5-qrcode-css.css">

2. Add jquery.js and html5-qrcode.js in your web page (required).

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.slim.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5-qrcode/2.0.1/html5-qrcode.min.js"></script>

3. Setup Html5QrcodeScanner

<div id="reader"></div>

new Html5QrcodeScanner("reader", { fps: 10, qrbox: 250 }, /* verbose= */ false);

4. Add html5-qrcode-css.js in your web page.

<script src="./html5-qrcode-css.js"></script>