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

# 多媒體處理

> 生成與理解圖像、影片、語音和說話

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 可處理多種媒體類型——生成圖像、理解影片內容、建立語音輸出以及轉錄說話。在您的工作流程中無縫結合文字、圖像、影片和音訊。

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

## 功能概覽

| 功能        | 作用          | 範例用途       |
| :-------- | :---------- | :--------- |
| **圖像生成**  | 根據描述建立自訂圖像  | 產品模型、插圖、圖表 |
| **圖像理解**  | 分析並從圖像中提取資訊 | 文件掃描、視覺分析  |
| **影片理解**  | 分析影片內容並提取洞察 | 會議記錄、內容分析  |
| **語音輸出**  | 將文字轉換為自然語音  | 旁白、音訊內容    |
| **語音轉文字** | 將音訊轉錄為文字    | 會議筆記、訪談記錄  |

***

## 圖像生成

### 快速開始

> "生成一張現代簡約風格的辦公空間圖像
> 具有自然採光和植物"

<CodePrompt>
  "建立一個產品模型，在 iPhone 上展示我們的行動應用程式，
  專業攝影風格"
</CodePrompt>

<CodePrompt>
  "生成一張圖表，顯示我們的客戶旅程從
  認知到購買的過程"
</CodePrompt>

### 常見用途

**產品視覺效果**：

* 產品模型和原型
* 功能插圖
* UI/UX 概念

**行銷素材**：

* 社群媒體圖形
* 部落格文章插圖
* 廣告創意

**簡報**：

* 自訂投影片背景
* 概念插圖
* 視覺隱喻

**圖表與圖形**：

* 流程圖
* 系統架構
* 資訊圖

### 提升圖像品質的技巧

**明確風格要求**：

* ✅ "極簡主義、現代、專業攝影"
* ✅ "扁平化設計插圖，鮮豔色彩"
* ❌ "讓它看起來不錯"

**描述構圖**：

* ✅ "主體居中，背景模糊，自然光照"
* ❌ "...的一張圖片"

**指定用途**：

* ✅ "用於 Instagram 貼文，方形格式，粗體文字疊加"
* ✅ "用於簡報投影片，寬螢幕格式，柔和背景"

***

## 圖像理解

### 快速入門

<CodePrompt>
  "分析此截圖並提取所有文字"
</CodePrompt>

(上傳圖片)

<CodePrompt>
  "此目錄頁中顯示了哪些產品？
  提取名稱和價格。"
</CodePrompt>

(上傳圖片)

<CodePrompt>
  "詳細描述此圖像中正在發生的事情"
</CodePrompt>

(上傳圖片)

### 常見用途

**文件處理**：

* 從截圖中提取文字
* 閱讀手寫筆記
* 解析收據和發票

**視覺分析**：

* 識別照片中的物體
* 分析圖表和圖形
* 描述圖像內容

**品質控制**：

* 檢查產品照片是否存在問題
* 驗證圖像內容
* 比較視覺差異

### 範例任務

<CodePrompt>
  "從這 10 張產品圖片中提取所有文字並建立試算表"
</CodePrompt>

<CodePrompt>
  "分析此圖表圖像並將其重新建立為可編輯圖表
  使用相同資料"
</CodePrompt>

<CodePrompt>
  "比較這兩張產品照片並列出差異"
</CodePrompt>

***

## 影片理解

### 快速入門

<CodePrompt>
  "轉錄此會議錄音並建立摘要
  附帶行動項目"
</CodePrompt>

(上傳影片檔案或提供 URL)

<CodePrompt>
  "觀看此產品示範影片並提取：提及的關鍵功能、
  定價資訊和目標受眾"
</CodePrompt>

<CodePrompt>
  "分析此教學影片並建立分步書面指南"
</CodePrompt>

### 常見用途

**會議處理**：

* 轉錄會議
* 提取行動項目
* 總結討論

**內容分析**：

* 分析競爭對手的影片
* 從教學中提取要點
* 查看產品示範

**文件**：

* 將影片教學轉換為文字指南
* 建立長影片摘要
* 提取引用和時間戳

### 範例任務

<CodePrompt>
  "轉錄這個 1 小時的網路研討會並建立:

  * 完整轉錄稿
  * 執行摘要
  * 關鍵要點（項目符號）
  * 問答部分"
</CodePrompt>

<CodePrompt>
  "觀看這 5 個競爭對手的產品影片並建立功能對比
  表"
