> ## Documentation Index
> Fetch the complete documentation index at: https://docs.coreweave.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Volets multimédias

> Ajoutez et configurez des volets multimédias pour les images, les vidéos, l’audio, les objets 3D et les nuages de points dans un workspace W&B.

Un volet multimédia permet de visualiser les [clés journalisées pour les objets multimédias](/fr/products/wandb/track/log/media), notamment les objets 3D, l’audio, les images, les vidéos ou les nuages de points. Cette page explique comment ajouter et gérer des volets multimédias dans un workspace.

<Frame>
  <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/demo-media-panel.png?fit=max&auto=format&n=3Dv_sw2eg8feUJlx&q=85&s=c46ff9ec07db939c4abb2876594c35fa" alt="Démonstration d’un volet multimédia" width="612" height="663" data-path="products/wandb/_media/demo-media-panel.png" />
</Frame>

<h2 id="add-a-media-panel">
  Ajouter un volet multimédia
</h2>

Ajoutez un volet multimédia au niveau du workspace ou à une section spécifique.

Pour ajouter un volet multimédia à une section spécifique :

1. Ouvrez le menu **action** (<Icon icon="ellipsis" iconType="solid" />) de la section, puis sélectionnez **Add panels**.
2. Développez **Media**.
3. Sélectionnez **objets 3D**, **Images**, **Video** ou **Audio**.
4. Configurez le volet, puis sélectionnez **Apply**.

