> ## 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.

# Pemrosesan Multimedia

> Hasilkan dan pahami gambar, video, suara, dan ucapan

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 bekerja dengan berbagai jenis media—menghasilkan gambar, memahami konten video, membuat output suara, dan mentranskripsi ucapan. Gabungkan teks, gambar, video, dan audio dalam alur kerja Anda dengan mulus.

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

## Ikhtisar Kemampuan

| Kemampuan            | Apa yang Dilakukannya                     | Contoh Penggunaan                   |
| :------------------- | :---------------------------------------- | :---------------------------------- |
| **Pembuatan Gambar** | Buat gambar kustom dari deskripsi         | Maket produk, ilustrasi, diagram    |
| **Pemahaman Gambar** | Analisis dan ekstrak info dari gambar     | Pemindaian dokumen, analisis visual |
| **Pemahaman Video**  | Analisis konten video dan ekstrak wawasan | Transkrip rapat, analisis konten    |
| **Output Suara**     | Konversi teks menjadi ucapan alami        | Sulih suara, konten audio           |
| **Ucapan ke Teks**   | Transkripsikan audio menjadi teks         | Catatan rapat, transkrip wawancara  |

***

## Pembuatan Gambar

### Mulai Cepat

> “Hasilkan gambar ruang kerja kantor minimalis modern
> dengan pencahayaan alami dan tanaman”

<CodePrompt>
  “Buat maket produk yang menampilkan aplikasi seluler kami di iPhone,
  gaya fotografi profesional”
</CodePrompt>

<CodePrompt>
  “Hasilkan diagram yang menunjukkan perjalanan pelanggan kami dari
  kesadaran hingga pembelian”
</CodePrompt>

### Penggunaan Umum

**Visual Produk**:

* Maket dan prototipe produk
* Ilustrasi fitur
* Konsep UI/UX

**Aset Pemasaran**:

* Grafis media sosial
* Ilustrasi postingan blog
* Materi iklan kreatif

**Presentasi**:

* Latar belakang slide kustom
* Ilustrasi konsep
* Metafora visual

**Diagram & Bagan**:

* Alur proses
* Arsitektur sistem
* Infografis

### Kiat untuk Gambar yang Lebih Baik

**Bersikaplah spesifik tentang gaya**:

* ✅ “Minimalis, modern, fotografi profesional”
* ✅ “Ilustrasi desain datar, warna cerah”
* ❌ “Buat terlihat bagus”

**Jelaskan komposisi**:

* ✅ "Subjek di tengah, latar belakang buram, pencahayaan alami"
* ❌ "Sebuah gambar dari..."

**Tentukan kasus penggunaan**:

* ✅ "Untuk postingan Instagram, format persegi, overlay teks tebal"
* ✅ "Untuk slide presentasi, format lebar, latar belakang halus"

***

## Pemahaman Gambar

### Mulai Cepat

<CodePrompt>
  "Analisis tangkapan layar ini dan ekstrak semua teks"
</CodePrompt>

(Unggah gambar)

<CodePrompt>
  "Produk apa yang ditampilkan di halaman katalog ini?
  Ekstrak nama dan harga."
</CodePrompt>

(Unggah gambar)

<CodePrompt>
  "Jelaskan apa yang terjadi dalam gambar ini secara rinci"
</CodePrompt>

(Unggah gambar)

### Penggunaan Umum

**Pemrosesan Dokumen**:

* Ekstrak teks dari tangkapan layar
* Baca catatan tulisan tangan
* Urai tanda terima dan faktur

**Analisis Visual**:

* Identifikasi objek dalam foto
* Analisis bagan dan grafik
* Jelaskan konten gambar

**Kontrol Kualitas**:

* Periksa foto produk untuk masalah
* Verifikasi konten gambar
* Bandingkan perbedaan visual

### Contoh Tugas

<CodePrompt>
  "Ekstrak semua teks dari 10 gambar produk ini dan buat spreadsheet"
</CodePrompt>

<CodePrompt>
  "Analisis gambar bagan ini dan buat ulang sebagai bagan yang dapat diedit
  dengan data yang sama"
</CodePrompt>

<CodePrompt>
  "Bandingkan dua foto produk ini dan daftar perbedaannya"
</CodePrompt>

***

## Pemahaman Video

### Mulai Cepat

<CodePrompt>
  "Transkripsikan rekaman rapat ini dan buat ringkasan
  dengan item tindakan"
</CodePrompt>

(Unggah file video atau berikan URL)

<CodePrompt>
  "Tonton video demo produk ini dan ekstrak: fitur utama yang disebutkan,
  informasi harga, dan audiens target"
</CodePrompt>

<CodePrompt>
  "Analisis video tutorial ini dan buat panduan tertulis langkah demi langkah"
</CodePrompt>

### Penggunaan Umum

**Pemrosesan Rapat**:

* Transkripsikan rapat
* Ekstrak item tindakan
* Rangkum diskusi

**Analisis Konten**:

* Analisis video pesaing
* Ekstrak poin-poin penting dari tutorial
* Tinjau demo produk

**Dokumentasi**:

* Konversi tutorial video menjadi panduan teks
* Buat ringkasan video panjang
* Ekstrak kutipan dan stempel waktu

### Contoh Tugas

<CodePrompt>
  "Transkripsikan webinar 1 jam ini dan buat:

  * Transkrip lengkap
  * Ringkasan eksekutif
  * Poin-poin penting (poin-poin)
  * Bagian T\&J"
</CodePrompt>

