Vous travaillez pour une agence web de communication. Votre client est une chaîne de magasins de prêt-à-porter.
Derrière les caisses, six écrans diffusent des clips vidéos de la marque.
À intervalle régulier, les écrans affichent, simultanément et pour une durée minimum de 6 secondes et maximum de 10 secondes les lettres
U N I Q L O
Votre travail consiste à coder un algorithme qui permette cela.
- Une liste de vidéos (nom du fichier + durée)
- Cette liste contient au moins 4 vidéos
- Chaque vidéo a une durée fixe entre 6 et 30 secondes.
Ex
[
{file:"robe.mp4", duration: 9},
{file:"pantalon.mp4", duration: 29},
{file:"chaussettes.mp4", duration: 11},
{file:"thermo.mp4", duration: 18},
{file:"collection.mp4", duration: 9},
]
- Une vidéo ne peut jamais être répétée plus de 2 fois (elle peut passer 2 fois, mais pas 3)
- Les lettres du logo doivent absolument être synchronisées. Elles ne peuvent jamais être affichées autrement
- Pour chacun des 6 écrans, une playlist d'affichage (nom du fichier + timecode)
- On indiquera "U", "N", "I", "Q", "L", "O" pour l'affichage des lettres
Ex
{
"screen_1" : [{"file": "robe", "tc": 0}, {"file": "collection", "tc": 9}, {file: "U", "tc": 18}],
"screen_2" : [{"file": "thermo", "tc": 0}, {file: "N", "tc": 18}],
"screen_3" :
"screen_4" :
"screen_5" :
"screen_6" :
}
Remarque : les lettres U et N sont bien synchro à 18 !
- Une page html + un fichier js présentant les 6 playlists côte à côte.
- Vous mettrez en évidence graphiquement la synchronisation des lettres.
- Ce travail est à rendre en groupe de 2 maximum, à l'issue de la séance à l'adresse julien@troisyaourts.com ou partagé avec
smwhrsur github
Bon courage.