वेब के लिए सेटअप गाइड

इस पेज पर बताया गया है कि अपने JavaScript वेब ऐप्लिकेशन में MediaPipe Tasks का इस्तेमाल करने के लिए, डेवलपमेंट एनवायरमेंट को कैसे सेट अप किया जा सकता है.

इस्तेमाल किए जा सकने वाले प्लैटफ़ॉर्म और वर्शन

MediaPipe Tasks वाला वेब ऐप्लिकेशन बनाने के लिए, आपके डेवलपमेंट एनवायरमेंट के लिए यह ज़रूरी है:

  • Chrome या Safari ब्राउज़र
  • Node.js और NPM का इस्तेमाल करने वाला वेब ऐप्लिकेशन. इसके अलावा, कॉन्टेंट डिलीवरी नेटवर्क (सीडीएन) से MediaPipe Tasks को ऐक्सेस करने के लिए, स्क्रिप्ट टैग का इस्तेमाल किया जा सकता है.

MediaPipe Tasks डिपेंडेंसी

MediaPipe Tasks विज़न, टेक्स्ट, और ऑडियो के लिए पहले से बनी तीन लाइब्रेरी उपलब्ध कराता है. ऐप्लिकेशन में इस्तेमाल किए गए MediaPipe Tasks के आधार पर, अपने डेवलपमेंट प्रोजेक्ट में विज़न, टेक्स्ट या ऑडियो लाइब्रेरी इंपोर्ट करें.

जनरेटिव एआई के टास्क

MediaPipe Tasks Generative AI मॉड्यूल में ऐसे टास्क होते हैं जो इमेज या टेक्स्ट जनरेट करने की प्रोसेस को मैनेज करते हैं. MediaPipe Tasks जनरेटिव एआई लाइब्रेरी को इंपोर्ट करने के लिए, नीचे दी गई डिपेंडेंसी को अपने डेवलपमेंट प्रोजेक्ट में इंपोर्ट करें.

एलएलएम अनुमान एपीआई

MediaPipe एलएलएम अनुमान टास्क, tasks-genai लाइब्रेरी में शामिल है.

npm install @mediapipe/tasks-genai

अगर आपको किसी सर्वर पर डिप्लॉय करना है, तो सीधे अपने एचटीएमएल पेज पर कोड जोड़ने के लिए, कॉन्टेंट डिलीवरी नेटवर्क (सीडीएन) की सेवा, जैसे कि jsDelivr का इस्तेमाल किया जा सकता है.

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

विज़न से जुड़े टास्क

MediaPipe Tasks विज़न मॉड्यूल में ऐसे टास्क होते हैं जो इमेज या वीडियो इनपुट को मैनेज करते हैं. MediaPipe Tasks विज़न लाइब्रेरी को इंपोर्ट करने के लिए, इन डिपेंडेंसी को अपने डेवलपमेंट प्रोजेक्ट में इंपोर्ट करें.

npm install @mediapipe/tasks-vision

अगर आपको किसी सर्वर पर डिप्लॉय करना है, तो सीधे अपने एचटीएमएल पेज पर कोड जोड़ने के लिए, कॉन्टेंट डिलीवरी नेटवर्क (सीडीएन) की सेवा, जैसे कि jsDelivr का इस्तेमाल किया जा सकता है.

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

टेक्स्ट वाले टास्क

MediaPipe Tasks टेक्स्ट मॉड्यूल में ऐसे टास्क होते हैं जो स्ट्रिंग इनपुट को मैनेज करते हैं. MediaPipe Tasks टेक्स्ट लाइब्रेरी को इंपोर्ट करने के लिए, अपने डेवलपमेंट प्रोजेक्ट में नीचे दी गई डिपेंडेंसी इंपोर्ट करें.

npm install @mediapipe/tasks-text

अगर आपको किसी सर्वर पर डिप्लॉय करना है, तो सीधे अपने एचटीएमएल पेज पर कोड जोड़ने के लिए, कॉन्टेंट डिलीवरी नेटवर्क (सीडीएन) की सेवा, जैसे कि jsDelivr का इस्तेमाल किया जा सकता है.

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

ऑडियो टास्क

MediaPipe Tasks के ऑडियो मॉड्यूल में ऐसे टास्क होते हैं जो साउंड इनपुट को मैनेज करते हैं. MediaPipe Tasks ऑडियो लाइब्रेरी को इंपोर्ट करने के लिए, इन डिपेंडेंसी को अपने डेवलपमेंट प्रोजेक्ट में इंपोर्ट करें.

npm install @mediapipe/tasks-audio

अगर आपको किसी सर्वर पर डिप्लॉय करना है, तो सीधे अपने एचटीएमएल पेज पर कोड जोड़ने के लिए, कॉन्टेंट डिलीवरी नेटवर्क (सीडीएन) की सेवा, जैसे कि jsDelivr का इस्तेमाल किया जा सकता है.

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

BaseOptions कॉन्फ़िगरेशन

BaseOptions, MediaPipe Task API के सामान्य कॉन्फ़िगरेशन की अनुमति देता है.

विकल्प का नाम कंपनी का ब्यौरा मंज़ूर की गई वैल्यू
modelAssetBuffer मॉडल एसेट फ़ाइल का कॉन्टेंट, Uint8Array टाइप किए गए कलेक्शन के तौर पर होता है. Uint8Array
modelAssetPath मॉडल ऐसेट का पाथ, जिसे मेमोरी में खोला और मैप किया जाता है. TrustedResourceUrl
Delegate मीडिया पाइपलाइन चलाने के लिए, डिवाइस के प्रतिनिधि की मदद से हार्डवेयर से तेज़ी लाने की सुविधा चालू करता है. डिफ़ॉल्ट वैल्यू: CPU. [CPU,
GPU]

समस्या हल करना

MediaPipe से जुड़े तकनीकी सवालों के जवाब के लिए, समुदाय से मदद पाने के लिए चर्चा समूह या Stack Overflow पर जाएं. गड़बड़ियों की शिकायत करने या सुविधा का अनुरोध करने के लिए, GitHub पर समस्या दर्ज करें.