Outils pour utilisateurs

Outils du site


fr:yaml:medias

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Prochaine révision
Révision précédente
fr:yaml:medias [2026/05/03 17:22] – mise a jour wiki cyrilfiestafr:yaml:medias [2026/05/03 18:47] (Version actuelle) – Harmonize FR/EN language switch cyrilfiesta
Ligne 1: Ligne 1:
 +**Language / Langue :** **FR** | [[en:yaml:medias|EN]]
 +
 ====== Sons, images et vidéos (YAML) ====== ====== Sons, images et vidéos (YAML) ======
 +
 +Les médias se placent directement dans les textes narratifs, les descriptions d'objets et les encadrés HUD.
  
 ===== Sons ===== ===== Sons =====
Ligne 11: Ligne 15:
 </code> </code>
  
-Formats supportés : ''.mp3'', ''.ogg'', ''.wav''+Formats supportés par le linter et les exports : ''.mp3'', ''.ogg'', ''.wav'', ''.flac'', ''.m4a''.
  
 **Jouer N fois** (0 = boucle infinie) : **Jouer N fois** (0 = boucle infinie) :
 <code yaml> <code yaml>
-<<3:https://exemple.com/sons/alarme.mp3>>    # joue 3 fois +<<3:https://exemple.com/sons/alarme.mp3>> 
-<<0:https://exemple.com/sons/musique.mp3>>   # boucle infinie+<<0:https://exemple.com/sons/musique.mp3>>
 </code> </code>
  
Ligne 24: Ligne 28:
 </code> </code>
  
