web-dev-qa-db-ja.com

HTML5 WebサイトでQRコードリーダーを作成する方法は?

HTML5ベースのWebページでQRコードリーダーを作成する可能性を探していました。私はいくつかのグーグルをしました、そして、すべてのリンクはモバイルアプリケーションを指し示します。

HTML5とJavaScriptを使用してURLを含むQRコードを読み取り、ブラウザーをそのURLにリダイレクトする方法について、いくつかのポインターで助けてください。

57
Binay

多くのJavaScriptデコーダーはありません。

http://www.webqr.com/index.html にあります

最も簡単な方法は、サーバーで ZXing などを実行することです。その後、画像をPOSTし、応答でデコード結果を取得できます。

23
Terence Eden

Lazarsoftのjsqrcodeライブラリは、HTML5、つまりgetUserMedia(WebRTC)のみを使用して完全に機能するようになりました。 GitHubで見つけてください

また、非常に単純化された素晴らしいフォークも見つけました。ただ1つのファイル(およびjQuery)とメソッドの1つの呼び出し: html5-qrcode on GitHub を参照してください。

15
prespic

http://www.webqr.com/index.html に表示されるリーダー、しかし、それは可能です。最適な方法は、Webページに示されている例をリバースエンジニアリングすることです。

ただし、編集して潜在能力を最大限に引き出すには、それほど簡単ではありません。ある時点で、リバースエンジニアリングされた簡易QRリーダーを投稿することもありますが、その間にコードをハッキングする楽しみがあります。

ハッピーコーディング。

3
reicek

http://www.webqr.com を駆動するアルゴリズムは、 https://github.com/LazarSoft/jsqrcode のJavaScript実装です。信頼性はまだ試していませんが、それは確かに2つのうちプラグアンドプレイの簡単なソリューション(クライアント側またはサーバー側)です。

0
Burgi