機械翻訳について

スキャン・バーコード・アクションの追加

URL、Wi-Fi接続、連絡先詳細などの情報をQRコードやバーコードからデコードする場合は、バーコードのスキャン・アクションを追加できます。

ノート:

バーコードのスキャン・アクションはブラウザAPIに依存し、Visual BuilderアプリケーションのChromeでのみサポートされています。

スキャン・バーコード・アクションをアクション・チェーンに追加するには:

1. ページのアクション・エディタを開きます。
2. リスト内のアクション・チェーンをクリックしてアクション・チェーン・エディタで開きます。
3. 「バーコードのスキャン」をアクション・パレットからアクション・チェーンにドラッグします。

   アクション・チェーン内のAddアイコン()、またはチェーン内の既存アクション間にアクションをドラッグできます。 チェーンにアクションを追加すると、「プロパティ」ペインが開きます。

   
   

   
   「図action-chain-call-scanbarcode.pngの説明」

   
   
4. プロパティ・ペインでアクション・プロパティを指定します:
   1. アクションを簡単に識別できるように、IDフィールドを更新します。
   2. 「イメージ」フィールドに、デコードするイメージ・オブジェクト(CanvasImageSource、Blob、ImageDataまたは<img>要素)を入力します。

      ノート:

      「写真処理の実行」または「カメラ・コンポーネント」を使用してBlobをスキャン・バーコード・アクションに渡す場合、Failed to execute 'detect' on 'BarcodeDetectorエラーになることがあります。 このエラーを回避するには、BlobをImageBitmapに変換してから、バーコードのスキャン・アクションに渡します。 たとえば:

      1. イメージ変換を実行する関数を追加します。次に例を示します:

           // Convert Blob to ImageBitmap
           //
          PageModule.prototype.createImageBitmap = function(fileBlob) {
             return window.createImageBitmap(fileBlob);
           };

      2. 次のように、関数の呼出しアクションをアクション・チェーンに追加します:
         
         
         「図scanbarcode_takephoto.pngの説明」
         
         
      3. 変換されたImageBitmapをスキャン・バーコード・アクションのイメージ・パラメータとして渡します。たとえば:

         [[ $chain.results.callFunctionCreateImageBitmap ]]

   3. オプショナル: 形式フィールドで、ブラウザで検索するバーコード形式を選択します。

      バーコード・フォーマットは、様々なユースケースを解き放ちます。 QRコードは、オンライン決済、webナビゲーションまたはソーシャル・メディア接続に使用でき、アステック・コードを使用してボーディング・パスをスキャンでき、ショッピング・アプリケーションではEANまたはUPCバーコードを使用して物理アイテムの価格を比較できます。

      「フォーマット」が指定されていない場合、ブラウザはサポートされているすべてのフォーマットを検索するため、サポートされているフォーマットの特定のサブセットを検索すると、パフォーマンスが向上する可能性があります。

   バーコードのスキャン・アクションを使用する場合のオプションの1つは、document.querySelectorを使用してイメージを取得することです。ここに示すように、IDがBarcodeImageの最初のイメージが返されます:
   
   図action-chain-call-scanbarcode-example.pngの説明