Auf dieser Seite erfahren Sie, wie Sie Ihre Entwicklungsumgebung für die Verwendung von MediaPipe-Aufgaben in Ihren JavaScript-Webanwendungen einrichten.
Unterstützte Plattformen und Versionen
Zum Erstellen von Webanwendungen mit MediaPipe Tasks benötigt Ihre Entwicklungsumgebung Folgendes:
- Chrome- oder Safari-Browser
- Eine Webanwendung, die Node.js und NPM verwendet. Alternativ können Sie Skript-Tags verwenden, um über ein Content Delivery Network (CDN) auf MediaPipe-Tasks zuzugreifen.
Abhängigkeiten von MediaPipe Tasks
MediaPipe Tasks bietet drei vorgefertigte Bibliotheken für Bild, Text und Audio. Importieren Sie je nach der von der Anwendung verwendeten MediaPipe-Aufgabe die Vision-, Text- oder Audio-Bibliothek in Ihr Entwicklungsprojekt.
Aufgaben mit generativer KI
Das Generative AI-Modul von MediaPipe Tasks enthält Aufgaben, die die Bild- oder Textgenerierung verarbeiten. Importieren Sie zum Importieren der generativen KI-Bibliotheken von MediaPipe Tasks die folgenden Abhängigkeiten in Ihr Entwicklungsprojekt.
LLM Inference API
Die MediaPipe-LLM-Inferenzaufgabe ist in der tasks-genai-Bibliothek enthalten.
npm install @mediapipe/tasks-genai
Wenn die Bereitstellung auf einem Server erfolgen soll, können Sie einen Content Delivery Network-Dienst wie jsDelivr verwenden, um Ihrer HTML-Seite direkt Code hinzuzufügen.
<head>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-genai/genai_bundle.cjs"
crossorigin="anonymous"></script>
</head>
Sehaufgaben
Das Vision-Modul von MediaPipe Tasks enthält Aufgaben, die Bild- oder Videoeingaben verarbeiten. Importieren Sie die folgende Abhängigkeit in Ihr Entwicklungsprojekt, um die Vision-Bibliothek von MediaPipe Tasks zu importieren.
npm install @mediapipe/tasks-vision
Wenn die Bereitstellung auf einem Server erfolgen soll, können Sie einen Content Delivery Network-Dienst wie jsDelivr verwenden, um Ihrer HTML-Seite direkt Code hinzuzufügen.
<head>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision/vision_bundle.js"
crossorigin="anonymous"></script>
</head>
SMS-Aufgaben
Das Textmodul von MediaPipe-Aufgaben enthält Aufgaben, die Zeichenfolgeneingaben verarbeiten. Wenn Sie die Textbibliothek „MediaPipe Tasks“ importieren möchten, müssen Sie die folgende Abhängigkeit in Ihr Entwicklungsprojekt importieren.
npm install @mediapipe/tasks-text
Wenn die Bereitstellung auf einem Server erfolgen soll, können Sie einen Content Delivery Network-Dienst wie jsDelivr verwenden, um Ihrer HTML-Seite direkt Code hinzuzufügen.
<head>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-text/text_bundle.js"
crossorigin="anonymous"></script>
</head>
Audioaufgaben
Das Audiomodul des MediaPipe Tasks enthält Aufgaben, die Toneingaben verarbeiten. Wenn Sie die Audiobibliothek „MediaPipe Tasks“ importieren möchten, müssen Sie die folgende Abhängigkeit in Ihr Entwicklungsprojekt importieren.
npm install @mediapipe/tasks-audio
Wenn die Bereitstellung auf einem Server erfolgen soll, können Sie einen Content Delivery Network-Dienst wie jsDelivr verwenden, um Ihrer HTML-Seite direkt Code hinzuzufügen.
<head>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-audio/audio_bundle.js"
crossorigin="anonymous"></script>
</head>
BaseOptions-Konfiguration
Die BaseOptions ermöglichen die allgemeine Konfiguration von MediaPipe Task APIs.
| Optionsname | Beschreibung | Gültige Werte |
|---|---|---|
modelAssetBuffer |
Der Inhalt der Modell-Asset-Datei als Array vom Typ Uint8Array. |
Uint8Array |
modelAssetPath |
Der Pfad des Modell-Assets, das geöffnet und dem Arbeitsspeicher zugeordnet werden soll. | TrustedResourceUrl |
Delegate |
Aktiviert die Hardwarebeschleunigung über einen Gerätedelegat zum Ausführen der MediaPipe-Pipeline. Standardwert: CPU. |
[CPU,GPU] |
Fehlerbehebung
Bei technischen Fragen zu MediaPipe besuchen Sie das Diskussionsgruppe oder Stack Overflow, um Unterstützung von der Community zu erhalten. Wenn Sie Fehler melden oder Funktionsanfragen stellen möchten, melden Sie ein Problem auf GitHub.