Skip to content

Instantly share code, notes, and snippets.

@smwhr
Last active November 11, 2018 21:57
Show Gist options
  • Select an option

  • Save smwhr/488abccf96fa3f3fe809a768b1ceb66a to your computer and use it in GitHub Desktop.

Select an option

Save smwhr/488abccf96fa3f3fe809a768b1ceb66a to your computer and use it in GitHub Desktop.

Exercice à réaliser durant la séance du 12 Novembre

Contexte

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.

Entrée de l'algorithme

  • 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},
]

Contraintes

  • 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

Sortie

  • 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 !

Rendu

  • 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 smwhr sur github

Bon courage.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment