QRコードリーダー : ういすぷの記録帳

ブラウザで動作するQRコードリーダーです。
スマホのカメラを利用したり、QRコードの画像を登録すると、QRコードの文字列が表示されます。

QRコードの読み込み

読み取った内容:

使い方

◆ カメラで読み取り
「Request Camera Permissions」を押してカメラを利用できるようにしてください。
初めてアクセスしてボタンを押すと、カメラの使用許可が求められます。画面はFirefoxの場合です。


複数カメラが有ると、セレクトボタンで選べるようになります。
カメラが利用できると、映像がブラウザに表示されます。

「Start Scanning」を押すと、カメラを利用したスキャンが始まります。
QRコードに合わせると「読み取った内容」の部分に文字列が表示されます。


カメラの読み込みを停止する場合は「Stop Scanning」を押してください。


◆ 画像の読み取り
「Choose Image - No Image Choosen」または「Or drop an image to scan」を選択します。


「Or drop an image to scan」はドラッグアンドドロップでQRコードがある画像を枠線に乗せると、読み込んだQRコードと合わせて、テキストが表示されます。


QRコードが手元にない場合は、先日ご紹介しました「PNGとSVGでダウンロードできる QRコードメーカー」をご利用いただけますとQRコードが手頃に作成いただけます。

利用ライブラリ / サービス

・Html5QrcodeScanner
https://scanapp.org/html5-qrcode-docs/docs/apis/classes/Html5QrcodeScanner
・ChatGPT
https://chatgpt.com/

関連記事

・PNGとSVGでダウンロードできる QRコードメーカー
・ファイルの拡張子を一気に変更する
・ドラッグ＆ドロップしたファイルの種類を調べる
・カレントディレクトリ(.)内の1KB未満の全てのファイルを削除する。
・[まとめ] Windows 11 アップデートに伴う各種設定のまとめ
・右クリックで表示されるメニュー（コンテキストメニュー）を旧来の（Windows10）の仕様に戻す方法
・Windows 11 で詳細ファイル一覧にした際にできる、行間の隙間を減らす方法
・Windows7にあった旧来の「Windows Photo Viewer」をWindows 11で復活させる。
・Outlookのアドレス帳（連絡先）をインポートしたのに反映しない場合の対処法
・ココ最近ブラウザ版のX(Twiter)でちょっとした小ネタを見つけたのでご紹介します
・Windows 10 / Windows 11 でローカルアカウントを設定する
・firefoxでメルカリにログインしようとするとセキュリティキーを要求されてログインできない対処方法
・slmgr /dli を利用して、Windowsのライセンスの状態を表示する方法
・Googleの広告を非表示しました。
・BATを利用してパスワード付きZIPをドラッグ＆ドロップで解凍する
・Firefox「reCAPTCHA認証」不具合を回避する方法
・PHPでHTMLソース内にあるURLを取得するプログラムを作ってみました。
・「ぽーん」ボタン
・Amazonのセール品にご注意ください
・Adobe Photoshop のAI機能で画像を作ってみた
・酷い広告と、その先にも地獄を見た件
・コピーしたWordPressがリダイレクトされてしまうので、DBを直接弄って対応する。
・JPEGのEXIF情報を一覧表示するサービスを公開しました。
・TVアニメ「彼女が公爵邸に行った理由 第9話」の「神殿内だけで用いられる特殊な言葉」を翻訳してみた。
・[Windows] 英語キーボード（101/102キー）を日本語キーボード（106/109キー）に変更する。