Web için kurulum kılavuzu

Bu sayfa, JavaScript web uygulamalarınızda MediaPipe Görevleri'ni kullanmak için geliştirme ortamınızı nasıl kuracağınızı gösterir.

Desteklenen platformlar ve sürümler

MediaPipe Tasks ile web uygulamaları oluşturmak için geliştirme ortamınızda şunlar gerekir:

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

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

MediaPipe Tasks; vizyon, 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 aktarın.

Üretken yapay zeka görevleri

MediaPipe Tasks Generative AI modülü, resim veya metin oluşturma işlemlerini yapan görevler içerir. MediaPipe Tasks Generative AI kitaplıklarını içe aktarmak için aşağıdaki bağımlılıkları geliştirme projenize aktarın.

LLM Inference API'si

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

npm install @mediapipe/tasks-genai

Bir sunucuya dağıtım yapmak istiyorsanız kodu doğrudan HTML sayfanıza eklemek için jsDelivr gibi bir içerik yayınlama ağı (CDN) hizmeti kullanabilirsiniz.

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

Görüş görevleri

MediaPipe Görevleri vizyon modülü, görüntü veya video girişlerini işleyen görevleri içerir. MediaPipe Tasks vizyon kitaplığını içe aktarmak için aşağıdaki bağımlılığı geliştirme projenize aktarın.

npm install @mediapipe/tasks-vision

Bir sunucuya dağıtım yapmak istiyorsanız kodu doğrudan HTML sayfanıza eklemek için jsDelivr gibi bir içerik yayınlama ağı (CDN) hizmeti kullanabilirsiniz.

<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. MediaPipe Tasks metin kitaplığını içe aktarmak için aşağıdaki bağımlılığı geliştirme projenize aktarın.

npm install @mediapipe/tasks-text

Bir sunucuya dağıtım yapmak istiyorsanız kodu doğrudan HTML sayfanıza eklemek için jsDelivr gibi bir içerik yayınlama ağı (CDN) hizmeti kullanabilirsiniz.

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

Sesli görevler

MediaPipe Tasks ses modülü, ses girişlerini işleyen görevleri içerir. MediaPipe Tasks ses kitaplığını içe aktarmak için aşağıdaki bağımlılığı geliştirme projenize aktarın.

npm install @mediapipe/tasks-audio

Bir sunucuya dağıtım yapmak istiyorsanız kodu doğrudan HTML sayfanıza eklemek için jsDelivr gibi bir içerik yayınlama ağı (CDN) hizmeti kullanabilirsiniz.

<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'larının genel yapılandırılmasına olanak tanır.

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

Sorun giderme

MediaPipe ile ilgili teknik sorularla ilgili yardım almak için tartışma grubunu veya Stack Overflow'u ziyaret ederek topluluktan destek alın. Hataları bildirmek veya özellik isteği göndermek için GitHub'da sorun bildirin.