<CodePrompt>
  "Tonton 5 video produk pesaing ini dan buat perbandingan
  tabel fitur yang disebutkan"
</CodePrompt>

***

## Output Suara

### Mulai Cepat

<CodePrompt>
  "Konversi postingan blog ini menjadi file audio dengan narasi suara alami"
</CodePrompt>

<CodePrompt>
  "Buat sulih suara untuk skrip presentasi ini dengan nada profesional,
  ramah"
</CodePrompt>

<CodePrompt>
  "Hasilkan versi audio dari 10 deskripsi produk ini
  untuk situs web kami"
</CodePrompt>

### Penggunaan Umum

**Pembuatan Konten**:

* Skrip Podcast ke audio
* Postingan blog ke versi audio
* Sulih suara video

**Aksesibilitas**:

* Versi audio dari konten tertulis
* Alternatif pembaca layar
* Panduan audio

**Pemasaran**:

* Sulih suara iklan
* Narasi demo produk
* Konten audio media sosial

### Opsi Suara

**Nada**: Profesional, ramah, kasual, energik, tenang**Kecepatan**: Cepat, sedang, lambat**Gaya**: Percakapan, formal, edukatif, promosi

***

## Ucapan ke Teks

### Mulai Cepat

<CodePrompt>
  "Transkripsikan rekaman wawancara ini"
</CodePrompt>

(Unggah berkas audio)

<CodePrompt>
  "Konversi episode podcast ini menjadi teks dengan label pembicara"
</CodePrompt>

<CodePrompt>
  "Transkripsikan 20 panggilan dukungan pelanggan ini dan identifikasi
  masalah umum yang disebutkan"
</CodePrompt>

### Penggunaan Umum

**Catatan Rapat**:

* Transkripsikan rapat secara otomatis
* Buat arsip rapat yang dapat dicari
* Ekstrak item tindakan

**Penggunaan Ulang Konten**:

* Konversi podcast menjadi postingan blog
* Buat catatan acara dari audio
* Hasilkan kutipan media sosial

**Penelitian**:

* Transkripsikan wawancara
* Analisis panggilan pelanggan
* Proses rekaman kelompok fokus

### Fitur

* **Identifikasi pembicara**: Bedakan antara pembicara
* **Stempel waktu**: Tandai kapan sesuatu diucapkan
* **Pemformatan**: Tanda baca dan paragraf yang tepat
* **Akurasi**: Akurasi tinggi bahkan dengan aksen atau kebisingan latar belakang

***

## Menggabungkan Beberapa Mode

Manus dapat menggabungkan kemampuan ini dalam alur kerja tunggal:

### Contoh 1: Video ke Postingan Blog

<CodePrompt>
  "Tonton video demo produk ini, transkripsikan, ekstrak fitur utama,
  buat tangkapan layar pada momen penting, dan buat postingan blog
  dengan gambar dan teks"
</CodePrompt>

### Contoh 2: Presentasi dengan Sulih Suara

<CodePrompt>
  "Buat presentasi 10 slide tentang produk kami. Hasilkan ilustrasi
  kustom untuk setiap slide. Kemudian buat skrip sulih suara dan
  narasi audio untuk seluruh presentasi."
</CodePrompt>

### Contoh 3: Analisis Gambar ke Laporan

<CodePrompt>
  "Analisis 50 foto produk ini, ekstrak teks dan detail produk,
  buat bagan perbandingan, dan buat dek slide dengan temuan"
</CodePrompt>

***

## Pertanyaan Umum

**Format gambar apa yang didukung?** PNG, JPG, WEBP, GIF, dan lainnya. Untuk pembuatan, Anda dapat menentukan format.

**Berapa lama durasi video yang dapat diproses?** Manus dapat memproses video hingga beberapa jam. Video yang lebih panjang membutuhkan lebih banyak waktu.

**Format audio apa yang berfungsi untuk transkripsi?** MP3, WAV, M4A, WEBM, dan sebagian besar format audio umum.

**Bisakah saya menghasilkan gambar dalam ukuran tertentu?** Ya. Tentukan dimensi: "Hasilkan gambar 1920x1080..." atau "Format persegi untuk Instagram..."

**Seberapa akurat transkripsi ucapan?** Akurasi sangat tinggi, bahkan dengan aksen, banyak pembicara, atau kebisingan latar belakang.

**Bisakah saya menghasilkan video?** Ya. Manus dapat menghasilkan klip video pendek dan animasi.

**Apakah ada batasan dalam pembuatan?** Pembuatan menggunakan kredit. Periksa paket Anda untuk batasannya.

***

## Kasus Penggunaan Cepat

| Kasus Penggunaan          | Input         | Output                 |
| :------------------------ | :------------ | :--------------------- |
| **Maket Produk**          | Deskripsi     | Gambar yang dihasilkan |
| **Catatan Rapat**         | Rekaman video | Transkrip + ringkasan  |
| **Audio Blog**            | Artikel teks  | Narasi audio           |
| **Pemindaian Dokumen**    | Foto dokumen  | Teks yang diekstrak    |
| **Analisis Video**        | Video pesaing | Perbandingan fitur     |
| **Catatan Acara Podcast** | File audio    | Transkrip + ringkasan  |
| **Grafik Sosial**         | Deskripsi     | Gambar kustom          |

***

**Intinya**: Manus menangani berbagai jenis media dengan mulus. Hasilkan gambar, pahami video, buat output suara, dan transkripsikan ucapan—semuanya terintegrasi ke dalam alur kerja Anda.
