En esta página, se muestra cómo configurar tu entorno de desarrollo para usar MediaPipe Tasks en tus aplicaciones web de JavaScript.
Plataformas y versiones compatibles
Para crear aplicaciones web con MediaPipe Tasks, tu entorno de desarrollo requiere lo siguiente:
- Navegador Chrome o Safari
- Una aplicación web que usa Node.js y NPM Como alternativa, puedes usar etiquetas de secuencia de comandos para acceder a las tareas de MediaPipe a través de una red de distribución de contenidos (CDN).
Dependencias de MediaPipe Tasks
MediaPipe Tasks proporciona tres bibliotecas previamente compiladas para visión, texto y audio. Según la tarea de MediaPipe que use la app, importa la biblioteca de visión, texto o audio a tu proyecto de desarrollo.
Tareas de IA generativa
El módulo de IA generativa de MediaPipe Tasks contiene tareas que controlan la generación de imágenes o texto. Para importar las bibliotecas de IA generativa de MediaPipe Tasks, importa las siguientes dependencias a tu proyecto de desarrollo.
API de inferencia de LLM
La tarea de inferencia del LLM de MediaPipe se encuentra en la biblioteca tasks-genai.
npm install @mediapipe/tasks-genai
Si deseas realizar la implementación en un servidor, puedes usar un servicio de red de distribución de contenidos (CDN), como jsDelivr, para agregar código directamente a tu página HTML.
<head>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-genai/genai_bundle.cjs"
crossorigin="anonymous"></script>
</head>
Tareas de visión
El módulo de visión de MediaPipe Tasks contiene tareas que controlan las entradas de imagen o video. Para importar la biblioteca de Vision de MediaPipe Tasks, importa la siguiente dependencia a tu proyecto de desarrollo.
npm install @mediapipe/tasks-vision
Si deseas realizar la implementación en un servidor, puedes usar un servicio de red de distribución de contenidos (CDN), como jsDelivr, para agregar código directamente a tu página HTML.
<head>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision/vision_bundle.js"
crossorigin="anonymous"></script>
</head>
Tareas de texto
El módulo de texto de MediaPipe Tasks contiene tareas que controlan entradas de string. Para importar la biblioteca de texto de MediaPipe Tasks, importa la siguiente dependencia a tu proyecto de desarrollo.
npm install @mediapipe/tasks-text
Si deseas realizar la implementación en un servidor, puedes usar un servicio de red de distribución de contenidos (CDN), como jsDelivr, para agregar código directamente a tu página HTML.
<head>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-text/text_bundle.js"
crossorigin="anonymous"></script>
</head>
Tareas de audio
El módulo de audio de MediaPipe Tasks contiene tareas que controlan las entradas de sonido. Para importar la biblioteca de audio de MediaPipe Tasks, importa la siguiente dependencia a tu proyecto de desarrollo.
npm install @mediapipe/tasks-audio
Si deseas realizar la implementación en un servidor, puedes usar un servicio de red de distribución de contenidos (CDN), como jsDelivr, para agregar código directamente a tu página HTML.
<head>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-audio/audio_bundle.js"
crossorigin="anonymous"></script>
</head>
Configuración de BaseOptions
Las BaseOptions permiten la configuración general de las API de MediaPipe Task.
| Nombre de la opción | Descripción | Accepted values |
|---|---|---|
modelAssetBuffer |
El archivo de recursos del modelo incluye un array escrito Uint8Array. |
Uint8Array |
modelAssetPath |
La ruta de acceso del recurso del modelo que se abrirá y se asignará a la memoria. | TrustedResourceUrl |
Delegate |
Habilita la aceleración de hardware a través de un delegado de dispositivo para ejecutar la canalización de MediaPipe. Valor predeterminado: CPU. |
[CPU,GPU] |
Solución de problemas
Si quieres obtener ayuda con preguntas técnicas relacionadas con MediaPipe, visita el grupo de discusión o Stack Overflow para obtener asistencia de la comunidad. Para informar errores o realizar solicitudes de funciones, informa un problema en GitHub.