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

# Traitement Multimédia

> Générer et comprendre des images, des vidéos, de la voix et de la parole

export const CodePrompt = ({children}) => {
  const [isCopied, setIsCopied] = useState(false);
  const textContent = useMemo(() => {
    const extractText = (children, depth = 0) => {
      const maxDepth = 10;
      if (depth > maxDepth) return '';
      if (children == null) return '';
      if (typeof children === 'string' || typeof children === 'number') {
        return String(children);
      }
      if (Array.isArray(children)) {
        return children.map(child => extractText(child, depth + 1)).join('');
      }
      if (typeof children === 'object' && children.props) {
        return extractText(children.props.children, depth + 1);
      }
      return '';
    };
    return extractText(children);
  }, [children]);
  const handleAskManus = useCallback(() => {
    const url = new URL('https://manus.im');
    if (textContent) {
      url.searchParams.set('q', textContent);
      url.searchParams.set('submit', '1');
    }
    window.open(url.toString(), '_blank');
  }, [textContent]);
  const handleCopy = useCallback(async () => {
    try {
      await navigator.clipboard.writeText(textContent);
      setIsCopied(true);
      setTimeout(() => {
        setIsCopied(false);
      }, 2000);
    } catch (err) {
      const textArea = document.createElement('textarea');
      textArea.value = textContent;
      textArea.style.position = 'fixed';
      textArea.style.opacity = '0';
      document.body.appendChild(textArea);
      textArea.select();
      try {
        document.execCommand('copy');
        setIsCopied(true);
        setTimeout(() => {
          setIsCopied(false);
        }, 2000);
      } catch (fallbackErr) {
        console.error(fallbackErr);
      }
      document.body.removeChild(textArea);
    }
  }, [textContent]);
  return <div className="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent">
      <div className="absolute top-3 right-4 flex items-center gap-1.5">
        <div className="z-10 relative">
          <button onClick={handleCopy} className="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block">
            {isCopied ? <svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-primary dark:fill-primary-light">
                <path d="M14.7813 1.21873C15.0751 1.51248 15.0751 1.98748 14.7813 2.2781L6.53135 10.5312C6.2376 10.825 5.7626 10.825 5.47197 10.5312L1.21885 6.28123C0.925098 5.98748 0.925098 5.51248 1.21885 5.22185C1.5126 4.93123 1.9876 4.9281 2.27822 5.22185L5.99697 8.9406L13.7188 1.21873C14.0126 0.924976 14.4876 0.924976 14.7782 1.21873H14.7813Z"></path>
              </svg> : <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60">
                <path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
                <path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
              </svg>}
          </button>
          <div aria-hidden="true" className="absolute top-11 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-white rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">
            {isCopied ? 'Copied' : 'Copy'}
          </div>
        </div>
        <div className="z-10 relative">
          <button onClick={handleAskManus} className="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-manus " id="ask-ai-code-block-button" aria-label="Ask Manus">
            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" className="w-4 h-4 text-gray-400 group-hover/ask-manus:text-gray-500 dark:text-white/40 dark:group-hover/ask-manus:text-white/60">
              <path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z" />
              <path d="M12 8v6" />
              <path d="M9 11h6" />
            </svg>
          </button>
          <div aria-hidden="true" className="absolute top-11 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-white rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">
            Ask Manus
          </div>
        </div>
      </div>

      <div className="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 [&_pre>code]:pr-[3rem] [&_pre>code>span.line-highlight]:min-w-[calc(100%+3rem)] [&_pre>code>span.line-diff]:min-w-[calc(100%+3rem)] rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" style={{
    fontVariantLigatures: 'none',
    height: 'auto',
    backgroundColor: 'rgb(255, 255, 255)'
  }}>
        <div className="font-mono whitespace-pre leading-6">{children}</div>
      </div>
    </div>;
};

Manus fonctionne avec plusieurs types de médias : génération d'images, compréhension de contenu vidéo, création de sortie vocale et transcription de la parole. Combinez le texte, les images, la vidéo et l'audio dans vos flux de travail de manière transparente.

<iframe src="https://www.youtube.com/embed/U_prPA93hXA" title="Lecteur vidéo YouTube" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## Aperçu des capacités

| Capacité                   | Ce qu'elle fait                                         | Exemple d'utilisation                            |
| :------------------------- | :------------------------------------------------------ | :----------------------------------------------- |
| **Génération d'images**    | Crée des images personnalisées à partir de descriptions | Maquettes de produits, illustrations, diagrammes |
| **Compréhension d'images** | Analyse et extrait des informations des images          | Numérisation de documents, analyse visuelle      |
| **Compréhension vidéo**    | Analyse le contenu vidéo et extrait des informations    | Transcriptions de réunions, analyse de contenu   |
| **Sortie vocale**          | Convertit le texte en parole naturelle                  | Voix off, contenu audio                          |
| **Discours en texte**      | Transcrit l'audio en texte                              | Notes de réunion, transcriptions d'entretiens    |

