> ## 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="مشغل فيديو يوتيوب" 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>

### الاستخدامات الشائعة

**مرئيات المنتج**:

* نماذج المنتج والنماذج الأولية
* رسوم توضيحية للميزات
* مفاهيم واجهة المستخدم/تجربة المستخدم

**أصول التسويق**:

* رسومات وسائل التواصل الاجتماعي
* رسوم توضيحية لمنشورات المدونة
* إعلانات إبداعية

**العروض التقديمية**:

* خلفيات شرائح مخصصة
* رسوم توضيحية للمفاهيم
* استعارات بصرية

**الرسوم البيانية والمخططات**:

* تدفقات العمليات
* هياكل الأنظمة
* رسوم بيانية معلوماتية

### نصائح للحصول على صور أفضل

**كن محددًا بشأن الأسلوب**:

* ✅ "تصوير احترافي، حديث، بسيط"
* ✅ "رسم توضيحي بتصميم مسطح، ألوان زاهية"
* ❌ "اجعلها تبدو جيدة"

**صف التكوين**:

* ✅ "التركيز على الموضوع في المنتصف، خلفية ضبابية، إضاءة طبيعية"
* ❌ "صورة لـ..."

**حدد الغرض**:

* ✅ "لاستخدامه في منشور إنستغرام، بتنسيق مربع، مع تراكب نصي غامق"
* ✅ "لاستخدامه في شريحة عرض تقديمي، بتنسيق شاشة عريضة، خلفية ناعمة"

***

## فهم الصور

### بدء سريع

<CodePrompt>
  "حلل لقطة الشاشة هذه واستخرج كل النص"
</CodePrompt>

(تحميل صورة)

<CodePrompt>
  "ما هي المنتجات المعروضة في صفحة الكتالوج هذه؟
  استخرج الأسماء والأسعار."
</CodePrompt>

(تحميل صورة)

<CodePrompt>
  "صف بالتفصيل ما يحدث في هذه الصورة"
</CodePrompt>

(تحميل صورة)

### الاستخدامات الشائعة

**معالجة المستندات**:

* استخراج النص من لقطات الشاشة
* قراءة الملاحظات المكتوبة بخط اليد
* تحليل الإيصالات والفواتير

**التحليل البصري**:

* تحديد الكائنات في الصور
* تحليل الرسوم البيانية والمخططات
* وصف محتوى الصورة

**مراقبة الجودة**:

* فحص صور المنتج بحثًا عن المشكلات
* التحقق من صحة محتوى الصورة
* مقارنة الاختلافات البصرية

### أمثلة للمهام

<CodePrompt>
  "استخرج كل النص من صور المنتج العشرة هذه وأنشئ جدول بيانات"
</CodePrompt>

<CodePrompt>
  "حلل صورة المخطط هذه وأعد إنشائها كمخطط قابل للتحرير
  باستخدام نفس البيانات"
</CodePrompt>

<CodePrompt>
  "قارن بين صورتي المنتج هاتين واذكر الاختلافات"
</CodePrompt>

***

## فهم الفيديو

### بدء سريع

<CodePrompt>
  "انسخ تسجيل الاجتماع هذا وأنشئ ملخصًا
  مع عناصر العمل"
</CodePrompt>

(تحميل ملف فيديو أو تقديم رابط URL)

<CodePrompt>
  "شاهد فيديو العرض التوضيحي للمنتج هذا واستخرج: الميزات الرئيسية المذكورة،
  معلومات التسعير، والجمهور المستهدف"
</CodePrompt>

<CodePrompt>
  "حلل فيديو البرنامج التعليمي هذا وأنشئ دليلًا مكتوبًا خطوة بخطوة"
</CodePrompt>

### الاستخدامات الشائعة

**معالجة الاجتماعات**:

* نسخ الاجتماعات
* استخراج عناصر العمل
* تلخيص المناقشات

**تحليل المحتوى**:

* تحليل مقاطع فيديو المنافسين
* استخراج النقاط الرئيسية من البرامج التعليمية
* مراجعة العروض التوضيحية للمنتجات

**التوثيق**:

* تحويل البرامج التعليمية بالفيديو إلى أدلة نصية
* إنشاء ملخصات للفيديوهات الطويلة
* استخراج الاقتباسات والطوابع الزمنية

### أمثلة للمهام

<CodePrompt>
  "انسخ هذا الويبينار الذي مدته ساعة واحدة وأنشئ:

  * نص كامل
  * ملخص تنفيذي
  * الوجبات الرئيسية (نقاط نقطية)
  * قسم الأسئلة والأجوبة"
</CodePrompt>

<CodePrompt>
  "شاهد مقاطع فيديو المنتج الخمسة للمنافسين هذه وأنشئ مقارنة للميزات
  جدول"
</CodePrompt>

***

## إخراج الصوت

### بدء سريع

<CodePrompt>
  "حوّل منشور المدونة هذا إلى ملف صوتي بتعليق صوتي طبيعي"
</CodePrompt>

<CodePrompt>
  "أنشئ تعليقًا صوتيًا لبرنامج العرض التقديمي هذا بنبرة احترافية و
  نبرة ودية"
</CodePrompt>

<CodePrompt>
  "أنشئ نسخًا صوتية لأوصاف المنتجات العشرة هذه
  لموقعنا على الويب"
</CodePrompt>

### الاستخدامات الشائعة

**إنشاء المحتوى**:

* تحويل نصوص البودكاست إلى صوت
* تحويل منشورات المدونة إلى نسخ صوتية
* التعليقات الصوتية للفيديو

