Exemple – Réaliser un menu interactif
Définitions
Nous avons réalisé un menu interactif simple mais efficace, avec en arrière-plan une vidéo.
Vous pouvez aller voir le projet sur sa page de publication.
La page Média manager
En premier lieu nous avons uploadé la vidéo nécessaire.
La page Editor
Dans la timeline on peux voir la vidéo, les quatre points du menu qui sont des Articles, et les quatre étiquettes, des Articles aussi, qui ont une durée de 0s car nous allons les appeler à l’aide de l’évènement Show.
L’élément important de ce menu est l’utilisation de l’évènement Show. Au survol de la souris sur chaque point, une étiquette avec un intitulé de chapitre va apparaître.
La page Projet
Pour ce projet, nous avons glissé notre séquence dans le Storybuilder, puis nous avons coché la case Autoplay par contre la case Plein écran n’a pas été cochée.
Le projet est maintenant publié, nous pouvons le partager ou l’intégrer dans votre site grâce aux différents du types d’exportation disponibles. Dans cette page par exemple, nous avons choisi d’inséré cette création à l’aide d’une iframe.
Pour en savoir plus sur l’utilisation de ces codes d’exportation, vous pouvez consulter cet article.