PCカメラが「QRコードリーダー」に大変身！JavaScriptで簡単に開発できる「Instascan」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、お手持ちのPCに搭載されているカメラや、USB接続のWebカメラなどを「QRコードリーダー」に変えてしまうJavaScriptライブラリのご紹介です！ すでに「QRコード」を読み取るスマホアプリなどが多く存在していますが、何と言っても自分でプログラミングしてオリジナルの「Webリーダー」を開発するのは楽しいです。 プログラムの練習や自由研究の題材にもオススメなので、ぜひ参考にしてみてください！ 【 Instascan 】 ■「Instascan」とは？ 「Instascan」は、PCのカメラにQRコードを読み取らせることで、一般的なリーダーアプリと同じように情報を取得することができるJavaScriptライブラリです。 公式の「サンプルデモ」があるので、まずは実際に試しながらどのようなツールなのか見てみましょう！ 以下のURLリンクをP
ブラウザからQRコードデコード - Qiita
はじめに ブラウザ上からカメラを起動し、QRコードを読み取る必要性が出てきそうなので実験してみることにしました。 WebRTC＋jsqrcodeを使用して、「カメラ起動＆QRコード読み取り」を行ってみたいと思います。 WebRTCとは？ WebRTC(Web Real-Time Communication”)とは、ビデオや音声データをブラウザ間でやり取り可能にする規格です。 WebRTCの機能を利用することで、Webサイト上でビデオ・音声チャットやファイルをやり取りすることが可能になります。 大きく、以下のようなことができるようになります。 カメラやマイクへのアクセス（UserMedia) PeerToPeer(RTCPeerConnection) また、iOS11からカメラ等へのアクセスが可能となるようです。 iOS11にアップデートしてみたところ、safariの設定メニューに「「カメラ
JavaScriptでQRコードをスキャンするライブラリまとめ - Qiita
LazarSoft/jsqrcode ZXing というJavaのライブラリをJavaScriptに移植したものです。 このライブラリ自体はCommonJS形式で書かれていないのですが，別の方がCommonJS形式への変換とnpmの登録をしてくれていて，edi9999/jsqrcode と vicapow/jsqrcode という2種類のプロジェクトがあります。 このライブラリはテストコードが不十分ということで，edi9999/jsqrcode の作者は，後述する cozmo/jsQR の利用を推奨しています。 このライブラリは画像ファイルのDataURLからQRコードを読み込むところまでを対象としているので，Webカメラから画像を取得する処理は navigator.getUserMedia などを使って自分で書く必要があります。参考事例を2つ挙げておきます。 ブラウザからQRコードデコー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