**إمكانية الوصول**:

* نسخ صوتية للمحتوى المكتوب
* بديل لقارئ الشاشة
* الأدلة الصوتية

**التسويق**:

* تعليقات صوتية إعلانية
* سرد العروض التوضيحية للمنتجات
* محتوى صوتي لوسائل التواصل الاجتماعي

### خيارات الصوت

**النغمة**: احترافية، ودية، غير رسمية، حيوية، هادئة**السرعة**: سريعة، متوسطة، بطيئة**الأسلوب**: حواري، رسمي، تعليمي، ترويجي

***

## تحويل الكلام إلى نص

### بدء سريع

<CodePrompt>
  "انسخ تسجيل المقابلة هذا"
</CodePrompt>

(تحميل ملف صوتي)

<CodePrompt>
  "حوّل حلقة البودكاست هذه إلى نص مع تسميات المتحدثين"
</CodePrompt>

<CodePrompt>
  "انسخ مكالمات دعم العملاء العشرين هذه وحدد
  المشكلات الشائعة المذكورة"
</CodePrompt>

### الاستخدامات الشائعة

**توثيق الاجتماعات**:

* النسخ التلقائي للاجتماعات
* إنشاء أرشيف اجتماعات قابل للبحث
* استخراج عناصر العمل

**إعادة استخدام المحتوى**:

* تحويل البودكاست إلى منشورات مدونة
* إنشاء ملاحظات العرض من الصوت
* إنشاء اقتباسات لوسائل التواصل الاجتماعي

**البحث**:

* نسخ المقابلات
* تحليل مكالمات العملاء
* معالجة تسجيلات مجموعات التركيز

### الميزات

* **تمييز المتحدث**: التمييز بين المتحدثين
* **الطوابع الزمنية**: وضع علامات على وقت الكلام
* **التنسيق**: علامات الترقيم والتقسيم الصحيح
* **الدقة**: دقة عالية حتى مع اللهجات أو ضوضاء الخلفية

***

## دمج الأنماط المتعددة

يمكن لـ Manus الجمع بين هذه الإمكانيات في سير عمل واحد:

### المثال 1: فيديو إلى منشور مدونة

<CodePrompt>
  "شاهد فيديو العرض التوضيحي للمنتج هذا، وانسخه، واستخرج الميزات الرئيسية،
  أنشئ لقطات شاشة في اللحظات المهمة، وأنشئ منشور مدونة
  مع الصور والنص"
</CodePrompt>

### المثال 2: عرض تقديمي مع تعليق صوتي

<CodePrompt>
  "أنشئ عرضًا تقديميًا من 10 شرائح حول منتجنا. أنشئ رسومًا توضيحية مخصصة
  لكل شريحة. ثم أنشئ نصًا للتعليق الصوتي و
  سردًا صوتيًا للعرض التقديمي بأكمله."
</CodePrompt>

### المثال 3: تحليل الصورة إلى تقرير

<CodePrompt>
  "حلل صور المنتج الخمسين هذه، واستخرج النص وتفاصيل المنتج،
  أنشئ مخطط مقارنة، وأنشئ عرضًا تقديميًا للشرائح بالنتائج"
</CodePrompt>

***

## الأسئلة الشائعة

**ما هي تنسيقات الصور المدعومة؟** PNG، JPG، WEBP، GIF، والمزيد. للإنشاء، يمكنك تحديد التنسيق.

**ما هي المدة التي يمكن أن يستغرقها الفيديو؟** يمكن لـ Manus معالجة مقاطع الفيديو التي تصل مدتها إلى عدة ساعات. تتطلب مقاطع الفيديو الأطول وقتًا أطول.

**ما هي تنسيقات الصوت المتاحة للنسخ؟** MP3، WAV، M4A، WEBM، ومعظم تنسيقات الصوت الشائعة.

**هل يمكنني إنشاء صور بأبعاد محددة؟** نعم. حدد الأبعاد: "أنشئ صورة 1920x1080..." أو "تنسيق مربع لإنستغرام..."

**ما مدى دقة النسخ الصوتي؟** الدقة عالية جدًا، حتى مع اللهجات أو المتحدثين المتعددين أو ضوضاء الخلفية.

**هل يمكنني إنشاء مقاطع فيديو؟** نعم. يمكن لـ Manus إنشاء مقاطع فيديو قصيرة ورسوم متحركة.

**هل هناك قيود على الإنشاء؟** يستخدم الإنشاء الرصيد. يرجى مراجعة خطتك لمعرفة القيود.

***

## حالات الاستخدام السريع

| حالة الاستخدام            | الإدخال       | الإخراج        |
| :------------------------ | :------------ | :------------- |
| **نماذج المنتجات**        | الوصف         | صورة مُنشأة    |
| **توثيق الاجتماعات**      | تسجيل فيديو   | نسخ + ملخص     |
| **صوت المدونة**           | مقالة نصية    | سرد صوتي       |
| **مسح المستندات ضوئيًا**  | صورة المستند  | نص مستخرج      |
| **تحليل الفيديو**         | فيديو المنافس | مقارنة الميزات |
| **ملاحظات عرض البودكاست** | ملف صوتي      | نسخ + ملخص     |
| **رسومات اجتماعية**       | الوصف         | صورة مخصصة     |

***

**ملخص**: يمكن لـ Manus التعامل مع أنواع وسائط متعددة بسلاسة. إنشاء الصور، وفهم الفيديو، وإنشاء مخرجات صوتية، ونسخ الكلام—كل ذلك مدمج في سير عملك.