***

## Génération d'images

### Démarrage rapide

> "Générer une image d'un espace de travail de bureau moderne et minimaliste
> avec un éclairage naturel et des plantes"

<CodePrompt>
  "Créer une maquette de produit montrant notre application mobile sur un iPhone,
  style photographie professionnelle"
</CodePrompt>

<CodePrompt>
  "Générer un diagramme montrant le parcours de notre client, de la
  sensibilisation à l'achat"
</CodePrompt>

### Utilisations courantes

**Visuels de produits**:

* Maquettes et prototypes de produits
* Illustrations de fonctionnalités
* Concepts UI/UX

**Ressources marketing**:

* Graphiques pour les réseaux sociaux
* Illustrations d'articles de blog
* Créations publicitaires

**Présentations**:

* Arrière-plans de diapositives personnalisés
* Illustrations de concepts
* Métaphores visuelles

**Diagrammes & Graphiques**:

* Flux de processus
* Architectures système
* Infographies

### Conseils pour de meilleures images

**Soyez précis sur le style**:

* ✅ "Minimaliste, moderne, photographie professionnelle"
* ✅ "Illustration de conception plate, couleurs vives"
* ❌ "Faites en sorte que cela ait l'air bien"

**Décrivez la composition**:

* ✅ "Sujet centré, arrière-plan flou, éclairage naturel"
* ❌ "Une image de..."

**Spécifiez l'utilisation**:

* ✅ "Pour publication Instagram, format carré, superposition de texte en gras"
* ✅ "Pour diapositive de présentation, format écran large, fond doux"

***

## Compréhension d'images

### Démarrage rapide

<CodePrompt>
  "Analyser cette capture d'écran et extraire tout le texte"
</CodePrompt>