-  * Un seul son à la fois — un nouveau son arrête le précédent +  * Un nouveau son arrête le précédent. 
-  * Le bot se connecte automatiquement au salon vocal **JDR-Bot** (Discord) s'il existe, et se déconnecte en fin de partie+  * Sur Discord, le bot tente de rejoindre le salon vocal **JDR-Bot** s'il existe.
   * Des sons libres de droits sont disponibles : [[https://cyril-fiesta.fr/jdr-bot/scenarios/sounds/]]   * Des sons libres de droits sont disponibles : [[https://cyril-fiesta.fr/jdr-bot/scenarios/sounds/]]
  
Ligne 37: Ligne 41:
 </code> </code>
  
-Formats supportés : ''.png'', ''.jpg'', ''.gif'', ''.webp''+Formats supportés : ''.png'', ''.jpg'', ''.jpeg'', ''.gif'', ''.webp'', ''.svg'' selon le navigateur/adaptateur.
  
-**Images cliquables (v4.9)** — aucune syntaxe supplémentaire : +Si le contenu entre ''%%[[%%'' et ''%%]]%%'' n'est pas une URL d'image, il est rendu comme un encart texte. Voir [[fr:yaml:texte|Texte et formatage]].
-  * **Web** : clic → ouvre l'image dans un nouvel onglet +
-  * **Desktop** clic → lightbox plein écran avec zoom molette (0.5×–8×), fermeture par clic ou Échap+
  
 ===== Vidéos (v4.10) ===== ===== Vidéos (v4.10) =====
Ligne 52: Ligne 54:
 </code> </code>
  
-Formats supportés : ''.mp4'', ''.webm''+Formats reconnus : ''.mp4'', ''.webm'', ''.mov'', ''.ogv''.
  
-**Options** (séparées par '';'', avant le '':'' de l'URL) :+Si le contenu ne ressemble pas à une vidéo valide, il reste affiché comme du texte normal avec ses parenthèses. 
 + 
 +===== Options vidéo ===== 
 + 
 +Les options se placent avant l'URL, séparées par '';'' puis par '':'' :
  
 ^ Option ^ Effet ^ ^ Option ^ Effet ^
-| ''loop'' | Lecture en boucle | +| ''loop'' | Lecture en boucle
-| ''autoplay'' | Lecture automatique (''muted'' requis par les navigateurs+| ''autoplay'' | Lecture automatique ; le moteur force aussi ''muted'' pour respecter les navigateurs
-| ''muted'' | Son coupé | +| ''muted'' | Son coupé. | 
-| ''controls=false'' | Masque la barre de contrôles |+| ''controls'' ou ''controls=true'' | Affiche les contrôles vidéo. C'est le comportement par défaut. 
 +| ''controls=false'' | Masque les contrôles, mais le clic lecture/pause reste géré sur web/standalone. | 
 +| ''poster=url_image'' | Image d'attente avant lecture. Les variables ''{nom}'' sont acceptées. |
  
 <code yaml> <code yaml>
 ((loop:https://exemple.com/videos/ambiance.mp4)) ((loop:https://exemple.com/videos/ambiance.mp4))
 ((autoplay;muted:https://exemple.com/videos/intro.mp4)) ((autoplay;muted:https://exemple.com/videos/intro.mp4))
 +((poster=https://exemple.com/poster.jpg;loop:https://exemple.com/videos/scene.mp4))
 ((controls=false;loop;muted:https://exemple.com/videos/bg.mp4)) ((controls=false;loop;muted:https://exemple.com/videos/bg.mp4))
 </code> </code>
- 
-Sur Discord : l'URL est postée telle quelle, Discord gère l'aperçu. 
- 
-Texte non-vidéo entre ''((...))'' : reste affiché comme du texte normal, sans effet. 
  
 Les vidéos fonctionnent aussi dans les **encadrés HUD** (''encadre:''). Voir [[fr:yaml:hud|HUD]]. Les vidéos fonctionnent aussi dans les **encadrés HUD** (''encadre:''). Voir [[fr:yaml:hud|HUD]].
Ligne 76: Ligne 81:
 ===== Variables dans les URLs (v4.10) ===== ===== Variables dans les URLs (v4.10) =====
  
-Dans les URLs de sons, images et vidéos, utilisez ''{nom_variable}'' (accolades) pour construire un chemin dynamique :+Dans les URLs de sons, images et vidéos, utilisez ''{nom_variable}'' pour construire un chemin dynamique :
  
 <code yaml> <code yaml>
Ligne 82: Ligne 87:
   [[https://monsite.fr/images/{zone}.png]]   [[https://monsite.fr/images/{zone}.png]]
   <<https://monsite.fr/sons/{ambiance}.mp3>>   <<https://monsite.fr/sons/{ambiance}.mp3>>
-  ((https://monsite.fr/videos/{clip}.mp4))+  ((poster=https://monsite.fr/posters/{clip}.jpg:https://monsite.fr/videos/{clip}.mp4))
 </code> </code>
  
-  * Fonctionne avec les variables **numériques et textuelles**y compris les variables online (''{piste_o}'') +  * Fonctionne avec les variables numériques, textuelles et onlinepar exemple ''{piste_o}''. 
-  * Si la variable est inconnue, ''{nom}'' reste tel quel dans l'URL (pas d'erreur) +  * Si la variable est inconnue, ''{nom}'' reste tel quel dans l'URL. 
-  * ⚠ La syntaxe ''v_nom_v'' reste réservée au **texte narratif** — les ''{}'' n'ont aucun sens dans une URL+  * La syntaxe ''v_nom_v'' reste réservée au texte narratif ; pour les URLs, utilisez les accolades.
  
-===== Médias dans les descriptions d'objets (v4.9) ===== +===== Médias dans les descriptions d'objets =====
- +
-Les descriptions d'objets acceptent des URLs — elles deviennent cliquables dans l'inventaire :+
  
 <code yaml> <code yaml>
 objets: objets:
   - nom: carte   - nom: carte
-    endroit: "table"+    endroit: table
     description: "Une carte du royaume.\n[[https://exemple.com/images/carte.png]]"     description: "Une carte du royaume.\n[[https://exemple.com/images/carte.png]]"
     msg_ramassage: "Vous prenez la carte."     msg_ramassage: "Vous prenez la carte."
  
   - nom: cle_musicale   - nom: cle_musicale
-    endroit: "coffre"+    endroit: coffre
     description: "Une clé qui sonne. <<https://exemple.com/sons/cle.mp3>>"     description: "Une clé qui sonne. <<https://exemple.com/sons/cle.mp3>>"
     msg_ramassage: "Vous prenez la clé."     msg_ramassage: "Vous prenez la clé."
Ligne 109: Ligne 112:
  
 **Retrouvez nous sur le [[https://discord.gg/Z63DtVV|discord Make&Play]]** **Retrouvez nous sur le [[https://discord.gg/Z63DtVV|discord Make&Play]]**
- 
fr/yaml/medias.1777821765.txt.gz · Dernière modification : de cyrilfiesta