CATALOGUE Code & Data Formation Animate CC Maîtriser Animate CC 2017 - Les nouveautés

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons explorer deux types de composants dans Adobe Animate CC : le composant vidéo et les composants d'interface utilisateur. Vous apprendrez à charger une vidéo dans le DOM de votre page en utilisant des techniques similaires à celles précédemment abordées dans les tutoriels sur HTML5 Canva, mais avec des options plus orientées et paramétrables via des boîtes de dialogue.

Nous verrons également comment créer et disposer des boutons de commande personnalisés pour une vidéo (lecture et pause) en employant des symboles et du code JavaScript. Vous apprendrez à utiliser la bibliothèque Adobe Animate, à configurer les événements de clic, et à contrôler les vidéos directement via le DOM.

Objectifs de cette leçon

Les principaux objectifs de cette vidéo sont d'enseigner comment :
- Intégrer des vidéos HTML5 dans Adobe Animate.
- Créer des boutons de lecture personnalisés.
- Contrôler les vidéos via des événements JavaScript.

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devez avoir des connaissances de base en HTML5, JavaScript, et être familier avec l'interface d'Adobe Animate CC.

Métiers concernés

Ces compétences peuvent être utiles pour les métiers suivants :
- Développeur Web.
- Designer d'interactions.
- Spécialiste en multimédia.

Alternatives et ressources

En alternative, vous pouvez utiliser d'autres outils comme Adobe Premiere, After Effects ou des lecteurs vidéo JavaScript tels que Video.js.

Questions & Réponses

La première étape consiste à ouvrir la fenêtre des composants et à faire glisser le composant vidéo sur la scène.
Vous devez décocher les options 'lecture automatique' et 'contrôle' pour pouvoir personnaliser les commandes de la vidéo.
Les vidéos sont principalement contrôlées à l'aide de JavaScript et des événements DOM.