はてなブックマーク

はじめに QRではなく一次元バーコードの読み取りをブラウザで行う WebRTC(getUserMedia)を利用したリアルタイムのライブプレビューでスキャンする 使い慣れているVueで実装する やりたいこと WebRTCでカメラを利用してブラウザ上でバーコードを読み取り、読み取った瞬間の画像と読み取り結果（ISBN）を画面上に表示する。 WebRTCとは Web Real Time Communicationsの略で、ブラウザ上で音声や映像やファイルのやり取りをリアルタイムで行うことができる技術です。 また、それらをブラウザで簡単に扱えるようにしたAPI群です。 HTTPSかlocalhostでしか動かないので注意。 今回はライブラリに頼りきりの実装となっているので細かくは説明しませんが、ざっと説明すると上記のような感じです。 WebRTC API - Web API | MDN いろんな