Animate CC 2017 : Les nouveautés

Utiliser les composants HTML5 Canvas

Testez gratuitement nos 1271 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Dans cette vidéo, vous allez voir comment intégrer un composant vidéo dans un document HTML5 Canvas.
03:42

Transcription

Il est maintenant tout à fait possible d'utiliser un composant vidéo HTML5 dans un document de type "Canvas". J'ai donc sur ma scène un document de type "Canvas", que j'ai obtenu en faisant Fichier, Nouveau, et en sélectionnant HTML5, "Canvas". J'ai laissé les dimensions tout à fait standard, la cadence aussi, et j'ai fait Ok. Ici je fais Annuler, j'ai donc obtenu ce document, document que je vais afficher avec avec "Afficher tout", hein, pour être sûr de l'avoir en plein écran. Et donc maintenant, je veux intégrer à l'intérieur de ce document, le nouveau composant "Vidéo" HTML5. Alors, pour faire cela je viens tout simplement sur Fenêtres, je viens sur le lien Composants, je pourrais aussi faire Ctrl-F7, je vois donc maintenant apparaître ce petit volet dans lequel il y a plusieurs composants, plusieurs catégories de composants, dont la catégorie Vidéo. Lorsque j'ouvre cette petit boîte, je trouve le composant "Vidéo" que je peux glisser-déposer tout simplement sur ma scène. Je ferme ce petit volet, je mets un peu plus sur ma scène mon composant "Vidéo", composant "Vidéo" qui possède un certain nombre de propriétés. Nous pouvons définir la source, c'est-à-dire quelle est la vidéo qui va se jouer dedans. Nous pouvons décider si le document démarre automatiquement sans que l'utilisateur ne fasse quoi que ce soit d'autre que d'appeler la page contenant ce lecteur. Si on veut ou pas voir les contrôles, hein, Lecture, Pause, etc. Si on veut que la vidéo se joue en boucle, et s'il y a un préchargement. Alors on va relier notre composant à une vidéo, je viens pour cela sur le petit crayon qui est ici. Je viens sur Parcourir, je vais sur mon disque dur trouver une vidéo, au format ici MP4, je clique sur Ouvrir, et je peux éventuellement dire que je souhaite "Respecter les dimensions du fichier source". Comme ma vidéo est plus grande que ma scène, je ne vais pas cocher cette option pour que ma vidéo reste sur ma scène. Je fais Ok. Je patiente quelques secondes, et voilà, le travail est fait. Donc on va laisser pour l'instant toute ces options cochées, je vais faire Ctrl-Entrée pour voir si dans mon navigateur, eh bien cette vidéo se joue. Voilà donc la vidéo avec sa barre de lecture. Barre qui disparaît lorsque l'on n'est pas dessus. On a la possibilité avec cette icône de passer en plein écran, de régler le volume sonore, comme ceci tout simplement en faisant glisser ou de faire un mute ici. Donc on coupe le son purement et simplement. Nous avons la durée de la vidéo et nous avons où nous en sommes en lecture. Si je fais un clic droit, sur la vidéo, vous voyez que il n'y a absolument aucun rapport avec un lecteur de type FLV, nous sommes bien en HTML5 avec lecture en boucle, on peut même changer la vitesse de lecture. Nous sommes sur Normale, on pourrait passer sur "Très rapide" voire sur Démesurée. Voilà donc pour mettre en place ce petit composant, rien de bien compliqué, je ferme mon navigateur, et là je vais par exemple retirer les contrôles, et je vais retirer la notion de boucle. Si je relance, hein, Ctrl-Entrée, eh bien ma vidéo va se jouer à nouveau en tenant compte des nouveaux choix. Voilà donc comment utiliser au mieux ce nouveau composant dans Animate CC. Le tout au format HTML5 "Canvas".

Animate CC 2017 : Les nouveautés

Abordez les nouveautés d’Animate. Prenez en main la gestion de la caméra et de la scène, réalisez l’exportation de vos images, partagez des symboles avec la bibliothèque CC, etc.

1h07 (18 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Adobe Animate Animate CC 2017
Spécial abonnés
Date de parution :2 nov. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !