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

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

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

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

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

تبعيات "مهام MediaPipe"

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

المهام المتعلّقة بالذكاء الاصطناعي التوليدي

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

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

تتوفّر مهمة استنتاج 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 "مهام Google"، عليك استيراد ما يلي والاعتمادية عليك في مشروع التطوير الخاص بك.

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 Tasks، ثم استيراد التبعية التالية إلى في مشروع التطوير لديك.

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 "مهام Google" على المهام التي تعالج الإدخالات الصوتية. إلى استيراد مكتبة الملفات الصوتية في MediaPipe Tasks، ثم استيراد التبعية التالية إلى إلى مشروع التطوير لديك.

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، انتقل إلى منتدى group أو حزمة القائمة الكاملة للحصول على الدعم من المجتمع. للإبلاغ عن أخطاء أو تقديم طلبات ميزات، يمكنك الإبلاغ عن مشكلة على GitHub.