Zum Hauptinhalt springen

LandingPage.configure()

LandingPage.configure({ logoSrc, logoAlt, promptPrefix, url, promptSuffix, textColor, font, textShadow, backgroundSrc, backgroundBlur, backgroundColor, mediaSrc, mediaAlt, mediaAutoplay, mediaAnimation, mediaControls, sceneEnvMap, sceneOrbitIdle, sceneOrbitInteraction, sceneLightingIntensity, vrPromptPrefix })

Beschreibung

Konfiguriert das Verhalten und Aussehen des LandingPage-Moduls.

Parameter (alle optional)

ParameterTypStandardBeschreibung
logoSrcStringBildquelle für das Markenlogo-Bild.
logoAltString'Logo'Alt-Text für das Markenlogo-Bild.
promptPrefixString'Scannen oder besuchen'Legt den Textstring für den Aufruf zur Aktion fest, bevor die URL für das Erlebnis angezeigt wird.
urlString8th.io Link, wenn 8th Wall gehostet wird, oder aktuelle SeiteLegt die angezeigte URL und den QR-Code fest.
promptSuffixString'fortfahren'Legt den Textstring für den Aufruf zur Aktion fest, nachdem die URL für das Erlebnis angezeigt wurde.
textColorHex-Farbe'#ffffff'Farbe des gesamten Textes auf der Landing Page.
SchriftartString"'Nunito', sans-serif"Schriftart des gesamten Textes auf der Landing Page. Dieser Parameter akzeptiert gültige CSS font-family Argumente.
textShadowBooleschefalseLegt die Eigenschaft text-shadow für alle Texte auf der Landing Page fest.
backgroundSrcStringBildquelle für das Hintergrundbild.
backgroundBlurNummer0Wendet einen Unschärfe-Effekt auf backgroundSrc an, wenn einer angegeben ist. (Normalerweise liegen die Werte zwischen 0.0 und 1.0)
backgroundColorString'linear-gradient(#464766,#2D2E43)'Hintergrundfarbe der Landing Page. Dieser Parameter akzeptiert gültige CSS-Hintergrundfarbenargumente. Die Hintergrundfarbe wird nicht angezeigt, wenn eine background-src oder sceneEnvMap eingestellt ist.
mediaSrcStringDas Titelbild der App, falls vorhandenMedienquelle (3D-Modell, Bild oder Video) für den Held-Inhalt der Landing Page. Akzeptierte Medienquellen sind a-asset-item id oder eine statische URL.
mediaAltStringVorschauAlt-Text für Landing Page Bildinhalte.
mediaAutoplayBooleschewahrWenn die mediaSrc ein Video ist, gibt sie an, ob das Video beim Laden mit stummgeschaltetem Ton abgespielt werden soll.
mediaAnimationStringErster Animationsclip des Modells, falls vorhandenWenn es sich bei mediaSrc um ein 3D-Modell handelt, geben Sie an, ob ein bestimmter Animationsclip, der mit dem Modell verknüpft ist, abgespielt werden soll, oder "keiner".
mediaControlsString'minimal'Wenn mediaSrc ein Video ist, geben Sie die Mediensteuerung an, die dem Benutzer angezeigt wird. Wählen Sie aus "keine", "minimal" oder "Browser" (Browser-Standardeinstellungen)
sceneEnvMapString'Feld'Bildquelle, die auf ein gleichwinkliges Bild zeigt. Oder eine der folgenden voreingestellten Umgebungen: "Feld", "Hügel", "Stadt", "Pastell", oder "Weltraum".
sceneOrbitIdleString'Spin'Wenn es sich bei mediaSrc um ein 3D-Modell handelt, geben Sie an, ob sich das Modell "drehen" soll oder "nicht".
sceneOrbitInteractionString'ziehen'Wenn die mediaSrc ein 3D-Modell ist, geben Sie an, ob der Benutzer mit den Orbit-Steuerelementen interagieren kann, wählen Sie "ziehen" oder "keine".
sceneLightingIntensityNummer1Wenn die mediaSrc ein 3D-Modell ist, geben Sie die Stärke des Lichts an, das den Modus beleuchtet.
vrPromptPrefixString'oder besuchen'Legt den Textstring für den Aufruf zur Aktion fest, bevor die URL für das Erlebnis auf VR-Headsets angezeigt wird.

Returns

Keine

Beispiel - Code

LandingPage.configure({
mediaSrc: 'https://www.mydomain.com/bat.glb',
sceneEnvMap: 'hill',
})