Web için kurulum kılavuzu

Bu sayfada MediaPipe'i kullanmak için geliştirme ortamınızı nasıl ayarlayacağınız gösterilmektedir JavaScript web uygulamalarınızdaki görevler.

Desteklenen platformlar ve sürümler

MediaPipe Tasks ile web uygulamaları oluşturmak için, geliştirme ortamınız şunları gerektirir:

  • Chrome veya Safari tarayıcı
  • Node.js ve NPM kullanan bir web uygulaması. Alternatif olarak, MediaPipe Görevleri'ne içerik yayınlama ağı üzerinden erişmek için komut dosyası etiketleri (CDN) kapsamındadır.

MediaPipe Görevleri bağımlılıkları

MediaPipe Tasks; görüntü, metin ve ses için önceden oluşturulmuş üç kitaplık sağlar. Uygulama tarafından kullanılan MediaPipe Görevine bağlı olarak, Vizyon, Metin veya ses kitaplığını geliştirme projenize ekleyin.

Üretken yapay zeka görevleri

MediaPipe Görevler Üretken Yapay Zeka modülü, metin oluşturma. MediaPipe Tasks Üretken Yapay Zeka kitaplıklarını içe aktarmak için bağımlılıkları takip ederek geliştirmenize yardımcı olur.

LLM Çıkarım API'si

MediaPipe LLM Çıkarım görevi, tasks-genai kitaplığında yer alır.

npm install @mediapipe/tasks-genai

Sunucuya dağıtım yapmak istiyorsanız içerik yayınlama ağı (CDN) kullanabilirsiniz. jsDelivr gibi bir arama aracından yararlanarak HTML sayfanız.

<head>
  <script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-genai/genai_bundle.cjs"
    crossorigin="anonymous"></script>
</head>

Vizyon görevleri

MediaPipe Görevleri vizyon modülü, resim veya video işleyen görevleri içerir. giriş değerleridir. MediaPipe Tasks vizyon kitaplığını içe aktarmak için şunu içe aktarın: ve geliştirme projenize bağlılığınızı artırır.

npm install @mediapipe/tasks-vision

Bir sunucuya dağıtım yapmak istiyorsanız içerik yayınlama ağı (CDN) kullanabilirsiniz jsDelivr gibi bir arama aracından yararlanarak HTML sayfanız.

<head>
  <script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision/vision_bundle.js"
    crossorigin="anonymous"></script>
</head>

Metin görevleri

MediaPipe Görevleri metin modülü, dize girişlerini işleyen görevleri içerir. Alıcı: MediaPipe Tasks metin kitaplığını içe aktarın, aşağıdaki bağımlılığı nasıl uyarlayacağınızı anlatacağız.

npm install @mediapipe/tasks-text

Sunucuya dağıtım yapmak istiyorsanız içerik yayınlama ağı (CDN) kullanabilirsiniz. jsDelivr gibi bir arama aracından yararlanarak HTML sayfanız.

<head>
  <script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-text/text_bundle.js"
    crossorigin="anonymous"></script>
</head>

Sesle ilgili görevler

MediaPipe Görevler ses modülü, ses girişlerini işleyen görevler içerir. Alıcı: MediaPipe Tasks ses kitaplığını içe aktarın, aşağıdaki bağımlılığı nasıl kullanacağınızı öğreneceksiniz.

npm install @mediapipe/tasks-audio

Sunucuya dağıtım yapmak istiyorsanız içerik yayınlama ağı (CDN) kullanabilirsiniz. jsDelivr gibi bir arama aracından yararlanarak HTML sayfanız.

<head>
  <script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-audio/audio_bundle.js"
    crossorigin="anonymous"></script>
</head>

BaseOptions yapılandırması

BaseOptions, MediaPipe Görev API'lerinin genel yapılandırmasına olanak tanır.

Seçenek adı Açıklama Kabul edilen değerler
modelAssetBuffer Uint8Array türünde bir dizi olarak model öğe dosyası içerikleri. Uint8Array
modelAssetPath Açılacak ve belleğe eşlenecek model öğesinin yolu. TrustedResourceUrl
Delegate MediaPipe ardışık düzenini çalıştırmak için yetki verilen bir cihaz üzerinden donanım hızlandırmayı etkinleştirir. Varsayılan değer: CPU. [CPU,
GPU]

Sorun giderme

MediaPipe ile ilgili teknik sorular konusunda yardım almak için tartışma sayfasını ziyaret edin grup veya Yığın Destek için taşma: bir topluluk. Hataları bildirmek veya özellik isteğinde bulunmak için şurada sorun bildirin: GitHub'ı tıklayın.