Comme nous avons souvent l'habitude d'en vouloir toujours plus afin de rendre notre travail encore plus long et plus beau pour nos joueurs, il existe encore quelques méthodes afin de partager encore plus notre créativité et de rendre tout cela possible.
Dans ce tutoriel, nous allons essayer de vous aider à rendre la chose possible, avec quelques outils et un peu de patience.
¶ Prérequis
Note que cette partie n'est obligatoire que pour l'audio et qu'il vous faudra activer l'Autorisation Audio/video sur votre navigateur.
- sur Chrome, il faudra autoriser le site en cliquant sur le Cadenas à coté de l'url de votre navigateur, puis cliquer sur Paramètres de site, et enfin à Son, mettre le paramètre Autoriser
- sur Edge
- sur Firefox
- sur Vivaldi
¶ Quelques outils, si nécessaires :
Nous nous permettons de vous faire une petite liste d'outils qui pourront vous servir si vous voulez pousser le vis tout en restant sur des outils gratuits.
¶ Optionnel, Login de connexion compact.
Nous nous sommes souvent aperçu que sur Foundry nous n'utilisions pas la totalité des informations que nous avions sur la page de connexion, comme :
- Le titre de la partie
- La date de la prochaine partie,
- Le résumé de la campagne,
- etc etc ...
Nous nous sommes donc atelés à faire une autre présentation afin d'avoir le strict minimum, plus compact et de pouvoir profiter d'une belle illustration ou encore, comme pour le sujet qui nous concerne, une petite vidéo.
Si cela vous intéresse, il suffit d'installer ce module et de suivre les instructions.
¶ Création d'une page de connexion avec Audio et Vidéo.
Lorsque nous avons débuté sur Foundry, nous nous sommes aperçus que sur l'écran de connexion, nous ne pouvions pas mettre de vidéo au format MP4/WEBM/MKV et que la seule option était de mettre un GIF animé avec toutes les contraintes que cela impliquent.
Par contre nous avons que Foundry peut lire tous les formats comme le JPG/PNG/WEBP etc etc etc ... mais aviez vous que le WEBP peut être animé ? c'est sur cette découverte, que nous allons donc pouvoir effectuer notre transformation afin d'avoir une vidéo d'introduction sur notre page de connexion, par contre ce format ne gère que la partie vidéo et non l'audio, mais nous allons voir tout cela en détail ci-dessous.
¶ Pour la vidéo
Si vous êtes experts en création de vidéo, vous serez sans doute ce que vous voulez comme introduction, voir la créer de toute pièce, pour les autres il existe quelques solutions plus ou moins facile à prendre en main.
¶ La facilité pour récupérer une vidéo
Vous êtes une "quiche" en informatique, en création de vidéo, etc, etc ... il existe donc une solution pour vous. Il faudra juste faire attention au format de la vidéo et qu'elle soit en MP4 ou WEBM. Si ce n'est pas le cas, vous pouvez utiliser facilement le convertisseur tous formats File-converter.
Une fois le convertisseur installé, faire un clic droit sur la vidéo, et choisir dans le menu du convertisseur, le format que vous désirez, MP4 ou WEBM. Pour question de rapidité, nous vous conseillons d'encoder en MP4 de préférence et en WEBM pour un gain de taille de vidéo.
Dans un usage strictement personnel : Outil de téléchargement multi-usage, JDownloader2 permet de télécharger plus ou moins ce que vous voulez et par la même occasion, permet de télécharger les vidéos Youtube, par exemple.
¶ Pour les autres
Pour les sachants qui sachent faire du montage vidéo, il vous faudra une vidéo au format MP4 ou WEBM.
¶ Conversion de la vidéo
Maintenant que nous une vidéo au format MP4 ou WEBM, il va nous falloir la transformer en WEBP Animé afin que Foundry puisse la jouer sur la page de connexion de votre partie.
Pour cela nous allons utiliser le site de webp.to et en fonction de votre format de vidéo vous avez le choix entre :
Il faudra suivre les instructions sur à la page et attendre le résultat que vous pourrez télécharger sur le site. En fonction de la taille de votre vidéo, le résultat final peut prendre beaucoup de temps.
Une fois que vous avez votre image au format WEBP, copier la directement dans le répertoire de votre monde, à sa racine par exemple, puis indiquer le chemin en éditant votre monde, comme pour une image standard (En exemple ci-dessous).
¶ Pour le son
Afin que le son fonctionne chez tout le monde, il faudra que vous donniez le tips (prérequis) à vos joueurs afin qu'ils puissent pleinement profiter de votre travail.
Maintenant que nous avons la vidéo, il va falloir mettre le son. Nous vous conseillons fortement de mettre le son dans le meme répertoire que la vidéo, et plus précisement dans le répertoire de votre monde directement à sa racine.
En ce qui concerne le son, deux choix s'offrent à vous pour le format :
- OGG (Une certaine préférence pour ce dernier qui fonctionnait mieux sous foundry).
- MP3.
Si ce n'est pas le cas, vous pouvez utiliser facilement le convertisseur tous formats File-converter.
Maintenant que nous avons pris le choix d'un format, nous avons un autre choix pour la liste audio.
- Récupérer la piste audio de la vidéo
- Utiliser une piste audio différente comme une musique
¶ Utiliser une piste audio différente comme une musique
La méthode la plus simple :
Éditer votre Monde en cliquant sur éditer.
- Le Thème de la page d'accueil devra être Défaut (Il se peut qu'en étant en mode Minimaliste le son ne fonctionne pas)
- Dans la partie Description du monde sélectionnez la Source HTML comme sur la capture d'écran ci-dessous
- Appliquez la syntaxe suivante dans la fenêtre de la Source HTML
<audio loop="" controls="" autoplay="" src="/<Chemin>/<Nom>.ogg" type="audio/ogg"></audio>
- Valider en cliquant sur la Disquette à côté de la Source HTML et non en cliquant sur Mettre à jour le monde.
Si vous avez bien fait votre manipulation, en réouvrant la fenêtre d'édition, vous devriez votre le lecteur multimédia, mais aussi entendre l'audio se jouer.
¶ Explication de la Syntaxe
En fonction de ce que vous désirez, certains commutateurs peuvent être optionnels et d'autres obligatoires.
- Le commutateur autoplay est obligatoire dans notre utilisation, afin que l'audio se lancer lorsque le monde est lancé.
<audio autoplay=""></audio>
- Si vous voulez que votre audio boucle.
<audio loop="" autoplay=""></audio>
- Si vous voulez avoir un panneau de contrôle apparant dans la fenêtre d'édition de votre monde.
<audio controls="" autoplay=""></audio>
- Si vous voulez une boucle et un panneau de contrôle.
<audio loop="" controls="" autoplay="">
- Si votre audio est un MP3, il faudra mettre.
src="/<Chemin>/<Nom>.mp3"
- Si votre audio est un OGG, il faudra mettre.
src="/<Chemin>/<Nom>.ogg"
Attention, afin que la source soit lue, il faut que la source soit bien placée entre les balises audio comme sur l'exemple ci-dessous
<audio loop="" controls="" autoplay="" src="/<Chemin>/<Nom>.ogg" type="audio/ogg"></audio>
¶ Utiliser une piste audio d'une vidéo comme une musique
Le processus final est identique à la description ci-dessus, la variante va être sur l'extraction de la piste audio de votre vidéo.
Pour cela il vous suffira d'utiliser le convertisseur tous formats file-converter pour cette petite manipulation comme ci-dessous. Vous pouvez choisir le format qui vous convient le mieux entre le MP3 et l'OGG
Maintenant il ne vous reste plus qu'a reproduire le processus ci-dessus en mettant le fichier audio à la racine du répertoire de votre monde.