39,00

Tuto JavaScript Moderne avancé - Les vidéos avec JavaScript

39,00

  • Une formation vidéo de 3h44m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
JavaScript Moderne avancé - Les vidéos

ajouter ce cours aux favoris retirer ce cours des favoris

Dans cette formation JavaScript Moderne en ligne, nous allons apprendre tout ce qui concerne le fonctionnement d'une vidéo en JavaScript ! Ce cours mélange théorie et pratique, puisqu'à la fin du cours, nous apprendrons à créer un lecteur vidéo de A à Z
Cela sera très pratique si vous souhaitez créer votre propre lecteur de vidéo et en maîtriser tous ses aspects. 

Au programme de ce tuto JavaScript Moderne avancé - Les vidéos

Voici ce que nous allons apprendre dans ce cours vidéo :

  • Lancer la lecture d'une vidéo,
  • Mettre une vidéo sur pause et la reprendre là où elle s'est arrêtée,
  • Stopper et recommencer la lecture,
  • Modifier le volume,
  • Couper et remettre le son de la vidéo,
  • Afficher la durée totale de la vidéo,
  • Afficher en temps réel, le temps restant,
  • Modifier la vitesse de lecture,
  • Passer la vidéo en plein écran.

Une fois toutes ces connaissances théoriques acquises, nous créerons un lecteur vidéo de A à Z !

A la fin de cette formation, vous serez en mesure de créer des lecteurs de vidéos totalement personnalisés pour vos propres pages web ou bien celles de vos clients.

Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Tous les fichiers de travail sont fournis !
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Envie d'apprendre plus de choses ? Je propose un formation complète sur le JavaScript Moderne de 14h

Table des matières de cette formation JavaScript (durée : 3h44m)

  • Cours théorique
    • Rappel de la mise en place d'une vidéo en HTML5 00:08:41
    • Jouer une vidéo en JavaScript 00:04:27
    • Faire une pause à la vidéo 00:02:41
    • Stopper et redémarrer la vidéo au début 00:03:10
    • Modifier le volume de la vidéo 00:09:50
    • Mise en place d'une barre de progression 00:05:29
    • Affichage de la barre de progression 00:03:32
    • Mise en fonctionnement de la barre de progression 00:05:20
    • Affichage de la durée de la vidéo 00:06:20
    • Affichage de la durée de la vidéo en HH:MM:SS 00:07:22
    • Réglage de l'affichage de la durée de la vidéo 00:06:01
    • Affichage du temps restant 00:05:00
    • Petite correction 00:01:48
    • Connaître les infos de la barre de défilement 00:09:41
    • Connaître les coordonnées horizontales du clic de la souris 00:05:41
    • On rapatrie le code dans notre programme en cours 00:05:26
    • Savoir à quel pourcentage de progression de la vidéo, l'utilisateur a cliqué 00:02:43
    • Connaître le nouveau temps écoulé 00:02:51
    • Ecouter le redimentionnement de la fenêtre 00:06:56
    • Couper et rétablir le son 00:04:33
    • Modifier la vitesse de la vidéo 00:02:48
  • Exercice: Créer un lecteur de vidéo
    • Mise en place des bases HTML 00:08:06
    • Superposition des boîtes 00:07:05
    • Animation des superpositions 00:04:50
    • Mise en place d'une barre de progression 00:04:15
    • Mise en place des controles de la vidéo 00:06:01
    • Mise en forme des controles de la vidéo 00:09:54
    • Mise en place du Play et Pause de la vidéo 00:07:08
    • Mise en place du stop de la vidéo 00:03:41
    • Couper ou remettre le son de la vidéo 00:04:26
    • Modifier le volume de la vidéo 00:04:15
    • Afficher la durée de la vidéo 00:09:34
    • Evolution de la barre de progression 00:06:16
    • Affichage du temps restant de la vidéo 00:05:15
    • Clic sur la barre de progression 00:07:30
    • Retour sur le volume de la vidéo 00:01:51
    • Débugage 00:04:11
    • Vitesse de lecture et plein écran 00:06:56
    • Programmation de la vitesse de lecture 00:03:13
    • Programmation du plein écran 00:07:58
  • Conclusion
    • Conclusion 00:01:55



Formateur : Carl Brison

Carl Brison a publié 229 tutoriels et obtenu une note moyenne de 4,9/5 sur 15 361 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
  • Que contient le fichier source ?
    Le code source complet de l'exercice
Parcours Developpeur Front End
accédez à plus de 1357 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données