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

# Xử lý Đa phương tiện

> Tạo và hiểu hình ảnh, video, giọng nói và lời nói

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 hoạt động với nhiều loại phương tiện—tạo hình ảnh, hiểu nội dung video, tạo đầu ra giọng nói và phiên âm lời nói. Kết hợp văn bản, hình ảnh, video và âm thanh vào quy trình làm việc của bạn một cách liền mạch.

<iframe src="https://www.youtube.com/embed/U_prPA93hXA" title="Trình phát 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 />

## Tổng quan về Khả năng

| Khả năng                           | Chức năng                                                 | Ví dụ Sử dụng                               |
| :--------------------------------- | :-------------------------------------------------------- | :------------------------------------------ |
| **Tạo Hình ảnh**                   | Tạo hình ảnh tùy chỉnh từ mô tả                           | Bản mô phỏng sản phẩm, hình minh họa, sơ đồ |
| **Hiểu Hình ảnh**                  | Phân tích và trích xuất thông tin từ hình ảnh             | Quét tài liệu, phân tích trực quan          |
| **Hiểu Video**                     | Phân tích nội dung video và trích xuất thông tin chi tiết | Bản ghi cuộc họp, phân tích nội dung        |
| **Đầu ra Giọng nói**               | Chuyển đổi văn bản thành lời nói tự nhiên                 | Lồng tiếng, nội dung âm thanh               |
| **Chuyển Giọng nói thành Văn bản** | Phiên âm âm thanh thành văn bản                           | Ghi chú cuộc họp, bản ghi phỏng vấn         |

***

## Tạo Hình ảnh

### Bắt đầu Nhanh

> "Tạo một hình ảnh về không gian làm việc văn phòng tối giản hiện đại
> với ánh sáng tự nhiên và cây xanh"

<CodePrompt>
  "Tạo một bản mô phỏng sản phẩm hiển thị ứng dụng di động của chúng tôi trên iPhone,
  phong cách chụp ảnh chuyên nghiệp"
</CodePrompt>

<CodePrompt>
  "Tạo một sơ đồ hiển thị hành trình khách hàng của chúng tôi từ
  nhận biết đến mua hàng"
</CodePrompt>

### Các Trường hợp Sử dụng Phổ biến

**Hình ảnh Sản phẩm**:

* Bản mô phỏng và nguyên mẫu sản phẩm
* Hình minh họa tính năng
* Khái niệm UI/UX

**Tài sản Tiếp thị**:

* Đồ họa truyền thông xã hội
* Hình minh họa bài đăng blog
* Tài liệu quảng cáo sáng tạo

**Bài thuyết trình**:

* Hình nền slide tùy chỉnh
* Hình minh họa khái niệm
* Ẩn dụ trực quan

**Sơ đồ & Biểu đồ**:

* Luồng quy trình
* Kiến trúc hệ thống
* Đồ họa thông tin

### Mẹo để có Hình ảnh Tốt hơn

**Cụ thể về phong cách**:

* ✅ "Tối giản, hiện đại, chụp ảnh chuyên nghiệp"
* ✅ "Minh họa thiết kế phẳng, màu sắc tươi sáng"
* ❌ "Làm cho nó trông đẹp"

**Mô tả bố cục**:

* ✅ "Chủ thể ở trung tâm, nền mờ, ánh sáng tự nhiên"
* ❌ "Một bức ảnh về..."

**Chỉ định mục đích sử dụng**:

* ✅ "Dành cho bài đăng Instagram, định dạng vuông, lớp phủ văn bản đậm"
* ✅ "Dành cho slide thuyết trình, định dạng màn hình rộng, nền dịu nhẹ"

***

## Hiểu Hình ảnh

### Bắt đầu Nhanh

<CodePrompt>
  "Phân tích ảnh chụp màn hình này và trích xuất tất cả văn bản"
</CodePrompt>

(Tải lên hình ảnh)

<CodePrompt>
  "Những sản phẩm nào được hiển thị trên trang danh mục này?
  Trích xuất tên và giá."
</CodePrompt>

(Tải lên hình ảnh)

<CodePrompt>
  "Mô tả chi tiết những gì đang xảy ra trong hình ảnh này"
</CodePrompt>

(Tải lên hình ảnh)

### Các Trường hợp Sử dụng Phổ biến

**Xử lý Tài liệu**:

* Trích xuất văn bản từ ảnh chụp màn hình
* Đọc ghi chú viết tay
* Phân tích hóa đơn và biên lai

**Phân tích Trực quan**:

* Nhận dạng đối tượng trong ảnh
* Phân tích biểu đồ và đồ thị
* Mô tả nội dung hình ảnh

