دليل الإعداد للويب

توضّح لك هذه الصفحة كيفية إعداد بيئة التطوير لاستخدام مهام MediaPipe في تطبيقات الويب المستندة إلى JavaScript.

الأنظمة الأساسية والإصدارات المتوافقة

لإنشاء تطبيقات ويب باستخدام مهام MediaPipe، تتطلب بيئة التطوير ما يلي:

  • متصفح Chrome أو Safari
  • تطبيق ويب يستخدم Node.js وNPM. بدلاً من ذلك، يمكنك استخدام علامات النص البرمجي للوصول إلى "مهام MediaPipe" من خلال شبكة توصيل المحتوى (CDN).

تبعيات مهام MediaPipe

توفر مهام MediaPipe ثلاث مكتبات مُعدة مسبقًا للرؤية والنص والصوت. بناءً على مهمة MediaPipe التي يستخدمها التطبيق، يمكنك استيراد مكتبة الرؤية أو النصوص أو الملفات الصوتية إلى مشروع التطوير لديك.

مهام الذكاء الاصطناعي التوليدي

تحتوي وحدة MediaPipe للذكاء الاصطناعي التوليدي على مهام تعالج إنشاء الصور أو النصوص. لاستيراد مكتبات الذكاء الاصطناعي التوليدي في "مهام MediaPipe"، عليك استيراد التبعيات التالية إلى مشروع التطوير الخاص بك.

واجهة برمجة التطبيقات للاستنتاج اللغوي الكبير

تتوفّر مهمة استنتاج MediaPipe LLM في مكتبة "tasks-genai".

npm install @mediapipe/tasks-genai

وإذا كنت ترغب في النشر على خادم، يمكنك استخدام خدمة شبكة توصيل المحتوى (CDN)، مثل jsDelivr، لإضافة رمز مباشرةً إلى صفحة HTML.

<head>
  <script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-genai/genai_bundle.cjs"
    crossorigin="anonymous"></script>
</head>

مهام بصرية

تحتوي وحدة رؤية "مهام MediaPipe" على مهام تعالج إدخالات الصور أو الفيديو. لاستيراد مكتبة رؤية مهام MediaPipe، قم باستيراد التبعية التالية إلى مشروع التطوير لديك.

npm install @mediapipe/tasks-vision

وإذا كنت ترغب في النشر على خادم، يمكنك استخدام خدمة شبكة توصيل المحتوى (CDN)، مثل jsDelivr، لإضافة رمز مباشرةً إلى صفحة HTML.

<head>
  <script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision/vision_bundle.js"
    crossorigin="anonymous"></script>
</head>

المهام النصية

تحتوي الوحدة النصية لمهام MediaPipe على مهام تعالج إدخالات السلسلة. لاستيراد مكتبة نص مهام MediaPipe، قم باستيراد التبعية التالية إلى مشروعك للتطوير.

npm install @mediapipe/tasks-text

وإذا كنت ترغب في النشر على خادم، يمكنك استخدام خدمة شبكة توصيل المحتوى (CDN)، مثل jsDelivr، لإضافة رمز مباشرةً إلى صفحة HTML.

<head>
  <script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-text/text_bundle.js"
    crossorigin="anonymous"></script>
</head>

المهام الصوتية

تحتوي الوحدة الصوتية لمهام MediaPipe على مهام تعالج إدخالات الصوت. لاستيراد مكتبة الملفات الصوتية لمهام MediaPipe، قم باستيراد التبعية التالية إلى مشروعك في التطوير.

npm install @mediapipe/tasks-audio

وإذا كنت ترغب في النشر على خادم، يمكنك استخدام خدمة شبكة توصيل المحتوى (CDN)، مثل jsDelivr، لإضافة رمز مباشرةً إلى صفحة HTML.

<head>
  <script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-audio/audio_bundle.js"
    crossorigin="anonymous"></script>
</head>

إعدادات BaseOptions

تتيح قاعدة BaseOptions إعداد واجهة برمجة تطبيقات مهام MediaPipe بشكل عام.

اسم الخيار الوصف القيم المقبولة
modelAssetBuffer محتوى ملف مادة عرض النموذج كمصفوفة من النوع Uint8Array. Uint8Array
modelAssetPath تمثّل هذه السمة مسار مادة عرض النموذج المطلوب فتحها وتخطيطها في الذاكرة. TrustedResourceUrl
Delegate تعمل هذه السياسة على تفعيل تسريع الأجهزة من خلال تفويض جهاز لتشغيل مسار MediaPipe. القيمة التلقائية: CPU. [CPU,
GPU]

تحديد المشاكل وحلّها

للحصول على مساعدة بشأن الأسئلة التقنية المتعلقة بـ MediaPipe، يُرجى الانتقال إلى مجموعة المناقشة أو تجاوز تكديس للحصول على الدعم من المنتدى. للإبلاغ عن أخطاء أو تقديم طلبات ميزات، يمكنك الإبلاغ عن مشكلة على GitHub.