CATALOGUE Code & Data Formation Edge Apprendre Adobe Edge Animate CC - Créez des contenus animés et interactifs

Contrôler les actions à la fin d'une vidéo

Retour à la formation
Chapitre 31 Leçon 3
Précédent
Suivant

Apprenez à déclencher des actions spécifiques lorsque votre vidéo se termine, comme afficher un contenu texte ou lancer une animation.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons explorer la manière de déclencher des actions spécifiques à la fin de la lecture d'une vidéo dans un navigateur. Vous apprendrez à insérer un bloc de texte qui s'affiche uniquement à la fin de la vidéo. Cette technique peut être adaptée pour exécuter d'autres types d'actions, comme le lancement d'une animation.

Nous utiliserons un identifiant distinct pour le bloc de texte et placerons notre code dans la fenêtre d'action du scénario. Grâce à la méthode hide, nous masquerons le contenu jusqu'à la fin de la vidéo. Ensuite, avec l'aide de l'événement ended, nous détecterons la fin de la vidéo et permuterons les contenus, rendant visible notre bloc de texte et masquant la vidéo. Cette méthode permet également de gérer des boucles ou de conditionner d'autres actions à la fin de la vidéo.

Objectifs de cette leçon

Les objectifs de cette vidéo sont d'apprendre à détecter la fin d'une vidéo et à déclencher des actions spécifiques, comme faire apparaître du texte ou lancer des animations.

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devez avoir des connaissances de base en JavaScript et HTML.

Métiers concernés

Ces techniques sont utiles pour les web designers, les développeurs front-end, et les spécialistes UX/UI.

Alternatives et ressources

Comme alternative, vous pouvez utiliser des frameworks JavaScript tels que React ou Vue pour gérer l'affichage dynamique de contenu à la fin de la vidéo.

Questions & Réponses

L'événement utilisé pour détecter la fin de la vidéo est l'événement ended.
La méthode hide est utilisée pour masquer un élément en JavaScript.
Lorsque la vidéo se termine, le texte avec l'identifiant fin est affiché et la vidéo est masquée.