/html5-qrcode-css

A css theme for html5-qrcode.

Primary LanguageJavaScript

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">
  1. 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>
  1. Setup Html5QrcodeScanner
<div id="reader"></div>
new Html5QrcodeScanner("reader", { fps: 10, qrbox: 250 }, /* verbose= */ false);
  1. Add html5-qrcode-css.js in your web page.
<script src="./html5-qrcode-css.js"></script>