Pour cette partie, vous devrez enrichir l’expérience utilisateur de votre jeu en la bonifiant d’extraits audios et vidéos.

Aperçu du résultat 👇

Requis

  1. Partez à la recherche de courts extraits vidéos pouvant être utilisés à la place d’images dans certains chapitres de votre histoire (minimalement deux). Ces vidéos devront être en format mp4 et être ajoutées dans votre dossier “assets”. Attention, elles joueront en boucle et seront muettes. Tenez-en donc compte au moment de leur sélection.

    N'hésitez pas à utiliser Giphy afin de convertir des extraits de vidéos provenant de Youtube, Vimeo, etc. en de courts fichiers mp4.

  2. Lorsqu'un chapitre devrait contenir une vidéo, ajoutez dans son objet une propriété intitulée “video” et donnez-lui comme valeur le nom de la vidéo désirée se trouvant dans le dossier “assets” 📁 .

  3. Dans votre fonction goToChapter, créez une condition validant si une propriété “video” existe dans le chapitre courant. Si tel est le cas, composez une chaîne de caractères correspondant à une balise vidéo dont l’URL pointe sur la vidéo souhaitée et insérez là à la place de l’image. Dans le cas contraire, affichez l’image associée à votre chapitre comme vous le faites déjà.

    Faites en sorte que vos balises vidéo soient muettes, démarrent automatiquement et jouent en boucle.

  4. Trouvez un court extrait sonore pouvant être déclenché à chaque changement de chapitre (maximum 3 secondes). Ce fichier devra être un mp3 et être ajoutées dans votre dossier “assets”. Faites en sorte que cet extrait recommence au début à chaque changement de chapitre.

    Ainsi, si un joueur passe au prochain chapitre avant même la fin de l'extrait sonore, celui-ci recommencera au début plutôt que de continuer où il est rendu.

    Vous pouvez créer votre son, le trouver sur une banque de sons en ligne ou encore celle du département.