Halaman ini menunjukkan cara menyiapkan lingkungan pengembangan untuk menggunakan Tugas MediaPipe di aplikasi web JavaScript.
Platform dan versi yang didukung
Untuk membuat aplikasi web dengan MediaPipe Tasks, lingkungan pengembangan Anda memerlukan hal-hal berikut:
- Browser Chrome atau Safari
- Aplikasi web yang menggunakan Node.js dan NPM. Atau, Anda dapat menggunakan tag skrip untuk mengakses Tugas MediaPipe melalui jaringan penayangan konten (CDN).
Dependensi Tugas MediaPipe
MediaPipe Tasks menyediakan tiga library bawaan untuk visi, teks, dan audio. Bergantung pada MediaPipe Task yang digunakan oleh aplikasi, impor library vision, teks, atau audio ke project pengembangan Anda.
Tugas AI generatif
Modul AI Generatif Tugas MediaPipe Tasks berisi tugas yang menangani pembuatan gambar atau teks. Untuk mengimpor library AI Generatif MediaPipe Tasks, impor dependensi berikut ke dalam project pengembangan Anda.
API Inferensi LLM
Tugas Inferensi LLM MediaPipe dimuat dalam library tasks-genai.
npm install @mediapipe/tasks-genai
Jika ingin melakukan deployment ke server, Anda dapat menggunakan layanan jaringan penayangan konten (CDN), seperti jsDelivr, untuk menambahkan kode langsung ke halaman HTML Anda.
<head>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-genai/genai_bundle.cjs"
crossorigin="anonymous"></script>
</head>
Tugas visi
Modul vision Tasks MediaPipe berisi tugas yang menangani input gambar atau video. Untuk mengimpor library vision MediaPipe Tasks, impor dependensi berikut ke dalam project pengembangan Anda.
npm install @mediapipe/tasks-vision
Jika ingin melakukan deployment ke server, Anda dapat menggunakan layanan jaringan penayangan konten (CDN), seperti jsDelivr, untuk menambahkan kode langsung ke halaman HTML Anda.
<head>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision/vision_bundle.js"
crossorigin="anonymous"></script>
</head>
Tugas teks
Modul teks Tugas MediaPipe berisi tugas yang menangani input string. Untuk mengimpor library teks MediaPipe Tasks, impor dependensi berikut ke dalam project pengembangan Anda.
npm install @mediapipe/tasks-text
Jika ingin melakukan deployment ke server, Anda dapat menggunakan layanan jaringan penayangan konten (CDN), seperti jsDelivr, untuk menambahkan kode langsung ke halaman HTML Anda.
<head>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-text/text_bundle.js"
crossorigin="anonymous"></script>
</head>
Tugas audio
Modul audio Tugas MediaPipe Tasks berisi tugas yang menangani input suara. Untuk mengimpor library audio MediaPipe Tasks, impor dependensi berikut ke project pengembangan Anda.
npm install @mediapipe/tasks-audio
Jika ingin melakukan deployment ke server, Anda dapat menggunakan layanan jaringan penayangan konten (CDN), seperti jsDelivr, untuk menambahkan kode langsung ke halaman HTML Anda.
<head>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-audio/audio_bundle.js"
crossorigin="anonymous"></script>
</head>
Konfigurasi BaseOptions
BaseOptions memungkinkan konfigurasi umum MediaPipe Task API.
| Nama opsi | Deskripsi | Nilai yang diterima |
|---|---|---|
modelAssetBuffer |
Konten file aset model sebagai array berjenis Uint8Array. |
Uint8Array |
modelAssetPath |
Jalur aset model yang akan dibuka dan dipetakan ke dalam memori. | TrustedResourceUrl |
Delegate |
Mengaktifkan akselerasi hardware melalui delegasi perangkat untuk menjalankan pipeline MediaPipe. Nilai default: CPU. |
[CPU,GPU] |
Pemecahan masalah
Untuk mendapatkan bantuan terkait pertanyaan teknis terkait MediaPipe, kunjungi grup diskusi atau Stack Overflow untuk mendapatkan dukungan dari komunitas. Untuk melaporkan bug atau mengajukan permintaan fitur, ajukan masalah di GitHub.