Angular jsを使用したバーコードとQrcodeのスキャンHTML5

Android/iphone/ipadデバイスでバーコードとQrcodeをスキャンする必要があります。このプロジェクトは完全にAngular JSとHTML5に基づいています。これはモバイルサイトです。Angular jsを使用したバーコードとQrcodeのスキャンHTML5

以下が要件です。デバイス上にサードパーティのネイティブアプリケーションをダウンロードしないでください。ネイティブZxingアプリケーションを使用できません。

javascript/HTML5/jquery/Angular jsには、ネイティブカメラを使ってバーコードをスキャンする方法はありますか？

私はJavaScriptのライブラリの下で試しましたが、QRcodeだけでカメラを開くことができないので便利ではありません。 https://github.com/LazarSoft

助けてください！

出典

2013-07-30 user2425109

（またはファイルのAPIにはいくつかはまだ未発表の改善）、携帯カメラやプロセス、それをクライアント側からのデータをつかむする方法は、単純にはありませんJavaScript（LazerSoftライブラリは印象的ですが、Flash SWFからカメラデータを取得し、それをキャンバス要素に変換します）。自分のカメラから取得した画像をアップロードし、サーバー側のコードブロックを実行するようにユーザーに促すことができます。これはパフォーマンスやネイティブアプリには近づかないでしょう。 PhoneGapやTitaniumのようなものでしょうか？ –

のAndroidおよびiOSモバイルブラウザのFlash用プラグイン "このプラグインはサポートされていませんエラーが発生しています"。これは、クライアントがギャラリーを開くべきではないという要件です。 – user2425109

私は同じ問題を抱えているので解決策を見つけたのかどうかわからない –

あなたが探しているものを達成するのに役立つこのプラグインを読んでください。デモを試してくださいLINK - これは、HTML5互換ブラウザ用のQRcodeリーダーを作成するためのクロスプラットフォームのjQueryライブラリです。

出典

2013-07-30 07:03:27

こんにちは、ありがとうございますまだこの問題を解決してください。私はこのライブラリを統合しましたが、Android-chromerとネイティブブラウザ/ iphone-safariブラウザでネイティブカメラを開くことはできません。空白の画面が表示されます。 1.オープンデバイスカメラ2に従うことができるライブラリを提案してください。2.バーコードとqrコードをスキャンしてAngular jsアプリケーションに戻してください。 – user2425109

以下は、Androidクロームブラウザにログがあります。このブラウザでは、ネイティブウェブカメラストリーミング（getUserMedia）はサポートされていません。 html5-qrcode.min.js：104 – user2425109

@ user2425109あなたの現在のAndroidクロームブラウザでこれを開こうとしてください。[link]（http://shinydemos.com/qr-code/） –

私はAngularJS指令としてhtml5-qrcodeプラグインを採用しました。

あなたはこのレポでそれを見つけることができます。

フラッシュなしhttps://github.com/sembrestels/angular-qr-scanner

出典

2014-03-18 05:05:25 Sem

あなたの答えを親切に説明してください。 – Irfan

たとえば、ユーザーがボタンをクリックしたときに、ページの読み込みを開始するのではなく、スキャナを起動させることができれば便利です。それ以外の場合は非常に役立つデモ。 – AndrewW

こんにちは@このディレクティブはすばらしいです！ありがとう。これをCordova/Phonegapに埋め込まれたAngularアプリに統合することが可能かどうかは分かりますか？とにかく、私はそれを試してみるつもりです。 –

Angular jsを使用したバーコードとQrcodeのスキャンHTML5

答えて

関連する問題