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 })
Description
Configure le comportement et l'apparence du module LandingPage.
Paramètres (tous facultatifs)
| Paramètres | Type | Défaut | Description |
|---|---|---|---|
| logoSrc | Chaîne | Source d'image pour le logo de la marque. | |
| logoAlt | Chaîne | 'Logo' | Texte Alt pour l'image du logo de la marque. |
| Préfixe de l'invite | Chaîne | Scanner ou visiter' | Définit la chaîne de texte de l'appel à l'action avant l'affichage de l'URL de l'expérience. |
| url | Chaîne | Lien 8th.io si 8th Wall est hébergé, ou page actuelle | Définit l'URL et le code QR affichés. |
| suffixe de l'invite | Chaîne | pour continuer | Définit la chaîne de texte de l'appel à l'action après l'affichage de l'URL de l'expérience. |
| couleur du texte | Couleur hexagonale | '#ffffff' | Couleur de tout le texte de la page d'atterrissage. |
| police | Chaîne | "'Nunito', sans-serif"". | Police de tous les textes de la page d'atterrissage. Ce paramètre accepte les arguments CSS valides de type "font-family". |
| ombrage du texte | Booléen | false | Définit la propriété d'ombre du texte pour tout le texte de la page d'atterrissage. |
| backgroundSrc | Chaîne | Source de l'image d'arrière-plan. | |
| flou d'arrière-plan | Nombre | 0 | Applique un effet de flou au backgroundSrc s'il est spécifié. (Les valeurs sont généralement comprises entre 0,0 et 1,0) |
| couleur de fond | Chaîne | 'linear-gradient(#464766,#2D2E43)' | Couleur d'arrière-plan de la page d'atterrissage. Ce paramètre accepte les arguments de couleur d'arrière-plan CSS valides. La couleur d'arrière-plan n'est pas affichée si un background-src ou un sceneEnvMap est défini. |
| mediaSrc | Chaîne | Image de couverture de l'application, le cas échéant | Source média (modèle 3D, image ou vidéo) pour le contenu du héros de la page d'atterrissage. Les sources de média acceptées comprennent l'identifiant de l'élément d'actif ou l'URL statique. |
| mediaAlt | Chaîne | 'Aperçu' | Texte Alt pour le contenu de l'image de la page d'atterrissage. |
| mediaAutoplay | Booléen | true | Si le mediaSrc est une vidéo, spécifie si la vidéo doit être jouée au chargement avec le son coupé. |
| médiaAnimation | Chaîne | Premier clip d'animation du modèle, le cas échéant | Si le mediaSrc est un modèle 3D, spécifiez s'il faut jouer un clip d'animation spécifique associé au modèle, ou "aucun". |
| mediaControls | Chaîne | 'minimal' | Si mediaSrc est une vidéo, spécifier les contrôles médias affichés à l'utilisateur. Choisissez entre "none", "mininal" ou "browser" (navigateur par défaut) |
| sceneEnvMap | Chaîne | 'champ' | Source d'image pointant vers une image équirectangulaire. Ou l'un des environnements prédéfinis suivants : "champ", "colline", "ville", "pastel" ou "espace". |
| sceneOrbitIdle | Chaîne | 'spin' | Si le mediaSrc est un modèle 3D, spécifiez si le modèle doit "tourner" ou "aucun". |
| sceneOrbitInteraction | Chaîne | 'drag' | Si le mediaSrc est un modèle 3D, spécifiez si l'utilisateur peut interagir avec les contrôles de l'orbite, choisissez "drag", ou "none". |
| sceneLightingIntensity | Nombre | 1 | Si le mediaSrc est un modèle 3D, spécifiez l'intensité de la lumière qui éclaire le mode. |
| vrPromptPrefix | Chaîne | 'ou visite' | Définit la chaîne de texte de l'appel à l'action avant l'affichage de l'URL de l'expérience sur les casques VR. |
Retourne
Aucun
Exemple - Code
LandingPage.configure({
mediaSrc : 'https://www.mydomain.com/bat.glb',
sceneEnvMap : 'hill',
})