מדריך ההגדרה לאינטרנט

בדף הזה מוסבר איך להגדיר את סביבת הפיתוח לשימוש ב-MediaPipe Tasks באפליקציות האינטרנט של JavaScript.

פלטפורמות וגרסאות נתמכות

כדי ליצור אפליקציות אינטרנט עם MediaPipe Tasks, סביבת הפיתוח שלכם מחייבת את הדברים הבאים:

  • דפדפן Chrome או Safari
  • אפליקציית אינטרנט המשתמשת ב-Node.js וב-NPM. לחלופין, תוכלו להשתמש בתגי סקריפט כדי לגשת למשימות MediaPipe דרך רשת להעברת תוכן (CDN).

יחסי תלות של משימות MediaPipe

השירות MediaPipe Tasks כולל שלוש ספריות מוגדרות מראש לתצוגה, לטקסט ולאודיו. מייבאים את הראייה, הטקסט או ספריית האודיו לפרויקט הפיתוח, בהתאם למשימת MediaPipe שבה נעשה שימוש באפליקציה.

משימות של בינה מלאכותית גנרטיבית

מודול ה-MediaPipe Tasks, הבינה המלאכותית הגנרטיבית, מכיל משימות שמטפלות ביצירת תמונות או טקסט. כדי לייבא את ספריות ה-AI הגנרטיבי של MediaPipe Tasks, צריך לייבא את יחסי התלות הבאים לפרויקט הפיתוח.

LLM Inference API

המשימה 'הסקת LLM' של MediaPipe נמצאת בספרייה 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 Tasks, מייבאים את התלות הבאה לפרויקט הפיתוח.

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 Tasks מכיל משימות שמטפלות בקלט אודיו. כדי לייבא את ספריית האודיו של 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 מאפשרות לקבוע תצורה כללית של ממשקי API למשימות של MediaPipe.

שם האפשרות תיאור ערכים קבילים
modelAssetBuffer התוכן בקובץ של נכס המודל כמערך מוקלד Uint8Array. Uint8Array
modelAssetPath הנתיב של הנכס לדוגמה כדי לפתוח ולמפות אותו לזיכרון. TrustedResourceUrl
Delegate המדיניות הזו מאפשרת לשפר את המהירות באמצעות חומרה באמצעות נציג מורשה במכשיר כדי להפעיל את צינור עיבוד הנתונים של MediaPipe. ערך ברירת המחדל: CPU. [CPU,
GPU]

פתרון בעיות

לקבלת עזרה בשאלות טכניות שקשורות ל-MediaPipe, תוכלו לקבל תמיכה מהקהילה בקבוצת הדיון או ב-StackOverflow. כדי לדווח על באגים או לשלוח בקשות להוספת תכונות, תוכלו לדווח על בעיה ב-GitHub.