Cette page vous explique comment configurer votre environnement de développement pour utiliser MediaPipe. Tâches dans vos applications Web JavaScript.
Plates-formes et versions compatibles
Pour créer des applications Web avec MediaPipe Tasks, votre environnement de développement requiert les éléments suivants:
- Navigateur Chrome ou Safari
- Une application Web qui utilise Node.js et NPM Vous pouvez également utiliser Tags de script pour accéder aux tâches MediaPipe via un réseau de diffusion de contenu (CDN).
Dépendances MediaPipe Tasks
MediaPipe Tasks fournit trois bibliothèques prédéfinies pour la vision, le texte et l'audio. Selon la tâche MediaPipe utilisée par l'application, importez l'image, le texte ou bibliothèque audio dans votre projet de développement.
<ph type="x-smartling-placeholder">Tâches d'IA générative
Le module d'IA générative MediaPipe Tasks contient des tâches qui traitent la génération de texte. Pour importer les bibliothèques d'IA générative MediaPipe Tasks, importez la classe les dépendances suivantes dans votre projet de développement.
API LLM Inference
La tâche d'inférence LLM MediaPipe se trouve dans la bibliothèque tasks-genai.
npm install @mediapipe/tasks-genai
Si vous souhaitez effectuer un déploiement sur un serveur, vous pouvez utiliser un réseau de diffusion de contenu (CDN) tel que jsDelivr, pour ajouter du code directement votre page HTML.
<head>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-genai/genai_bundle.cjs"
crossorigin="anonymous"></script>
</head>
Tâches visuelles
Le module de vision MediaPipe Tasks contient des tâches qui gèrent des images ou des vidéos d'entrée. Pour importer la bibliothèque Vision MediaPipe, importez les éléments suivants : à votre projet de développement.
npm install @mediapipe/tasks-vision
Si vous souhaitez effectuer un déploiement sur un serveur, vous pouvez utiliser un réseau de diffusion de contenu (CDN) tel que jsDelivr, pour ajouter du code directement votre page HTML.
<head>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision/vision_bundle.js"
crossorigin="anonymous"></script>
</head>
Tâches liées au texte
Le module de texte MediaPipe Tasks contient des tâches qui gèrent les entrées de chaîne. À la bibliothèque de texte MediaPipe Tasks, importez la dépendance suivante dans votre dans votre projet de développement.
npm install @mediapipe/tasks-text
Si vous souhaitez effectuer un déploiement sur un serveur, vous pouvez utiliser un réseau de diffusion de contenu (CDN) tel que jsDelivr, pour ajouter du code directement votre page HTML.
<head>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-text/text_bundle.js"
crossorigin="anonymous"></script>
</head>
Tâches audio
Le module audio MediaPipe Tasks contient des tâches qui gèrent les entrées audio. À la bibliothèque audio MediaPipe Tasks, importez la dépendance suivante dans dans votre projet de développement.
npm install @mediapipe/tasks-audio
Si vous souhaitez effectuer un déploiement sur un serveur, vous pouvez utiliser un réseau de diffusion de contenu (CDN) tel que jsDelivr, pour ajouter du code directement votre page HTML.
<head>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-audio/audio_bundle.js"
crossorigin="anonymous"></script>
</head>
Configuration de BaseOptions
Les BaseOptions permettent une configuration générale des API MediaPipe Task.
| Nom de l'option | Description | Valeurs acceptées |
|---|---|---|
modelAssetBuffer |
Contenu du fichier d'éléments du modèle sous forme de tableau de type Uint8Array. |
Uint8Array |
modelAssetPath |
Chemin d'accès à l'élément de modèle à ouvrir et à mapper en mémoire. | TrustedResourceUrl |
Delegate |
Active l'accélération matérielle via un délégué d'appareil afin d'exécuter le pipeline MediaPipe. Valeur par défaut : CPU |
[CPU,GPU] |
Dépannage
Pour obtenir de l'aide sur des questions techniques concernant MediaPipe, consultez la discussion group ou Stack Dépassement pour obtenir de l'aide la communauté. Pour signaler des bugs ou demander des fonctionnalités, signalez un problème sur GitHub