Table of Contents

Bild-Cloud-Erkennung Web-Entwicklung Schnellstart

EasyAR WebAR implementiert AR-Funktionen basierend auf Web-Technologie. Im Vergleich zu nativen AR-Anwendungen zeichnet es sich durch Leichtgewichtigkeit, schnelle Bereitstellung und hohe Verbreitung aus. Es erfordert keine App-Installation und läuft in gängigen Browsern auf Android, iOS, Windows, Mac und anderen Systemen, was echte plattformübergreifende Funktionalität ermöglicht.

Bevor Sie beginnen

Stellen Sie vor dem Start sicher, dass folgende Vorbereitungen abgeschlossen sind:

  1. Ein API Key mit Cloud-Erkennungsunterstützung
  2. Eine laufende Cloud-Recognition-Bibliothek

Cloud-Erkennungsbild hochladen

Bereiten Sie ein Erkennungsbild vor und laden Sie es in die Cloud-Recognition-Bibliothek hoch. Die Hochlademethode finden Sie unter Bibliotheksverwaltung.

Sample herunterladen

Zur schnellen Entwicklung stellen wir Beispielcode zur Verfügung. Entwickler können diese Beispiele herunterladen, um WebAR-Funktionen schnell zu erleben.

Klicken Sie zum Herunterladen

Sample konfigurieren

Der Beispielcode enthält vordefinierte Konfigurationsoptionen. Passen Sie diese an Ihre Umgebung an.

  • Bearbeiten Sie die Datei config/application.txt
  • Ersetzen Sie API Key, API Secret und CRS AppId in der Konfigurationsdatei

Cloud-Erkennungskonfiguration

  • Bearbeiten Sie die Datei asset/js/app.js im Beispielverzeichnis
  • Ersetzen Sie die Client-end (Target Recognition) URL der Cloud-Erkennung in app.js

Cloud-Erkennungskonfiguration

Sample ausführen

Die EasyAR-WebAR_*-Dateien sind HTTP- und Token-Generierungsdienste. Bei erfolgreichem Start wird der überwachte Port angezeigt. Startmethoden:

  • Linux-System: 
    ./EasyAR-WebAR_linux
  • macOS-System: 
    ./EasyAR-WebAR_darwin
  • Windows-System: 
    // Per Doppelklick oder in cmd ausführen
EasyAR-WebAR_windows.exe

Sample testen

Geben Sie in einem PC-Browser (mit Kamera) http://127.0.0.1:3000/ ein. Firefox wird empfohlen. Richten Sie das Gerät auf das Erkennungsziel und überprüfen Sie die Funktionsweise des Samples.

Tipp

Für Tests auf Mobilgeräten ist eine HTTPS-fähige Domain erforderlich.

Verwandte Themen