サイドコンテンツ 【メイン】

推し：加藤安那

加藤安那 (ユメオイ少女)

Twitter: @_hana_celeb_

最新 15 件のエントリー

カテゴリ

管理

サイドコンテンツ 【サブ】

ブログ エントリー

  • Javascript で QR コードの読み込み

    プログラム - 2018/10/09 00:33:56
    QR コードライブラリは jsqrcode を使用。 https://github.com/LazarSoft/jsqrcode




    START ボタンを押すと navigator.mediaDevices.getUserMedia で stream が得られるので、それを <video> の src に window.URL.createObjectURL(stream) で指定。
    カメラからの入力の確認だけはこれで済む。
    なんかここまで簡単だと逆に不安になる。

    タイマーでカメラからの入力を context.drawImage() でスナップショット取る。
    canvas.toDataURL('image/png') で画像データを得て qrcode.decode() に渡す。

    以上で結果が得られる。