Auf dieser Seite erfahren Sie, wie Sie Ihre Entwicklungsumgebung für die Verwendung von MediaPipe einrichten. Aufgaben in Ihren JavaScript-Webanwendungen.
Unterstützte Plattformen und Versionen
Um Webanwendungen mit MediaPipe Tasks zu erstellen, erfordert Folgendes:
- Chrome- oder Safari-Browser
- Eine Webanwendung, die Node.js und NPM verwendet. Alternativ können Sie Script-Tags für den Zugriff auf MediaPipe Tasks über ein Content Delivery Network (CDN).
MediaPipe Tasks-Abhängigkeiten
MediaPipe Tasks bietet drei vordefinierte Bibliotheken für Vision, Text und Audio. Abhängig von der von der App verwendeten MediaPipe Task Audiobibliothek in Ihr Entwicklungsprojekt integrieren.
Aufgaben mit generativer KI
Das Generative AI-Modul von MediaPipe Tasks enthält Aufgaben, die Bilder oder Textgenerierung. Um die Generative AI-Bibliotheken von MediaPipe Tasks zu importieren, importieren Sie die Abhängigkeiten in Ihr Entwicklungsprojekt zu integrieren.
LLM Inference API
Die MediaPipe-LLM-Inferenzaufgabe ist in der Bibliothek tasks-genai enthalten.
npm install @mediapipe/tasks-genai
Wenn die Bereitstellung auf einem Server erfolgen soll, können Sie ein Content Delivery Network (CDN) verwenden. jsDelivr, um Code direkt Ihrer HTML-Seite.
<head>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-genai/genai_bundle.cjs"
crossorigin="anonymous"></script>
</head>
Vision-Aufgaben
Das Vision-Modul von MediaPipe Tasks enthält Aufgaben für Bilder oder Videos Eingaben. Um die Vision-Bibliothek von MediaPipe Tasks zu importieren, müssen Sie Folgendes importieren: Abhängigkeit von Ihnen in Ihr Entwicklungsprojekt.
npm install @mediapipe/tasks-vision
Wenn die Bereitstellung auf einem Server erfolgen soll, können Sie ein Content Delivery Network (CDN) verwenden. jsDelivr, um Code direkt Ihrer HTML-Seite.
<head>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision/vision_bundle.js"
crossorigin="anonymous"></script>
</head>
Textaufgaben
Das Textmodul MediaPipe Tasks enthält Aufgaben, die Zeichenfolgeneingaben verarbeiten. Bis die Textbibliothek von MediaPipe Tasks importieren, die folgende Abhängigkeit in Ihre in Ihr Entwicklungsprojekt ein.
npm install @mediapipe/tasks-text
Wenn die Bereitstellung auf einem Server erfolgen soll, können Sie ein Content Delivery Network (CDN) verwenden. jsDelivr, um Code direkt Ihrer HTML-Seite.
<head>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-text/text_bundle.js"
crossorigin="anonymous"></script>
</head>
Audioaufgaben
Das Audiomodul von MediaPipe Tasks enthält Aufgaben, die Toneingaben verarbeiten. Bis MediaPipe Tasks-Audiobibliothek importieren, die folgende Abhängigkeit in in Ihr Entwicklungsprojekt zu integrieren.
npm install @mediapipe/tasks-audio
Wenn die Bereitstellung auf einem Server erfolgen soll, können Sie ein Content Delivery Network (CDN) verwenden. jsDelivr, um Code direkt Ihrer HTML-Seite.
<head>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-audio/audio_bundle.js"
crossorigin="anonymous"></script>
</head>
BaseOptions-Konfiguration
BaseOptions ermöglichen die allgemeine Konfiguration von MediaPipe Task APIs.
| Optionsname | Beschreibung | Gültige Werte |
|---|---|---|
modelAssetBuffer |
Inhalt der Modell-Asset-Datei als typisiertes Uint8Array-Array. |
Uint8Array |
modelAssetPath |
Der Pfad des Modell-Assets, das geöffnet und dem Arbeitsspeicher zugeordnet werden soll. | TrustedResourceUrl |
Delegate |
Aktiviert die Hardwarebeschleunigung über einen Gerätedelegierten, um die MediaPipe-Pipeline auszuführen. Standardwert: CPU. |
[CPU,GPU] |
Fehlerbehebung
Hilfe bei technischen Fragen zu MediaPipe erhalten Sie in der Gruppe oder Stack Überlauf für Support von Community. Wenn Sie Fehler melden oder Funktionsanfragen stellen möchten, melden Sie ein Problem auf GitHub