<Info>
  Pour découvrir d’autres façons d’ajouter des panneaux, consultez [Ajouter un panneau manuellement](/fr/products/wandb/app/features/panels#add-a-panel-manually).
</Info>

Pour en savoir plus sur les paramètres du volet multimédia, consultez les sections suivantes.

<h2 id="configure-a-media-panel">
  Configurer un panneau multimédia
</h2>

Lorsque vous ajoutez manuellement un volet multimédia, sa page de configuration s’ouvre une fois le type de média sélectionné.

Pour configurer un volet existant, survolez-le et sélectionnez l’icône d’engrenage (<Icon icon="settings" iconType="solid" />) dans le coin supérieur droit. Les sections suivantes correspondent aux onglets et aux groupes de paramètres de l’interface de configuration du volet multimédia.

<h3 id="display">
  Affichage
</h3>

Configurez l’apparence et le comportement du panneau dans l’onglet **Affichage**. Les paramètres disponibles varient selon le type de média.

<h4 id="viewer-settings">
  Paramètres de la vue
</h4>

Configurez la manière dont vous affichez les volets multimédias et interagissez avec eux :

* **Panel title** : indiquez le titre du panneau.
* **Panel mode** : indiquez la mise en page du volet multimédia. Choisissez l’un des modes suivants :
  * **Gallery** (par défaut) : indiquez le nombre de colonnes et si la grille affiche un élément par run, par étape ou par index. Par défaut, elle affiche un élément par run.
  * **Grid** : indiquez le nombre de colonnes, l’axe X et l’axe Y. Par défaut, l’axe X est **Log Étape** et l’axe Y est **Run**.
  * **Compare** : comparez jusqu’à quatre éléments multimédias côte à côte. Vous pouvez également répartir les éléments par étape ou par index. Pour plus d'informations, voir [Mode de comparaison](#compare-mode).
* **Media key(s)** : indiquez les champs W\&B journalisés qui contiennent les images, vidéos ou autres médias à afficher.
* **Slider key** : indiquez la clé à utiliser pour le curseur d’étape du panneau. La valeur par défaut est **Étape**.

<h4 id="appearance">
  Apparence
</h4>

Configurez la façon dont le panneau affiche les médias :

* **Smooth image** : lissez les images pour améliorer leur rendu.

<h4 id="navigation-playback">
  Navigation & lecture
</h4>

Configurez la manière dont vous naviguez parmi les médias journalisés à différents moments d'un run :

* **Snap to étape** : activez ou désactivez cette option. Si elle est activée, le sélecteur passe à l’étape existante suivante après *Stride length*. Sinon, **Snap to étape** avance de **Stride length**, même si la position atteinte ne correspond à aucune étape existante.
* **Stride length** : indiquez le nombre d’étapes à avancer chaque fois que vous utilisez les boutons gauche et droite (moins et plus) pendant la lecture d'une vidéo. Ce paramètre est disponible uniquement pour les volets multimédias vidéo.
* **étape de recherche vidéo** : indiquez de combien avancer ou reculer chaque fois que vous utilisez les boutons gauche et droite (moins et plus) pendant la lecture d'une vidéo. Ce paramètre est disponible uniquement pour les volets multimédias vidéo.

<h3 id="sync">
  Synchronisation
</h3>

Indiquez si les curseurs d’étape des vidéos de la section se déplacent de manière synchronisée. Ce paramètre n’est disponible que pour les volets multimédias vidéo.

<h4 id="sync-video-playback">
  Synchronisation de la lecture vidéo
</h4>

Synchronisez la lecture des vidéos entre les volets multimédias de la section.

* **Autoplay videos** : lancer automatiquement la lecture des vidéos à l’ouverture du workspace ou du volet.
* **Loop videos** : relancer automatiquement les vidéos une fois la lecture terminée.

<h3 id="layout">
  Mise en page
</h3>

Configurez la manière dont le panneau organise et affiche chaque élément multimédia.

<h4 id="grid-organization">
  Grille et organisation
</h4>

Configurez les éléments multimédias affichés et leur disposition dans le panneau :

* **Number of columns** : indiquez le nombre de colonnes à afficher dans le panneau.
* **Column content** : indiquez la dimension qui varie d’une colonne à l’autre :
  * **Run** : chaque colonne correspond à un run différent.
  * **Log Step** : chaque colonne correspond à une étape de journalisation différente d’un run.
  * **Example Index** : chaque colonne correspond à un index différent du média journalisé. Par exemple, si vous journalisez \[`img0`, `img1`, `img2`], les colonnes correspondent aux index 0, 1 et 2.
* **Max runs to include** : indiquez le nombre maximum de runs à afficher dans le panneau.
* **Media display limit** : indiquez le nombre d’éléments multimédias à afficher pour chaque run :
  * **Show all** : affiche tous les éléments multimédias journalisés pour chaque run.
  * **Limit media** : limite le nombre d’éléments multimédias affichés pour chaque run. Indiquez le nombre maximum d’éléments à afficher.

<h4 id="fit-alignment">
  Ajustement et alignement
</h4>

Configurez la manière dont W\&B charge et met à l’échelle les éléments multimédias.

<Tabs>
  <Tab title="Images">
    Dans les paramètres **Image fit and resolution**, choisissez comment afficher les images dans le panneau. Les options disponibles dépendent de votre type de déploiement.

    <Note>
      Ces paramètres n’ont aucun effet en [mode **Compare**](#compare-mode).
    </Note>

    Pour le Cloud mutualisé de W\&B :

    * **Thumbnails** (par défaut) : charge des aperçus plus légers pour accélérer le chargement. W\&B redimensionne les miniatures pour les ajuster au panneau.
    * **Original image** : charge l’image en pleine résolution et la redimensionne pour l’ajuster au panneau.

    Pour le Cloud dédié de W\&B et W\&B autogéré :

    * **Default** (par défaut) : utilise les dimensions d’image par défaut du mode de panneau sélectionné.

    Pour tous les types de déploiement :

    * **Fit to available space** : charge le fichier image en pleine résolution et le redimensionne pour remplir le panneau. Faites défiler pour afficher les parties de l’image qui dépassent de la zone visible.
    * **Original size** : charge le fichier image en pleine résolution, aux dimensions en pixels avec lesquelles il a été journalisé. Faites défiler pour afficher les parties de l’image qui dépassent de la zone visible.

    <Note>
      Sur le Cloud mutualisé, W\&B charge toujours les images en pleine résolution en vue plein écran, quelle que soit l’option de chargement des éléments multimédias sélectionnée pour le panneau.
    </Note>
  </Tab>

  <Tab title="Vidéos">
    Choisissez comment les vidéos s’affichent dans le panneau :

    <Note>
      Ces paramètres n’ont aucun effet en [mode **Compare**](#compare-mode).
    </Note>

    * **Use original size** : affiche les vidéos à leurs dimensions d’origine en mode **Gallery**. Si cette option est désactivée, W\&B redimensionne les vidéos pour occuper le plus d’espace possible dans le panneau tout en conservant leur rapport hauteur/largeur. En mode **Grid**, chaque vidéo occupe toute la largeur de la grille.
    * **Disable video streaming** : désactive la lecture en streaming des vidéos.
  </Tab>

  <Tab title="Objets 3D">
    Choisissez comment les objets 3D s’affichent dans le panneau :

    * **Right-handed system** : trace les nuages de points dans un repère direct (main droite) au lieu du repère indirect (main gauche) utilisé par défaut.
  </Tab>
</Tabs>

<h3 id="overlays">
  Superpositions
</h3>

Cet onglet s’affiche pour les images et les nuages de points journalisés avec des masques de segmentation ou des boîtes englobantes. Il vous permet de :

* Rechercher et filtrer les superpositions par nom.
* Personnaliser les couleurs des superpositions.

<h2 id="configure-all-media-panels-in-a-section">
  Configurer tous les volets multimédias d’une section
</h2>

Configurez des valeurs par défaut au niveau de la section si vous souhaitez que tous les volets multimédias de cette section partagent les mêmes paramètres, qui remplacent alors les valeurs par défaut définies au niveau du workspace.

Pour personnaliser les paramètres par défaut de tous les volets multimédias d’une section, en remplaçant les paramètres du workspace applicables aux volets multimédias :

1. Cliquez sur l’icône d’engrenage de la section pour ouvrir ses paramètres.
2. Cliquez sur **Media settings**.
3. Dans le volet latéral qui s’affiche, cliquez sur l’onglet **Affichage**, **Mise en page** ou **Synchronisation** pour configurer les paramètres multimédias par défaut de la section. Vous pouvez configurer les paramètres des images, des vidéos, de l’audio et des objets 3D. Les paramètres proposés dépendent des volets multimédias présents dans la section.

Pour en savoir plus sur un paramètre particulier d’**Affichage** ou de **Mise en page**, reportez-vous à [Configurer un panneau multimédia](#configure-a-media-panel). L’onglet **Synchronisation** n’est disponible qu’au niveau de la section ou du workspace, et non pour chaque volet multimédia individuellement.

Lorsque **Step slider syncing** est activé, les volets multimédias de la section qui partagent le même curseur d’étape restent synchronisés. Pour activer la synchronisation du curseur d’étape :

1. Cliquez sur l’onglet **Synchronisation**.
2. Activez **Sync slider by key (Step)**.

<h2 id="configure-all-media-panels-in-a-workspace">
  Configurer tous les volets multimédias d’un workspace
</h2>

Configurez des valeurs par défaut au niveau du workspace pour disposer d’une référence cohérente pour les volets multimédias de toutes les sections du workspace.

Pour personnaliser les paramètres par défaut de tous les volets multimédias d’un workspace :

1. Cliquez sur les paramètres du workspace, représentés par une icône d’engrenage accompagnée du libellé **Settings**.
2. Cliquez sur **Media settings**.
3. Dans le volet latéral qui s’affiche, cliquez sur l’onglet **Affichage** ou **Mise en page** pour configurer les paramètres multimédias par défaut du workspace. Vous pouvez configurer des paramètres pour les images, les vidéos, l’audio et les objets 3D. Les paramètres proposés dépendent des volets multimédias présents dans le workspace.

Pour plus de détails sur un paramètre, reportez-vous à [Configurer un panneau multimédia](#configure-a-media-panel), sauf pour ceux de l’onglet **Synchronisation**. L’onglet **Synchronisation** est disponible uniquement au niveau de la section ou du workspace, et non pour chaque volet multimédia.

Lorsque **Step slider syncing** est activé, les volets multimédias de la section qui partagent le même curseur d’étape restent synchronisés. Pour activer la synchronisation du curseur d’étape :

1. Cliquez sur l’onglet **Synchronisation**.
2. Activez **Sync slider by key (Step)**.

Pour plus de détails sur chaque paramètre, reportez-vous à [Configurer un panneau multimédia](#configure-a-media-panel).

<h2 id="compare-mode">
  Mode de comparaison
</h2>

Le mode de comparaison vous permet de sélectionner de deux à quatre images ou vidéos issues de n’importe quelle combinaison de runs, d’étapes ou d’index, et de les afficher dans une seule grille. Vous pouvez ainsi comparer des médias sans télécharger de fichiers ni changer d’onglet.

Utilisez le mode de comparaison pour :

* Vérifier qu’un nouveau point de contrôle ou un nouveau run produit de meilleures sorties qu’une référence ou qu’un point de contrôle précédent.
* Détecter des régressions en comparant le run actuel à un point de contrôle réputé fiable, à la même étape ou au même index.
* Valider les sorties du modèle par rapport à la vérité terrain en affichant côte à côte les médias de référence et les médias générés.
* Examiner l’évolution des images ou vidéos générées au fil des étapes d’entraînement, ou d’un point de contrôle ou d’un run à l’autre.

Le mode de comparaison est particulièrement utile pour les flux de travail de génération d’images ou de vidéos (modèles de diffusion ou génératifs, par exemple), l’évaluation multimodale, les expériences de vision par ordinateur et, plus généralement, tout flux de travail dans lequel vous journalisez des médias et devez les comparer entre runs, étapes ou index.

Pour utiliser le mode de comparaison :

1. Ouvrez un volet multimédia dans votre workspace (pour des images ou des vidéos).
2. Définissez **Panel mode** sur **Compare**.
3. Configurez les dimensions et la densité de la grille en indiquant le nombre de colonnes et le mode de déploiement (fan-out). La disposition de grille la plus adaptée dépend de la manière dont vos runs journalisent les médias.
   * **Number of columns** : nombre d’éléments à afficher par ligne, de `1` à `4`.
   * **Fan out** : contrôle la granularité des médias affichés par ligne de la grille. Le réglage le plus adapté dépend du nombre d’éléments multimédias que vous journalisez par étape et par run, et selon que vous avez besoin d’une vérification ponctuelle rapide ou d’une analyse approfondie.
     * **None** (par défaut) : aucun déploiement. Chaque colonne de la grille représente un run, et chaque ligne une image ou une vidéo journalisée.
       <Frame>
         <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/compare-mode-fan-out-none.png?fit=max&auto=format&n=3Dv_sw2eg8feUJlx&q=85&s=92505616ca78f4004194014b6fd78e13" alt="Volet multimédia en mode de comparaison avec deux runs et sans déploiement" width="1132" height="718" data-path="products/wandb/_media/compare-mode-fan-out-none.png" />
       </Frame>
     * **Step** : déploiement selon l’axe des étapes. Chaque colonne de la grille représente un run, et chaque ligne affiche la première image ou vidéo journalisée pour une combinaison run:step.
       <Frame>
         <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/compare-mode-fan-out-by-step.png?fit=max&auto=format&n=3Dv_sw2eg8feUJlx&q=85&s=f07c9549a03474e52d7b53b2d1a2f516" alt="Volet multimédia en mode de comparaison avec deux runs et déploiement par étape" width="1132" height="718" data-path="products/wandb/_media/compare-mode-fan-out-by-step.png" />
       </Frame>
     * **Index** : déploiement selon l’axe des index, utile lorsque vous journalisez plusieurs éléments par étape (par exemple, `run.log({"images": [img0, img1, img2, img3]})`). Chaque cellule de ligne affiche l’image ou la vidéo journalisée pour une combinaison run:step:index donnée.
       <Frame>
         <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/compare-mode-fan-out-by-index.png?fit=max&auto=format&n=3Dv_sw2eg8feUJlx&q=85&s=23365f8229470ac42989a0facd91ffdc" alt="Volet multimédia en mode de comparaison avec deux runs et déploiement par index" width="1132" height="718" data-path="products/wandb/_media/compare-mode-fan-out-by-index.png" />
       </Frame>
4. Indiquez si une variable donnée s’applique à une seule vignette (**Individual**) ou à toutes les vignettes (**Linked**).
   * **Media key** : **Linked** par défaut.
   * **Run** : **Individual** par défaut.
   * **Step** : **Linked** par défaut.
   * **Index** : **Linked** par défaut.

W\&B enregistre votre sélection : vous pouvez ainsi revenir plus tard à la même comparaison sans avoir à reconfigurer le volet.

<h2 id="interact-with-a-media-panel">
  Interagir avec un volet multimédia
</h2>

Après avoir ajouté et configuré un volet multimédia, utilisez les interactions suivantes pour parcourir, comparer et inspecter les médias journalisés :

* Pour configurer un volet multimédia, survolez-le et cliquez sur l’icône d’engrenage située en haut.
* Pour déplacer le curseur d’étape d’un volet multimédia, utilisez **Cmd + flèche gauche ou droite** (macOS) ou **Ctrl + flèche gauche ou droite** (Windows ou Linux). Si **Sync slider by key** est activé pour la section ou le workspace, déplacer le curseur d’étape d’un volet multimédia déplace également celui des autres volets multimédias qui partagent la même clé de curseur d’étape.
* Utilisez le sélecteur d’étapes situé en haut d’un volet multimédia pour parcourir les runs multimédias. Pour déplacer le curseur d’étape, utilisez les commandes de l’interface.
* Cliquez sur un volet multimédia pour l’afficher en mode plein écran. Pour quitter le mode plein écran, cliquez sur le bouton fléché en haut du volet.
* Pour parcourir les volets d’une section sans quitter le mode plein écran, utilisez les boutons **Previous** et **Next** situés sous le volet, ou les touches fléchées gauche et droite.
* Lorsque vous affichez une image en mode plein écran, cliquez sur la commande de zoom en haut à droite pour effectuer un zoom avant ou arrière. Par défaut, les images sont ajustées à la taille de l’affichage. Cliquez et faites glisser pour déplacer une image agrandie. Les raccourcis clavier permettent également d’effectuer un zoom avant ou arrière, de réinitialiser le zoom à 100 % ou d’ajuster l’image à l’affichage. Voir [Raccourcis clavier](/fr/products/wandb/app/keyboard-shortcuts#media-panels).
* Pour une image journalisée avec des masques de segmentation, vous pouvez personnaliser l’apparence des masques ou activer et désactiver chacun d’eux. Survolez le volet, puis cliquez sur l’icône d’engrenage inférieure.
* Pour une image ou un nuage de points journalisé avec des boîtes englobantes, vous pouvez personnaliser l’apparence des boîtes ou activer et désactiver chacune d’elles. Survolez le volet, puis cliquez sur l’icône d’engrenage inférieure.
* Utilisez les commandes multimédias pour lire, mettre en pause ou arrêter la vidéo. Utilisez les touches fléchées gauche et droite pour avancer ou reculer selon l’**étape de recherche vidéo** configurée. Si **Sync video playback** est activé, toutes les vidéos de la section sont lues de manière synchronisée. Si **Loop videos** est activé, les vidéos de la section redémarrent automatiquement et sont lues en boucle jusqu’à ce que vous les arrêtiez.


## Related topics

- [Épingler et comparer des runs](/fr/products/wandb/runs/compare-runs.md)
