CameraScanner-component — sgcHTML | eSeGeCe

CameraScanner

TsgcHTMLComponent_CameraScanner — een live camerapaneel dat barcodes en QR-codes scant met de eigen native decoder van de browser, zonder externe library, met fotocaptuur en handmatige invoer altijd beschikbaar als terugvaloptie, in Delphi, C++ Builder en .NET.

TsgcHTMLComponent_CameraScanner

Stel Mode en Formats in en lees dan de HTML-eigenschap; het paneel opent de camera, decodeert met de BarcodeDetector van de browser en post het resultaat onder FieldName.

Componentklasse

TsgcHTMLComponent_CameraScanner

Rendert

Camerazoekerpaneel + verborgen velden + inline script

Talen

Delphi, C++ Builder, .NET

Richt hem op de eigen scanner van de browser

Geen decoder om mee te leveren en niets dat van een CDN wordt opgehaald: waar BarcodeDetector ontbreekt, meldt het paneel dit en blijft het werken via handmatige invoer en fotocaptuur.

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

Belangrijkste eigenschappen en methoden

De members die je het vaakst gebruikt.

Mode

smBarcode, smPhoto of smBoth (standaard). smBarcode rendert nooit de captuurknop; smPhoto slaat de scanlus volledig over.

Formats

Kommagescheiden lijst van BarcodeDetector-formaatstrings, standaard qr_code,ean_13,code_128, geëscaped naar de JS-array die aan de decoder van de browser wordt doorgegeven.

FacingMode

sfEnvironment (standaard, achtercamera) of sfUser (frontcamera).

ContinuousScan

True (standaard) blijft decoderen na een treffer; False stopt de camera automatisch bij de eerste geslaagde scan.

FieldName

Naam van het verborgen veld waaronder de gescande waarde wordt gepost; de vastgelegde foto wordt gepost onder FieldName_photo als een JPEG-data-URL.

WSSend / Action

Stuur elke scan via de sgcHTMX WebSocket-brug, of POST hem naar Action; in beide gevallen wordt altijd een sgcCameraScanner:scan DOM-gebeurtenis geactiveerd.

Blijf ontdekken

Online helpVolledige API-referentie en gebruikshandleiding voor dit onderdeel.
Alle sgcHTML-componentenBlader door de volledige functiematrix van 80+ componenten.
Download gratis proefversieDe proefversie van 30 dagen bevat de 60.HTML-demoprojecten.
PrijzenSingle-, Team- en Site-licenties met volledige broncode.
De beste deal: All-AccessElk eSeGeCe-product, inclusief Premium-ondersteuning, vanaf €1,059 per jaar.
Bekijk de All-Access-prijzen

Klaar om te beginnen?

Download de gratis proefversie en begin met het bouwen van web-UI's in Delphi, C++ Builder en .NET.