CameraScanner Component — sgcHTML | eSeGeCe

CameraScanner

TsgcHTMLComponent_CameraScanner — ein Live-Kamera-Panel, das Barcodes und QR-Codes mit dem browsereigenen nativen Decoder scannt, ganz ohne Drittanbieter-Bibliothek, mit Fotoaufnahme und manueller Eingabe stets als Fallback verfügbar, in Delphi, C++ Builder und .NET.

TsgcHTMLComponent_CameraScanner

Setzen Sie Mode und Formats und lesen Sie dann die HTML-Eigenschaft; das Panel öffnet die Kamera, dekodiert mit dem BarcodeDetector des Browsers und sendet das Ergebnis unter FieldName.

Komponentenklasse

TsgcHTMLComponent_CameraScanner

Rendert

Kamera-Sucherpanel + versteckte Felder + Inline-Skript

Sprachen

Delphi, C++ Builder, .NET

Nutzen Sie den browsereigenen Scanner

Kein Decoder zum Bündeln und nichts, was von einem CDN geladen wird: Fehlt BarcodeDetector, meldet das Panel dies und funktioniert dank manueller Eingabe und Fotoaufnahme trotzdem weiter.

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

Wichtige Eigenschaften & Methoden

Die Member, die Sie am häufigsten verwenden.

Mode

smBarcode, smPhoto oder smBoth (Standard). smBarcode rendert nie den Aufnahme-Button; smPhoto überspringt die Scan-Schleife vollständig.

Formats

Kommagetrennte Liste von BarcodeDetector-Formatstrings, Standard qr_code,ean_13,code_128, maskiert in das JS-Array, das an den Decoder des Browsers übergeben wird.

FacingMode

sfEnvironment (Standard, Rückkamera) oder sfUser (Frontkamera).

ContinuousScan

True (Standard) dekodiert nach einem Treffer weiter; False stoppt die Kamera automatisch beim ersten erfolgreichen Scan.

FieldName

Name des versteckten Felds, unter dem der gescannte Wert gesendet wird; das aufgenommene Foto wird unter FieldName_photo als JPEG-Daten-URL gesendet.

WSSend / Action

Senden Sie jeden Scan über die sgcHTMX-WebSocket-Bridge, oder per POST an Action; in jedem Fall wird stets ein sgcCameraScanner:scan-DOM-Ereignis ausgelöst.

Weiter entdecken

Online-HilfeVollständige API-Referenz und Verwendungshandbuch für diese Komponente.
Alle sgcHTML-KomponentenDurchsuchen Sie die vollständige Funktionsmatrix von über 80 Komponenten.
Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte.
PreiseSingle-, Team- und Site-Lizenzen mit vollständigem Quellcode.
Bestes Preis-Leistungs-Verhältnis: All-AccessAlle eSeGeCe-Produkte, inklusive Premium-Support, ab €1,059 pro Jahr.
All-Access-Preise ansehen

Bereit loszulegen?

Laden Sie die kostenlose Testversion herunter und beginnen Sie, Web-UIs in Delphi, C++ Builder und .NET zu erstellen.