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

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

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

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

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

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

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

משימות של AI גנרטיבי

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

ממשק API להסקת מסקנות (LLM)

משימת ההסקה של מודל שפה גדול (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 Tasks מכיל משימות שמטפלות בתמונה או בסרטון של קלטים. כדי לייבא את ספריית החזון של 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 Tasks.

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

פתרון בעיות

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