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.

Exemple - Réaliser un menu interactif

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.

Exemple - Réaliser un menu interactif

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.

Exemple - Réaliser un menu interactif

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.

Exemple - Réaliser un menu interactif

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.