Formation complète développeur Front-End
Formation complète développeur Front-End
Un client (ou votre chef de projet) vous a demandé un player vidéo avec un gros plus : une fonctionnalité de loop entre un point A et B ? Ce tuto gratuit en vidéo va vous permettre de voir comment vous y prendre pour ajouter ce cette fonctionnalité de boucle à un player video. Et ce, grâce à JavaScript (sans framework ni librairie).
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.
Si vous souhaitez aller plus loin avec Javascript, je propose une formation complète remplie d'ateliers pratiques !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Demonstration du projet de vidéo player abec AB loop
Demonstration du projet de vidéo player abec AB loop
Leçon 2
Lire une vidéo à l'aide de l'élément HTLM "vidéo"
Lire une vidéo à l'aide de l'élément HTLM "vidéo"
Leçon 3
Ecouter l'événement timeupdate et suivre le currentTime
Ecouter l'événement timeupdate et suivre le currentTime
Leçon 4
Afficher la durée de vidéo écoulée
Afficher la durée de vidéo écoulée
Leçon 5
Récupérer le currentTime pour les points A et B
Récupérer le currentTime pour les points A et B
Leçon 6
Looper entre les points A et B
Looper entre les points A et B
Leçon 7
Remettre à zéro
Remettre à zéro
Plan détaillé du cours
Leçon 1Demonstration du projet de vidéo player abec AB loop
01m18
Leçon 2Lire une vidéo à l'aide de l'élément HTLM "vidéo"
02m24
Leçon 3Ecouter l'événement timeupdate et suivre le currentTime
03m15
Leçon 4Afficher la durée de vidéo écoulée
01m11
Leçon 5 Récupérer le currentTime pour les points A et B
02m25
Leçon 6Looper entre les points A et B
02m16
Leçon 7Remettre à zéro
01m47
Leçon 8Afficher les points A et B choisis
02m09
Leçon 9 Afficher un indicateur de looping
02m16
Leçon 10Créer une fonction de formattage de durée écoulée
06m42
Leçon 11Masquer les contrôles lorsque l'on loop
01m57
Leçon 12Refactorisation et conclusion
02m37
Avis des apprenants