Lecteur vidéo

Le composant Lecteur Vidéo vous permet d'insérer une vidéo dans votre interface utilisateur. Vous pouvez afficher ou non les contrôles du lecteur. 

Propriétés du lecteur vidéo

Cliquez sur  Composants et insérez le Lecteur vidéo. 

Dans la fenêtre  Propriétés, cliquez sur Source pour importer et sélectionner votre fichier vidéo.

Voici la liste des propriétés :

  • Source : choisissez le fichier vidéo depuis vos medias.  
  • Qualité : choisissez la qualité de votre vidéo : SD (240p), SD (360p), MD (480p), HD Ready (720p), Full HD (1080p) ou UHD 4K (2160p).
  • Contrôles du lecteur : choisissez d'afficher ou non les boutons Lecture, Pause, Avancer, Reculer, Plein Ecran et déplacer la tête de lecture
  • Lecture automatique : activez ou non la lecture automatique
  • En boucle : activez ou non la lecture en boucle
  • Volume : choisissez le volume par défaut (1 étant le volume initial de la vidéo) et la plage de volume dans le cadre d'une synchronisation.
  • Vitesse : choisissez la vitesse par défaut (1 étant la vitesse initiale de la vidéo) et la plage de vitesse dans le cadre d'une synchronisation.
  • Temps par défaut : pour sélectionner le temps qui sera affiché au chargement de l’état (sur la base des marqueurs prédéfinis). Si vous ne définissez rien et que vous retournez sur cet écran, vous retomberez au début de votre vidéo.    

⚠️ Attention de nombreux navigateurs web (Firefox, Chrome) bloquent les vidéos en lecture automatique quand elles se lancent sans interaction utilisateur. Pour y remédier, il faut soit enlever le son de ces vidéos, soit ajouter une action utilisateur (par exemple un bouton). 

Déclencher une action depuis le lecteur vidéo

Votre vidéo peut déclencher une action, par exemple changer d'écran automatiquement à la fin de la vidéo. 

Sélectionnez votre composant et ouvrez la fenêtre  Actions

Cliquez sur  + AJOUTER ACTION pour accéder à la liste des déclencheurs :

  • Commence lecture
  • Mise en pause
  • Arrêt lecture
  • Fin lecture

Agir sur une vidéo

Votre vidéo peut être l'objet d'une action, par exemple vous pouvez créer un bouton pour lancer une vidéo. 

Choisissez le déclencheur de votre choix et l'action  Agir sur un composant. Voici la liste des actions disponibles :

  • Lecture/Pause
  • Lecture
  • Mettre en pause
  • Arrêter
  • Avancer
  • Reculer
  • Redémarrer au début
  • Mettre/Enlever plein écran
  • Mettre le volume
  • Augmenter le volume
  • Diminuer la vitesse
  • Mettre la vitesse
  • Augmenter la vitesse
  • Diminuer la vitesse

Créer des marqueurs

Si vous souhaitez déclencher une action à un instant t de la vidéo ou déplacer votre vidéo jusqu'au moment y, vous devez créer des marqueurs.

Pour créer un marqueur, rendez-vous dans la fenêtre  Propriétés du composant et cliquez sur EDITER. Créez un nouveau marqueur depuis la fenêtre Edition.

Ouvrez la fenêtre  Actions, sélectionnez votre composant et cliquez sur + AJOUTER ACTION pour retrouver ce temps dans la liste des déclencheurs.

Si vous choisissez l'action  Agir sur un composant, vous aurez accès à ces nouvelles possibilités :

  • Changer temps
  • Temps suivant
  • Temps précédent

Synchroniser une vidéo

Vous pouvez synchroniser votre vidéo avec un autre composant (Minuteur, Audio...) et choisir de synchroniser :

  • Temps
  • Volume
  • Vitesse
  • Marqueurs

Ces paramètres sont accessibles depuis la fenêtre  Propriétés du composant Synchronisation.

Vous avez encore besoin d'aide ? Contactez-nous Contactez-nous