viewsConfig
Options des vues
Le paramètre viewsConfig permet de régler les options des vues
| Nom | Requis | Type | Valeur par défaut | Description |
|---|---|---|---|---|
homeRoute | Oui | 'home' | 'news' | 'home' | Définie la page de démarrage de l'application |
webcamRotation | Non | 0 | 90 | -90 | 180 | 0 | Angle de rotation de la webcam, quand elle est utilisée en fond d'écran |
views | Oui | - | Options des vues individuelles |
Options communes à toutes les vues
| Nom | Requis | Type | Valeur par défaut | Description |
|---|---|---|---|---|
background | Oui | BackgroundOptions | - | Options de background pour la page principale |
BackgroundOptions
| Nom | Requis | Type | Valeur par défaut | Description |
|---|---|---|---|---|
style | Oui | 'image' | 'video' | 'webcam' | 'neutral' | 'image' | Style du background |
image | Non | string | - | Url de l'image de fond |
video | Non | string | - | Url de la vidéo de fond |
webcam | Non | string | - | Source de la webcam utilisée en fond d'écran (1) |
neutral | Non | string | Couleur principale | Couleur de fond (non supporté pour l'instant) |
blur | Non | number | 0 | Effet de flou du background, en pixel |
(1) Pour un appareil de type mobile ou tablette, on aura en général une webcam appelée front et une autre back. Sinon, il faut utiliser l'ID de la webcam que l'on souhaite utiliser. Il est possible de connaître l'ID des webcam de l'appareil avec la fonction suivante :
Comment lister les webcams
navigator.mediaDevices.enumerateDevices().then((devices) => {
console.log(devices.filter((device) => device.kind === 'videoinput'));
});
Options spécifiques de la vue news
| Nom | Requis | Type | Valeur par défaut | Description |
|---|---|---|---|---|
intervalInSeconds | Non | number | 3 | Temps d'attente à la fin d'une information avant de passer à la suivante, en secondes |
loop | Non | boolean | true | Les informations doivent-elles boucler et revenir à la première une fois la dernière terminée |
openingVideo | Non | string | - | Url du générique de début des news |
endingVideo | Non | string | - | Url du générique de fin des news |
showMenu | Non | boolean | false | Indique si le menu doit être affiché dans la vue news (lors de l'utilisation du composant RetorikNews) |