CATALOGUE Code & Data Formation Animate CC Maîtrisez la programmation dans Animate CC - Ateliers créatif avec Create JS

Création de vidéos avec des gestionnaires d'événements en JavaScript

Retour à la formation
Chapitre 7 Leçon 9
Précédent
Suivant

Apprenez à tester votre code et à utiliser un gestionnaire d'événements pour lancer une vidéo au sein d'une page HTML.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous finalisons l'atelier en testant la fonction Create Video, précédemment programmée. Nous commençons par tester cette fonction directement à la fin du script pour lancer automatiquement la vidéo au démarrage de l'animation. Après avoir vérifié le bon fonctionnement de la fermeture de la vidéo, nous programmons le bouton pour y ajouter un gestionnaire d'événements qui appelle cette fonction. Cette démarche inclut la sélection du bouton, l'ajout d'un event listener et l'utilisation de la fonction Create Video en paramètre. Finalement, nous testons l'ensemble du processus pour vérifier que tout fonctionne correctement. Cette leçon vous permettra d'apprendre à manipuler le DOM pour intégrer des fonctionnalités de lecture vidéo dans vos projets web.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de tester une fonction JavaScript, intégrer un gestionnaire d'événements à un bouton et automatiser le lancement de vidéos via le DOM.

Prérequis pour cette leçon

Connaissances de base en JavaScript et HTML. Compréhension des concepts de DOM et d'événements en JavaScript.

Métiers concernés

Les compétences abordées dans cette vidéo sont utiles pour des professions telles que développeur web, intégrateur HTML, et développeur front-end.

Alternatives et ressources

Pour des fonctionnalités similaires, vous pouvez utiliser des bibliothèques comme jQuery ou des frameworks comme React.

Questions & Réponses

Un gestionnaire d'événements est une fonction qui s'exécute lorsqu'un événement spécifié se produit, tel qu'un clic sur un bouton.
On peut ajouter un gestionnaire d'événements à un élément HTML en utilisant la méthode addEventListener, en précisant l'événement et la fonction à exécuter.
Tester le code permet de vérifier son bon fonctionnement, d'identifier et de corriger les bugs avant la mise en production, assurant ainsi une meilleure stabilité et performance du projet.