web-dev-qa-db-ja.com

フォームのWebサイト用の携帯電話用バーコードスキャナー

在庫管理Webサイトが稼働しています。現在、バックエンドユーザーはシステム上でアイテムIDを手動で入力し、使用して検索と作業を行っています。入力を自動化してqrコードをスキャンしたいと思います。 携帯電話のカメラを使用してスキャナーとして機能するようにユーザーを実装しようとしています。

したがって、ユーザーはテキストボックスにフォーカスを設定し、携帯電話を使用してコードをスキャンし、値をテキストボックスに自動的に配置する必要があります。

市場のアプリは、データをPCまたはWebフォームに直接転送しません。高価な製品やアプリを購入するのではなく、オープンソースのWebスキャナーを実装しようとしています。提案できますか、独自のアプリを作成する必要がありますか？もしそうなら、どこから始めることができますか？

javascripthtmlqr-codebarcode-scanner
29
M.A

カメラを備えたモバイルサイトで機能するJS QrCodeスキャナーがあります。

https://github.com/LazarSoft/jsqrcode

私は自分のプロジェクトの1つでそれを使って作業しましたが、かなりうまくいきます！

11
edi9999

チェックアウト https://github.com/serratus/quaggaJS

「QuaggaJSは、EAN、CODE 128、CODE 39、EAN 8、UPC-A、UPC-C、I2of5、2of5、CODE 93などのさまざまなタイプのバーコードのリアルタイムローカリゼーションとデコードをサポートするJavaScriptで完全に記述されたバーコードスキャナーです。このライブラリはgetUserMediaを使用してユーザーのカメラストリームに直接アクセスすることもできます。コードは重い画像処理に依存していますが、最近のスマートフォンでもリアルタイムでバーコードを見つけてデコードすることができます。

7
bchr02

Scandit は、かさばる高価なレーザーバーコードスキャナーを安価な携帯電話に置き換えることを目標とするスタートアップです。

Android、iOS、Windows、C API/Linux、React Native、Cordova/PhoneGap、XamarinのSDKがあります。

Web用Scandit Barcode Scanner SDK もあり、これはSDKのWebAssemblyバージョンです。それは、携帯電話でも最新のブラウザで実行されます。

クライアントライブラリ があり、バーコードピッカーコンポーネントも提供します。次のように使用できます。

<div id="barcode-picker" style="max-width: 1280px; max-height: 80%;"></div>

<script src="https://unpkg.com/scandit-sdk"></script>
<script>
    console.log('Loading...');
    ScanditSDK.configure("xxx", {
engineLocation: "https://unpkg.com/scandit-sdk/build/"
    }).then(() => {
      console.log('Loaded');
      ScanditSDK.BarcodePicker.create(document.getElementById('barcode-picker'), {
        playSoundOnScan: true,
        vibrateOnScan: true
      }).then(function(barcodePicker) {
        console.log("Ready");
        barcodePicker.applyScanSettings(new ScanditSDK.ScanSettings({
          enabledSymbologies: ["ean8", "ean13", "upca", "upce", "code128", "code39", "code93", "itf", "qr"],
          codeDuplicateFilter: 1000
        }));
        barcodePicker.onScan(function(barcodes) {
          console.log(barcodes);
        });
      });
    });
</script>

免責事項：私はScanditで働いています

6
mak

Android appバーコードスキャナー端末（免責事項！私は開発者）。バーコードをスキャンしてPCに送信し、Webフォームに入力できます。詳細 here 。

2
TheStoryCoder

Google PlayのアプリとApp StoreにバーコードをスキャンしてWebサイトを作成します。このアプリはScan to Webと呼ばれます。 http://berrywing.com/scantoweb.html

Webページ内で自分でスキャナーを起動するためのリンクまたはボタンを埋め込むこともできます。

<a href="bwstw://startscanner">Link to start scanner</a>

アプリの開発者向けドキュメントWebサイトでは、アプリの使用方法と、バーコードスキャンの処理にJavaScriptを使用する方法について説明しています。 http://berrywing.com/scantoweb/#htmlscanbutton

1
Berry Wing