रिएक्ट नेटिव ऐप में TensorFlow.js का उपयोग करें

इस ट्यूटोरियल में आप एक रिएक्ट नेटिव उदाहरण ऐप इंस्टॉल और चलाएंगे जो रीयल-टाइम पोज़ डिटेक्शन करने के लिए TensorFlow पोज़ डिटेक्शन मॉडल ( MoveNet.SinglePose.Lightning ) का उपयोग करता है। रिएक्ट नेटिव के लिए TensorFlow.js प्लेटफ़ॉर्म एडाप्टर पर निर्मित, ऐप फ्रंट और बैक कैमरे के साथ पोर्ट्रेट और लैंडस्केप मोड दोनों का समर्थन करता है।

आवश्यक शर्तें

इस ट्यूटोरियल को पूरा करने के लिए, आपको अपने विकास परिवेश में निम्नलिखित को स्थापित करना होगा:

TensorFlow.js रिएक्ट नेटिव प्लेटफ़ॉर्म एडाप्टर एक्सपो-जीएल और एक्सपो-जीएल-सीपीपी पर निर्भर करता है, इसलिए आपको रिएक्ट नेटिव के एक संस्करण का उपयोग करना चाहिए जो एक्सपो द्वारा समर्थित है।

उदाहरण ऐप इंस्टॉल करें और चलाएं

  1. tfjs-examples भंडार को क्लोन करें या डाउनलोड करें।
  2. react-native/pose-detection निर्देशिका में बदलें:

    cd tfjs-examples/react-native/pose-detection
    
  3. निर्भरताएँ स्थापित करें:

    yarn
    
  4. उदाहरण ऐप को स्थानीय रूप से चलाएँ:

    yarn start
    

जब आप ऐप चलाते हैं, तो टर्मिनल एक क्यूआर कोड प्रदर्शित करता है।

Starting Metro Bundler
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
█ ▄▄▄▄▄ █▄▀ ▀   ███ ▄▄▄▄▄ █
█ █   █ █   █▀ █ ▀█ █   █ █
█ █▄▄▄█ █▄█▀ ▄▀█▄▀█ █▄▄▄█ █
█▄▄▄▄▄▄▄█▄█ █ █▄▀ █▄▄▄▄▄▄▄█
█▄  ▄▀█▄█ █ ▄ ▀▀▄▄▄██▄ ▄▀▄█
██▄▀▀█▀▄█▀  ▄▄▀ █▀█ ▀██▀███
█▄▄▀ ▀▀▄▄▄ ▄▀ ▄█ ▄█ ▄ █ █▀█
█▀▄▄ ▄▄▄▀ ▄  █▄██ ▀▀█▀▀█ ▀█
███▄▄██▄█▀▄██▄  ▄ ▄▄▄ ▀▄█▀█
█ ▄▄▄▄▄ ██  ▀██▀█ █▄█ █▄▄ █
█ █   █ █▀█ ███▀▀▄▄   █▀ ▀█
█ █▄▄▄█ █ ▀▀▀▀▀▄▀▄▀▄█▄▄ ▄██
█▄▄▄▄▄▄▄█▄██▄▄██▄██████▄▄▄█

› Metro waiting on exp://192.168.0.6:19000

क्यूआर कोड को उस फ़ोन या अन्य परीक्षण उपकरण से स्कैन करें जिसमें एक्सपो गो स्थापित है। एक्सपो गो में उदाहरण ऐप खुलना चाहिए।

नीचे दिए गए स्क्रीनशॉट ऐप को उपयोगकर्ता के शरीर के मुख्य बिंदुओं का पता लगाते और प्रस्तुत करते हुए दिखाते हैं।

चित्रपरिदृश्य

यह समझने के लिए कि उदाहरण में TensorFlow.js लाइब्रेरी का उपयोग कैसे किया जाता है, App.tsx देखें। उस फ़ाइल की टिप्पणियाँ बताती हैं कि टेंसर आकार को कैसे कॉन्फ़िगर करें, मॉडल को लोड करें, पोज़ डिटेक्शन चलाएं, और बहुत कुछ।

TensorFlow.js का उपयोग करके मुद्रा का पता लगाने के बारे में अधिक जानने के लिए, यह ब्लॉग पोस्ट देखें।

रिएक्टिव नेटिव प्लेटफ़ॉर्म एडॉप्टर के बारे में अधिक जानकारी

रिएक्ट नेटिव के लिए TensorFlow.js प्लेटफ़ॉर्म एडाप्टर, TensorFlow.js का GPU-त्वरित निष्पादन प्रदान करता है और TensorFlow.js उपयोग के सभी प्रमुख तरीकों का समर्थन करता है:

  • मॉडल अनुमान और प्रशिक्षण दोनों के लिए समर्थन
  • एक्सपो-जीएल के माध्यम से वेबजीएल के साथ जीपीयू समर्थन
  • वेब से पूर्व-प्रशिक्षित मॉडल लोड करने के लिए समर्थन
  • IOHandler एसिंक स्टोरेज से मॉडल लोड करने और ऐप बंडल में संकलित मॉडल का समर्थन करने के लिए

पूर्ण इंस्टॉलेशन निर्देशों के लिए, रिएक्ट नेटिव प्लेटफ़ॉर्म एडॉप्टर README देखें।

रिएक्ट नेटिव के लिए TensorFlow.js का समस्या निवारण करें

यदि आपका ऐप स्टार्टअप पर क्रैश हो जाता है, तो आपको अपना सेटअप बदलने की आवश्यकता हो सकती है। रिएक्ट नेटिव के लिए प्लेटफ़ॉर्म एडॉप्टर सेट करने के बारे में अधिक जानने के लिए, README देखें।