**Kiểm soát Chất lượng**:

* Kiểm tra ảnh sản phẩm xem có vấn đề gì không
* Xác minh nội dung hình ảnh
* So sánh sự khác biệt trực quan

### Ví dụ về Nhiệm vụ

<CodePrompt>
  "Trích xuất tất cả văn bản từ 10 hình ảnh sản phẩm này và tạo một bảng tính"
</CodePrompt>

<CodePrompt>
  "Phân tích hình ảnh biểu đồ này và tạo lại nó dưới dạng biểu đồ có thể chỉnh sửa
  sử dụng cùng dữ liệu"
</CodePrompt>

<CodePrompt>
  "So sánh hai bức ảnh sản phẩm này và liệt kê sự khác biệt"
</CodePrompt>

***

## Hiểu Video

### Bắt đầu Nhanh

<CodePrompt>
  "Phiên âm bản ghi cuộc họp này và tạo bản tóm tắt
  kèm theo các mục hành động"
</CodePrompt>

(Tải lên tệp video hoặc cung cấp URL)

<CodePrompt>
  "Xem video demo sản phẩm này và trích xuất: các tính năng chính được đề cập,
  thông tin giá cả và đối tượng mục tiêu"
</CodePrompt>

<CodePrompt>
  "Phân tích video hướng dẫn này và tạo hướng dẫn bằng văn bản từng bước"
</CodePrompt>

### Các Trường hợp Sử dụng Phổ biến

**Xử lý Cuộc họp**:

* Phiên âm cuộc họp
* Trích xuất các mục hành động
* Tóm tắt các cuộc thảo luận

**Phân tích Nội dung**:

* Phân tích video của đối thủ cạnh tranh
* Trích xuất các điểm chính từ hướng dẫn
* Xem lại bản demo sản phẩm

**Tài liệu hóa**:

* Chuyển đổi hướng dẫn video thành hướng dẫn bằng văn bản
* Tạo bản tóm tắt các video dài
* Trích xuất trích dẫn và dấu thời gian

### Ví dụ về Nhiệm vụ

<CodePrompt>
  "Phiên âm hội thảo trên web dài 1 giờ này và tạo:

  * Bản ghi đầy đủ
  * Tóm tắt điều hành
  * Các điểm chính (dạng gạch đầu dòng)
  * Phần Hỏi & Đáp"
</CodePrompt>

<CodePrompt>
  "Xem 5 video sản phẩm của đối thủ cạnh tranh này và tạo bảng so sánh tính năng
  table"
</CodePrompt>

***

## Đầu ra Giọng nói

### Bắt đầu Nhanh

<CodePrompt>
  "Chuyển đổi bài đăng blog này thành tệp âm thanh với giọng kể tự nhiên"
</CodePrompt>

<CodePrompt>
  "Tạo giọng lồng tiếng cho kịch bản thuyết trình này với giọng điệu chuyên nghiệp,
  thân thiện"
</CodePrompt>

<CodePrompt>
  "Tạo phiên bản âm thanh cho 10 mô tả sản phẩm này cho
  trang web của chúng tôi"
</CodePrompt>

### Các Trường hợp Sử dụng Phổ biến

**Sáng tạo Nội dung**:

* Chuyển đổi kịch bản podcast thành âm thanh
* Biến bài đăng blog thành phiên bản âm thanh
* Lồng tiếng video

**Khả năng Tiếp cận**:

* Phiên bản âm thanh của nội dung viết
* Các lựa chọn thay thế cho trình đọc màn hình
* Hướng dẫn âm thanh

**Tiếp thị**:

* Lồng tiếng quảng cáo
* Lời kể cho bản demo sản phẩm
* Nội dung âm thanh truyền thông xã hội

### Tùy chọn Giọng nói

**Giọng điệu**: Chuyên nghiệp, Thân thiện, Thường ngày, Mạnh mẽ, Bình tĩnh**Tốc độ**: Nhanh, Vừa phải, Chậm**Phong cách**: Đàm thoại, Trang trọng, Giáo dục, Quảng bá

***

## Chuyển Giọng nói thành Văn bản

### Bắt đầu Nhanh

<CodePrompt>
  "Phiên âm bản ghi cuộc phỏng vấn này"
</CodePrompt>

(Tải lên tệp âm thanh)

<CodePrompt>
  "Chuyển đổi tập podcast này thành văn bản có nhãn người nói"
</CodePrompt>

<CodePrompt>
  "Phiên âm 20 cuộc gọi hỗ trợ khách hàng này và xác định
  các vấn đề phổ biến được đề cập"
</CodePrompt>

### Các Trường hợp Sử dụng Phổ biến