(Télécharger l'image)

<CodePrompt>
  "Quels produits sont affichés sur cette page de catalogue ?
  Extraire les noms et les prix."
</CodePrompt>

(Télécharger l'image)

<CodePrompt>
  "Décrire en détail ce qui se passe dans cette image"
</CodePrompt>

(Télécharger l'image)

### Utilisations courantes

**Traitement de documents**:

* Extraire du texte des captures d'écran
* Lire des notes manuscrites
* Analyser les reçus et les factures

**Analyse visuelle**:

* Identifier des objets dans des photos
* Analyser des tableaux et des graphiques
* Décrire le contenu d'une image

**Contrôle qualité**:

* Vérifier les photos de produits pour détecter des problèmes
* Valider le contenu de l'image
* Comparer les différences visuelles

### Exemples de tâches

<CodePrompt>
  "Extraire tout le texte de ces 10 images de produits et créer une feuille de calcul"
</CodePrompt>

<CodePrompt>
  "Analyser cette image de graphique et la recréer en tant que graphique modifiable
  en utilisant les mêmes données"
</CodePrompt>

<CodePrompt>
  "Comparer ces deux photos de produits et lister les différences"
</CodePrompt>

***

## Compréhension vidéo

### Démarrage rapide

<CodePrompt>
  "Transcrire cet enregistrement de réunion et créer un résumé
  avec les éléments d'action"
</CodePrompt>

(Télécharger le fichier vidéo ou fournir l'URL)

<CodePrompt>
  "Regarder cette vidéo de démonstration de produit et extraire : les fonctionnalités clés mentionnées,
  les informations de tarification et le public cible"
</CodePrompt>

<CodePrompt>
  "Analyser cette vidéo tutorielle et créer un guide écrit étape par étape"
</CodePrompt>

### Utilisations courantes

**Traitement des réunions**:

* Transcrire des réunions
* Extraire les éléments d'action
* Résumer les discussions

**Analyse de contenu**:

* Analyser les vidéos des concurrents
* Extraire les points clés des tutoriels
* Examiner les démonstrations de produits

**Documentation**:

* Convertir des tutoriels vidéo en guides textuels
* Créer des résumés de longues vidéos
* Extraire des citations et des horodatages

### Exemples de tâches

<CodePrompt>
  "Transcrire ce webinaire d'une heure et créer :

  * Transcription complète
  * Résumé exécutif
  * Points clés à retenir (points de puce)
  * Section Q\&R"
</CodePrompt>

<CodePrompt>
  "Regarder ces 5 vidéos de produits concurrents et créer une comparaison de fonctionnalités
  sous forme de tableau"
</CodePrompt>

***

## Sortie vocale

### Démarrage rapide

<CodePrompt>
  "Convertir cet article de blog en un fichier audio avec une narration vocale naturelle"
</CodePrompt>

<CodePrompt>
  "Créer une voix off pour ce script de présentation avec un ton professionnel mais
  amical"
</CodePrompt>

<CodePrompt>
  "Générer des versions audio de ces 10 descriptions de produits
  pour notre site web"
</CodePrompt>

### Utilisations courantes

**Création de contenu**:

* Transformer des scripts de podcast en audio
* Convertir des articles de blog en versions audio
* Voix off vidéo

**Accessibilité**:

* Versions audio de contenu écrit
* Alternatives aux lecteurs d'écran
* Guides audio

**Marketing**:

* Voix off publicitaires
* Narration de démonstration de produit
* Contenu audio pour les réseaux sociaux

### Options vocales

**Ton**: Professionnel, Amical, Décontracté, Énergique, Calme**Rythme**: Rapide, Modéré, Lent**Style**: Conversationnel, Formel, Éducatif, Promotionnel

***

## Discours en texte

### Démarrage rapide

<CodePrompt>
  "Transcrire cet enregistrement d'entretien"
</CodePrompt>

(Télécharger le fichier audio)

<CodePrompt>
  "Convertir cet épisode de podcast en texte avec des étiquettes de locuteur"
</CodePrompt>

<CodePrompt>
  "Transcrire ces 20 appels de support client et identifier
  les problèmes courants mentionnés"
</CodePrompt>

### Utilisations courantes

**Procès-verbaux de réunion**:

* Transcription automatique de réunions
* Créer des archives de réunions consultables
* Extraire les éléments d'action

**Réutilisation de contenu**:

* Transformer des podcasts en articles de blog
* Créer des notes d'émission à partir de l'audio
* Générer des citations pour les réseaux sociaux

**Recherche**:

* Transcrire des entretiens
* Analyser les appels clients
* Traiter les enregistrements de groupes de discussion

### Fonctionnalités

* **Identification du locuteur**: Distingue les locuteurs
* **Horodatages**: Marque le moment où la parole a eu lieu
* **Mise en forme**: Ponctuation et segmentation correctes
* **Précision**: Grande précision même avec des accents ou du bruit de fond

***

## Combinaison de modalités

Manus peut combiner ces capacités dans un seul flux de travail :

### Exemple 1 : Vidéo en article de blog

<CodePrompt>
  "Regarder cette vidéo de démonstration de produit, la transcrire, extraire les fonctionnalités clés,
  générer des captures d'écran aux moments cruciaux et créer un article de blog
  avec des images et du texte"
</CodePrompt>

### Exemple 2 : Présentation avec voix off

<CodePrompt>
  "Créer une présentation de 10 diapositives sur notre produit. Générer des illustrations personnalisées
  pour chaque diapositive. Ensuite, créer un script de voix off et
  une narration audio pour l'ensemble de la présentation."
</CodePrompt>

### Exemple 3 : Analyse d'images en rapport

<CodePrompt>
  "Analyser ces 50 photos de produits, extraire le texte et les détails du produit,
  générer un tableau de comparaison et créer une présentation de diapositives avec les résultats"
</CodePrompt>

***

## FAQ

**Quels formats d'image sont pris en charge ?** PNG, JPG, WEBP, GIF, etc. Pour la génération, vous pouvez spécifier le format.

**Quelle peut être la durée des vidéos ?** Manus peut traiter des vidéos d'une durée allant jusqu'à plusieurs heures. Les vidéos plus longues nécessitent plus de temps.

**Quels formats audio sont disponibles pour la transcription ?** MP3, WAV, M4A, WEBM et la plupart des formats audio courants.

**Puis-je générer des images de dimensions spécifiques ?** Oui. Spécifiez les dimensions : "Générer une image 1920x1080..." ou "Format carré pour Instagram..."

**Quelle est la précision de la transcription vocale ?** La précision est très élevée, même avec des accents, plusieurs locuteurs ou du bruit de fond.

**Puis-je générer des vidéos ?** Oui. Manus peut générer de courts clips vidéo et des animations.

**Y a-t-il des limites à la génération ?** La génération utilise des crédits. Vérifiez votre plan pour connaître les limites.

***

## Cas d'utilisation rapide

| Cas d'utilisation               | Entrée               | Sortie                         |
| :------------------------------ | :------------------- | :----------------------------- |
| **Maquette de produit**         | Description          | Image générée                  |
| **Procès-verbal de réunion**    | Enregistrement vidéo | Transcription + Résumé         |
| **Audio de blog**               | Article textuel      | Narration audio                |
| **Numérisation de documents**   | Photo de document    | Texte extrait                  |
| **Analyse vidéo**               | Vidéo concurrente    | Comparaison de fonctionnalités |
| **Notes d'émission de podcast** | Fichier audio        | Transcription + Résumé         |
| **Image sociale**               | Description          | Image personnalisée            |

***

**Résumé**: Manus gère de manière transparente plusieurs types de médias. Générez des images, comprenez des vidéos, créez des sorties vocales et transcrivez la parole, le tout intégré à votre flux de travail.
