Exemple – Réaliser une séquence avec timeline

Définitions

Nous avons réalisé une séquence utilisant la timeline. Pour ce projet, la vidéo est hébergée chez Vimeo et les textes, pour respecter un choix typographique sont des images (png transparent)
Vous pouvez aller voir le projet sur sa page de publication.

La page Média manager

En premier lieu nous avons uploadé les images nécessaires.

Exemple - Réaliser une séquence avec timeline

La page Editor

Ici les éléments arrivent simplement les uns après les autres. La vidéo étant hébergée chez Vimeo, nous utilisons un Article avec comme contenu une <iframe>, le caractère Autoplay de la vidéo est défini à l’intérieur de l’iframe (lors de la définition des options dans le player de Vimeo), elle ne peux donc en aucun cas réagir à un play ou un pause de notre player car cette video est extérieure à notre plate-forme.

Exemple - Réaliser une séquence avec timeline

La page Projet

Pour ce projet, nous avons glissé notre séquence dans le Storybuilder, et nous avons coché la case Autoplay par contre la case Plein écran n’a pas été cochée.

Exemple - Réaliser une séquence avec timeline

Le projet est maintenant publié, nous pouvons le partager ou l’intégrer dans votre site grâce aux deux types d’exportation disponible.
Pour plus de détail sur l’utilisation de ces codes d’exportation, consulter cet article.