**Ghi chú Cuộc họp**:

* Tự động hóa phiên âm cuộc họp
* Tạo kho lưu trữ cuộc họp có thể tìm kiếm
* Trích xuất các mục hành động

**Tái sử dụng Nội dung**:

* Biến podcast thành bài đăng blog
* Tạo ghi chú chương trình từ âm thanh
* Tạo trích dẫn truyền thông xã hội

**Nghiên cứu**:

* Phiên âm các cuộc phỏng vấn
* Phân tích các cuộc gọi của khách hàng
* Xử lý các bản ghi nhóm tập trung

### Tính năng

* **Nhận dạng Người nói**: Phân biệt giữa những người nói
* **Dấu thời gian**: Đánh dấu thời điểm người nói phát biểu
* **Định dạng**: Dấu câu và phân đoạn chính xác
* **Độ chính xác**: Độ chính xác cao ngay cả khi có giọng điệu hoặc tiếng ồn xung quanh

***

## Kết hợp Nhiều Phương thức

Manus có thể kết hợp các khả năng này trong một quy trình làm việc duy nhất:

### Ví dụ 1: Video thành Bài đăng Blog

<CodePrompt>
  "Xem video demo sản phẩm này, phiên âm nó, trích xuất các tính năng chính,
  tạo ảnh chụp màn hình tại các thời điểm quan trọng và tạo một bài đăng blog
  với hình ảnh và văn bản"
</CodePrompt>

### Ví dụ 2: Bài thuyết trình có Lồng tiếng

<CodePrompt>
  "Tạo một bài thuyết trình 10 slide về sản phẩm của chúng tôi. Tạo hình minh họa
  tùy chỉnh cho mỗi slide. Sau đó tạo kịch bản lồng tiếng và
  lời kể âm thanh cho toàn bộ bài thuyết trình."
</CodePrompt>

### Ví dụ 3: Phân tích Hình ảnh thành Báo cáo

<CodePrompt>
  "Phân tích 50 bức ảnh sản phẩm này, trích xuất văn bản và chi tiết sản phẩm,
  tạo biểu đồ so sánh và tạo bài thuyết trình slide với các phát hiện"
</CodePrompt>

***

## Câu hỏi Thường gặp

**Các định dạng hình ảnh nào được hỗ trợ?** PNG, JPG, WEBP, GIF, và nhiều định dạng khác. Đối với việc tạo, bạn có thể chỉ định định dạng.

**Video có thể dài bao lâu?** Manus có thể xử lý các video dài đến vài giờ. Video dài hơn cần nhiều thời gian hơn.

**Các định dạng âm thanh nào có sẵn để phiên âm?** MP3, WAV, M4A, WEBM và hầu hết các định dạng âm thanh phổ biến.

**Tôi có thể tạo hình ảnh với kích thước cụ thể không?** Có. Chỉ định kích thước: “Tạo hình ảnh 1920x1080...” hoặc “Định dạng vuông cho Instagram...”

**Độ chính xác của phiên âm giọng nói như thế nào?** Rất chính xác, ngay cả khi có giọng điệu, nhiều người nói hoặc tiếng ồn xung quanh.

**Tôi có thể tạo video không?** Có. Manus có thể tạo các clip video ngắn và hoạt ảnh.

**Có giới hạn nào đối với việc tạo không?** Việc tạo sử dụng Tín dụng. Kiểm tra gói của bạn để biết giới hạn.

***

## Các Trường hợp Sử dụng Nhanh

| Trường hợp Sử dụng               | Đầu vào                  | Đầu ra                  |
| :------------------------------- | :----------------------- | :---------------------- |
| **Bản Mô phỏng Sản phẩm**        | Mô tả                    | Hình ảnh Được tạo       |
| **Ghi chú Cuộc họp**             | Bản ghi Video            | Phiên âm + Tóm tắt      |
| **Âm thanh Blog**                | Bài viết Văn bản         | Lời kể Âm thanh         |
| **Quét Tài liệu**                | Ảnh Tài liệu             | Văn bản Được trích xuất |
| **Phân tích Video**              | Video Đối thủ cạnh tranh | So sánh Tính năng       |
| **Ghi chú Chương trình Podcast** | Tệp Âm thanh             | Phiên âm + Tóm tắt      |
| **Đồ họa Xã hội**                | Mô tả                    | Hình ảnh Tùy chỉnh      |

***

**Tóm tắt**: Manus xử lý liền mạch nhiều loại phương tiện. Tạo hình ảnh, hiểu video, tạo đầu ra giọng nói và phiên âm lời nói—tất cả đều được tích hợp vào quy trình làm việc của bạn.
