Speedernet Sphere - Utiliser la timeline

Dans ce tutoriel, vous allez apprendre comment utiliser la fonctionnalité “ligne de temps”. 

Cette fonctionnalité de Speedernet Sphere permet de gérer la temporalité d'une scène à l'aide d'une timeline et de l'édition d'évènements. 

À l’aide de la timeline, vous pouvez, par exemple, vous rendre dans un moment précis de la vidéo et créer des interactions à partir de ce moment. Pour mieux comprendre cette fonctionnalité voici un exemple :

" A à un moment précis de la vidéo 360°, un texte (une information) apparaît dans le panorama et la vidéo 360° se met en pause. "

Je vous invite à regarder cette vidéo ou bien consulter les explications ci-dessous pour en savoir plus 🤓 :

Voici les grandes étapes à suivre :

1. Enrichir le panorama en ajoutant un élément texte
2. Créer l'événement

Étape 1 - Enrichir le panorama

Ajoutez un élément texte

• Cliquez sur la « Liste d’ajout d’un élément”
• Cliquez sur l’élément texte pour l’ajouter dans la scène
• Renommez-le dans la colonne “ÉLÉMENTS”. Vous le retrouverez plus facilement parmi les autres éléments qui seront ajoutés.

Définissez les propriétés de l’élément texte

• Cliquez sur l’icône “PROPRIÉTÉS” dans la colonne “ÉLÉMENTS”
• Saisissez votre texte dans la zone dédiée
• Mettez en forme le texte à l’aide des différentes options comme la typographie, la taille, etc.
• Renommez l’aspect initial de l’élément
• Définissez les états de cet élément (dans notre exemple, l’élément est “invisible” au départ de l’expérience puis il devient “visible”)
• Fermez la fenêtre “PROPRIÉTÉS”

Étape 2 - Créer un évènement

Pour cette étape, définissez le moment d’apparition de l’élément dans le panorama. Cliquez sur “Ouvrir/fermer l’outil de l’animation” . La fenêtre de timeline s’affiche dans la scène.

Les deux barres rouges affichées sur la timeline indiquent le début et la fin de la vidéo 360°.

Pour sélectionner le moment de l'apparition d’un élément :

• Cliquez sur le bouton “Jouer/Mettre en pause” pour lancer la vidéo 360° puis cliquez de nouveau sur le même bouton pour arrêter la vidéo au moment concerné. Vous pouvez également cliquer sur la “Tête de lecture”, maintenez et glissez-la vers le moment souhaité.
• Cliquez sur “Ajouter un évènement”.
  
• Une nouvelle implication se crée dans le filtre du mode scénario de la scène :
  • Renommez l’implication
  • et ajustez le moment si nécessaire.
  • définissez les conséquences. Dans notre exemple : Alors : dans la scène en cours, l’élément texte change d’état et devient visible et la ligne de temps de la vidéo 360° se met en “Pause*”.

* Comme vous constatez, Il est également possible de créer des événements ayant des conséquences sur la ligne de temps elle-même. Ces événements prennent la forme d’états comme : 

• Joue - Lancer la lecture de la vidéo 360°
• Pause - Mettre la lecture de la vidéo 360° en pause
• Stop - Arrêter la lecture de la vidéo 360° et retourner au début de la ligne de temps
• Aller - Se rendre à un endroit particulier de la ligne de temps de la vidéo 360°

• Quittez le mode scénario et retournez sur la scène.

Tester le projet

Testez l’expérience en cliquant sur le bouton “Tester l’expérience” en haut à droite de l’écran.

Supprimer un évènement

Vous avez la possibilité de supprimer un évènement :

• Cliquez sur l'évènement en question dans la timeline pour le sélectionner. Il devient jaune
  
• Cliquez sur “Supprimer l'événement sélectionné”.
  

En cas de besoin de modifier un évènement, retournez dans le filtre des implications de la scène  .

 À vous de jouer ! Faites-nous part de vos commentaires et questions ! 🧑‍💻

À très bientôt sur le prochain tutoriel ! 🙋‍♀️