CameraScanner Component — sgcHTML | eSeGeCe

CameraScanner

TsgcHTMLComponent_CameraScanner — un pannello fotocamera live che scansiona codici a barre e QR code con il decoder nativo del browser, senza librerie di terze parti, con acquisizione foto e inserimento manuale sempre disponibili come alternativa, in Delphi, C++ Builder e .NET.

TsgcHTMLComponent_CameraScanner

Imposta Mode e Formats, quindi leggi la proprietà HTML; il pannello apre la fotocamera, decodifica con il BarcodeDetector del browser e invia il risultato sotto FieldName.

Classe del componente

TsgcHTMLComponent_CameraScanner

Renderizza

Pannello mirino fotocamera + campi nascosti + script inline

Famiglia

Moduli e Campi

Linguaggi

Delphi, C++ Builder, .NET

Puntalo allo scanner nativo del browser

Nessun decoder da includere e nulla scaricato da un CDN: dove BarcodeDetector manca, il pannello lo segnala e continua a funzionare tramite inserimento manuale e acquisizione foto.

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

Proprietà e metodi principali

I membri che utilizzerai più spesso.

Mode

smBarcode, smPhoto o smBoth (predefinito). smBarcode non renderizza mai il pulsante di acquisizione; smPhoto salta del tutto il ciclo di scansione.

Formats

Elenco separato da virgole di stringhe di formato BarcodeDetector, predefinito qr_code,ean_13,code_128, sottoposto a escape nell’array JS passato al decoder del browser.

FacingMode

sfEnvironment (predefinito, fotocamera posteriore) o sfUser (fotocamera anteriore).

ContinuousScan

True (predefinito) continua a decodificare dopo un risultato; False arresta automaticamente la fotocamera alla prima scansione riuscita.

FieldName

Nome del campo nascosto sotto cui viene inviato il valore scansionato; la foto acquisita viene inviata sotto FieldName_photo come URL dati JPEG.

WSSend / Action

Invia ogni scansione tramite il bridge WebSocket sgcHTMX, oppure con POST a Action; in entrambi i casi viene sempre generato un evento DOM sgcCameraScanner:scan.

Continua a esplorare

Guida in lineaRiferimento API completo e guida all’uso per questo componente.
Tutti i componenti sgcHTMLEsplora la matrice completa delle funzionalità di oltre 80 componenti.
Scarica la Prova GratuitaLa prova di 30 giorni include i progetti demo 60.HTML.
PrezziLicenze Single, Team e Site con codice sorgente completo.
La scelta più conveniente: All-AccessTutti i prodotti eSeGeCe, con Supporto Premium incluso, a partire da €1,059/anno.
Vedi i prezzi All-Access

Pronto a Iniziare?

Scarica la versione di prova gratuita e inizia a creare interfacce web in Delphi, C++ Builder e .NET.