福野泰介の一日一創

「ワクチン接種証明書リーダー」のときに使ったライブラリjsQR-esと、昨日作ったライブラリCamera.jsを組み合わせた、qr-code-reader拡張HTMLタグを作りました。

「qr-code-reader demo」
こんな感じでHTMLを書いて使えます。（注意、TLS/SSL上ではないとカメラが使えないため機能しません） <script type="module" src="https://code4fukui.github.io/qr-code-reader/qr-code-reader.js"></script> <input id=res style="width:95vw"><br> <qr-code-reader id=qrr></qr-code-reader><br> <button id=btn>stop</button> <script type="module"> qrr.oninput = (s) => { res.value = s.data; //qrr.stop(); }; btn.onclick = () => qrr.stop(); </script> (open on ES-Jam)
コンポーネント的に .value でアクセスする機能もあると良さそう。ご要望、Issuesまで。