</CodePrompt>

***

## 語音輸出

### 快速開始

<CodePrompt>
  "將這篇部落格文章轉換為具有自然語音旁白的音訊檔案"
</CodePrompt>

<CodePrompt>
  "以專業、友好的語氣為這個簡報腳本建立畫外音，
  友好的語氣"
</CodePrompt>

<CodePrompt>
  "為我們的網站生成這 10 個產品描述的音訊版本
  為我們的網站"
</CodePrompt>

### 常見用途

**內容創作**：

* 將播客腳本轉換為音訊
* 將部落格文章轉換為音訊版本
* 影片畫外音

**可存取性**：

* 書面內容的音訊版本
* 螢幕閱讀器替代方案
* 音訊指南

**行銷**：

* 廣告畫外音
* 產品示範旁白
* 社群媒體音訊內容

### 語音選項

**語調**：專業、友好、休閒、活力、平靜**語速**：快、適中、慢**風格**：對話式、正式、教育性、宣傳性

***

## 語音轉文字

### 快速入門

<CodePrompt>
  "轉錄這段採訪錄音"
</CodePrompt>

(上傳音訊檔案)

<CodePrompt>
  "將此播客集數轉換為帶有說話人標籤的文字"
</CodePrompt>

<CodePrompt>
  "轉錄這 20 個客戶支援電話並識別
  提及的常見問題"
</CodePrompt>

### 常見用途

**會議記錄**：

* 自動轉錄會議
* 建立可搜尋的會議存檔
* 提取行動項目

**內容再利用**：

* 將播客轉換為部落格文章
* 從音訊建立節目筆記
* 生成社群媒體引用

**研究**：

* 轉錄訪談
* 分析客戶電話
* 處理焦點小組錄音

### 功能

* **說話人識別**：區分說話人
* **時間戳**：標記說話時間
* **格式化**：正確的標點符號和分段
* **準確性**：即使有口音或背景噪音，準確性也很高

***

## 組合多種模式

Manus 可以在單個工作流程中組合這些功能：

### 範例 1：影片轉部落格文章

<CodePrompt>
  "觀看此產品示範影片，將其轉錄，提取關鍵功能，
  在重要時刻生成螢幕截圖，並建立包含圖像和文字的部落格文章"
  with images and text"
</CodePrompt>

### 範例 2：帶畫外音的簡報

<CodePrompt>
  "建立關於我們產品的 10 張投影片簡報。為每張投影片生成自訂
  插圖。然後為整個簡報建立畫外音腳本和
  音訊旁白。"
</CodePrompt>

### 範例 3：圖像分析到報告

<CodePrompt>
  "分析這 50 張產品照片，提取文字和產品詳細資訊，
  生成比較圖表，並建立包含調查結果的投影片簡報"
</CodePrompt>

***

## 常見問題

**支援哪些圖像格式？** PNG、JPG、WEBP、GIF 等。對於生成，您可以指定格式。

**影片可以多長？** Manus 可以處理長達數小時的影片。較長的影片需要更多時間。

**哪些音訊格式可用於轉錄？** MP3、WAV、M4A、WEBM 和大多數常見的音訊格式。

**我可以生成特定尺寸的圖像嗎？** 是的。指定尺寸：「生成一個 1920x1080 的圖像...」或「用於 Instagram 的方形格式...」

**語音轉錄的準確性如何？** 準確性非常高，即使有口音、多人說話或背景噪音。

**我可以生成影片嗎？** 是的。Manus 可以生成短影片片段和動畫。

**生成有限制嗎？** 生成使用積分。請查看您的計劃以了解限制。

***

## 快速使用案例

| 使用案例       | 輸入     | 輸出      |
| :--------- | :----- | :------ |
| **產品模型**   | 描述     | 生成的圖像   |
| **會議記錄**   | 影片錄製   | 轉錄 + 摘要 |
| **部落格音訊**  | 文字文章   | 音訊旁白    |
| **文件掃描**   | 文件照片   | 提取的文字   |
| **影片分析**   | 競爭對手影片 | 功能比較    |
| **播客節目筆記** | 音訊檔案   | 轉錄 + 摘要 |
| **社群圖片**   | 描述     | 自訂圖像    |

***

**總結**：Manus 可無縫處理多種媒體類型。生成圖像、理解影片、建立語音輸出和轉錄語音——所有這些都整合到您的工作流程中。
