Composant CameraScanner — sgcHTML | eSeGeCe

CameraScanner

TsgcHTMLComponent_CameraScanner — un panneau caméra en direct qui scanne les codes-barres et QR codes avec le décodeur natif propre au navigateur, sans bibliothèque tierce, avec capture photo et saisie manuelle toujours disponibles en secours, en Delphi, C++ Builder et .NET.

TsgcHTMLComponent_CameraScanner

Définissez Mode et Formats, puis lisez la propriété HTML ; le panneau ouvre la caméra, décode avec le BarcodeDetector du navigateur et publie le résultat sous FieldName.

Classe du composant

TsgcHTMLComponent_CameraScanner

Produit

Panneau viseur de caméra + champs cachés + script en ligne

Langages

Delphi, C++ Builder, .NET

Misez sur le scanner natif du navigateur

Aucun décodeur à empaqueter et rien à charger depuis un CDN : là où BarcodeDetector est absent, le panneau le signale et continue de fonctionner via la saisie manuelle et la capture photo.

uses
  sgcHTML_Component_CameraScanner;

var
  oScanner: TsgcHTMLComponent_CameraScanner;
begin
  oScanner := TsgcHTMLComponent_CameraScanner.Create(nil);
  try
    oScanner.ScannerID := 'receiving_scan';
    oScanner.Mode := smBoth;               // scan barcodes AND capture a photo
    oScanner.Formats := 'qr_code,ean_13,code_128';
    oScanner.FieldName := 'sku';
    oScanner.ContinuousScan := True;
    oScanner.BeepOnScan := True;

    WebModule.Response := oScanner.HTML;   // camera panel + hidden fields + inline script
  finally
    oScanner.Free;
  end;
end;
// includes: sgcHTML_Component_CameraScanner.hpp

TsgcHTMLComponent_CameraScanner *oScanner = new TsgcHTMLComponent_CameraScanner(NULL);
try
{
  oScanner->ScannerID = "receiving_scan";
  oScanner->Mode = smBoth;
  oScanner->Formats = "qr_code,ean_13,code_128";
  oScanner->FieldName = "sku";
  oScanner->ContinuousScan = true;
  oScanner->BeepOnScan = true;

  String html = oScanner->HTML;   // camera panel + hidden fields + inline script
}
__finally
{
  delete oScanner;
}
using esegece.sgcWebSockets;

var scanner = new TsgcHTMLComponent_CameraScanner();
scanner.ScannerID = "receiving_scan";
scanner.Mode = smBoth;
scanner.Formats = "qr_code,ean_13,code_128";
scanner.FieldName = "sku";
scanner.ContinuousScan = true;
scanner.BeepOnScan = true;

string html = scanner.HTML;   // camera panel + hidden fields + inline script

Propriétés & méthodes clés

Les membres que vous utilisez le plus souvent.

Mode

smBarcode, smPhoto ou smBoth (par défaut). smBarcode n'affiche jamais le bouton de capture ; smPhoto ignore entièrement la boucle de scan.

Formats

Liste de chaînes de format BarcodeDetector séparées par des virgules, par défaut qr_code,ean_13,code_128, échappée dans le tableau JS transmis au décodeur du navigateur.

FacingMode

sfEnvironment (par défaut, caméra arrière) ou sfUser (caméra avant).

ContinuousScan

True (par défaut) continue de décoder après une détection ; False arrête automatiquement la caméra dès le premier scan réussi.

FieldName

Nom du champ caché sous lequel la valeur scannée est publiée ; la photo capturée est publiée sous FieldName_photo en tant qu'URL de données JPEG.

WSSend / Action

Poussez chaque scan via le pont WebSocket sgcHTMX, ou envoyez-le en POST vers Action ; dans les deux cas, un événement DOM sgcCameraScanner:scan est toujours déclenché.

Continuez l'exploration

Aide en ligneRéférence API complète et guide d'utilisation pour ce composant.
Tous les composants sgcHTMLParcourez la matrice complète des fonctionnalités de plus de 80 composants.
Télécharger la version d'essai gratuiteLa version d'essai de 30 jours fournit les projets de démonstration 60.HTML.
TarifsLicences Single, Team et Site avec code source complet.
Meilleur rapport qualité-prix : All-AccessTous les produits eSeGeCe, Support Premium inclus, à partir de €1,059/an.
Voir les tarifs All-Access

Prêt à démarrer ?

Téléchargez la version d'essai gratuite et commencez à créer des interfaces web en Delphi, C++ Builder et .NET.