توضح لك هذه الصفحة كيفية إعداد بيئة التطوير لاستخدام 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.