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

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

YouTube TV के साथ काम करने वाले प्लैटफ़ॉर्म और वर्शन

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

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

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

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

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

MediaPipe Tasks जनरेटिव एआई मॉड्यूल में ऐसे टास्क होते हैं जो इमेज या टेक्स्ट जनरेट करने के लिए किया जा सकता है. 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 MediaPipe पाइपलाइन को चलाने के लिए प्रतिनिधि डिवाइस के ज़रिए हार्डवेयर त्वरण को सक्षम करता है. डिफ़ॉल्ट वैल्यू: CPU. [CPU,
GPU]

समस्या का हल

MediaPipe से जुड़े तकनीकी सवालों के जवाब पाने के लिए, यहां जाएं: चर्चा समूह या स्टैक ओवरफ़्लो कम्यूनिटी के साथ शेयर करना चाहते हैं. गड़बड़ियों की शिकायत करने या सुविधा का अनुरोध करने के लिए, इस पर समस्या दर्ज करें GitHub.