-
Installer Node.js si ce n'est déjà fait.
-
Télécharger les fichiers de ce projet
-
Décompresser le zip quelque part où c'est bien pour travailler
Il faut mettre des fichiers vidéos dans le dossier video
en respectant une certaine structure. Quand tu modifies le contenu de ce dossier, il faut appliquer la procédure de "Content Update" décrite plus bas.
Dans le dossier video
, il faut :
- Une vidéo
intro.mp4
qui sera lue en boucle pendant la phase d'attente - Un dossier
reponses
qui va contenir, dans des sous-dossiers distincts, les morceaux de vidéos où piocher aléatoirement les réponses. L'ordre alphabétique des sous-dossiers permet de contrôler l'ordre de lecture.
Lorsque le contenu du dossier video
est modifié, il faut lancer le script qui va mettre à jour la liste des vidéos. Pour cela, il faut double-cliquer le fichier update-video-list.bat
. Le processus ne dure qu'une fraction de seconde. Il ré-écrit le contenu du fichier js/video.js
qui est utilisé par l'appli.
Le questions se trouvent dans le fichier questions.js
à la racine du projet. Il ne faut pas toucher la première et la dernière ligne, mais on peut y laisser des lignes vides pour faciliter la lecture et la maintenance.
Pour lancer le projet, une fois la préparation complète, il suffit d'ouvrir la page index.html
.
Pour une expérience complète (fullscreen, autoplay et tout), il faut avoir quitté Brave complètement afin de le lancer en mode Kiosque, mais ça on en reparle juste après.
Les interactions se font avec les trois premiers boutons d'une manette de jeu, mais on peut aussi utiliser les flèches du clavier par facilité.
- Flèche gauche : bouton 1
- Flèche bas : bouton 2
- Flèche droite : bouton 3