ওয়েবের জন্য সেটআপ গাইড

এই পৃষ্ঠাটি আপনাকে দেখায় কিভাবে আপনার জাভাস্ক্রিপ্ট ওয়েব অ্যাপ্লিকেশনগুলিতে MediaPipe টাস্কগুলি ব্যবহার করার জন্য আপনার বিকাশের পরিবেশ সেট আপ করবেন৷

সমর্থিত প্ল্যাটফর্ম এবং সংস্করণ

MediaPipe টাস্কগুলির সাথে ওয়েব অ্যাপ্লিকেশন তৈরি করতে, আপনার উন্নয়ন পরিবেশের নিম্নলিখিত প্রয়োজন:

  • ক্রোম বা সাফারি ব্রাউজার
  • একটি ওয়েব অ্যাপ্লিকেশন যা Node.js এবং NPM ব্যবহার করে। বিকল্পভাবে, আপনি একটি বিষয়বস্তু বিতরণ নেটওয়ার্ক (CDN) মাধ্যমে MediaPipe টাস্ক অ্যাক্সেস করতে স্ক্রিপ্ট ট্যাগ ব্যবহার করতে পারেন।

মিডিয়াপাইপ টাস্ক নির্ভরতা

MediaPipe টাস্কগুলি দৃষ্টি, পাঠ্য এবং অডিওর জন্য তিনটি পূর্বনির্মাণ লাইব্রেরি প্রদান করে। অ্যাপ দ্বারা ব্যবহৃত MediaPipe টাস্কের উপর নির্ভর করে, আপনার বিকাশ প্রকল্পে দৃষ্টি, পাঠ্য বা অডিও লাইব্রেরি আমদানি করুন।

জেনারেটিভ এআই কাজ

মিডিয়াপাইপ টাস্ক জেনারেটিভ এআই মডিউলটিতে এমন কাজ রয়েছে যা ইমেজ বা টেক্সট জেনারেশন পরিচালনা করে। MediaPipe টাস্ক জেনারেটিভ AI লাইব্রেরিগুলি আমদানি করতে, আপনার বিকাশ প্রকল্পে নিম্নলিখিত নির্ভরতাগুলি আমদানি করুন৷

LLM ইনফারেন্স API

MediaPipe LLM ইনফারেন্স টাস্ক tasks-genai লাইব্রেরির মধ্যে রয়েছে।

npm install @mediapipe/tasks-genai

আপনি যদি একটি সার্ভারে স্থাপন করতে চান, আপনি সরাসরি আপনার HTML পৃষ্ঠায় কোড যোগ করতে jsDelivr- এর মতো একটি সামগ্রী বিতরণ নেটওয়ার্ক (CDN) পরিষেবা ব্যবহার করতে পারেন।

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

দৃষ্টি কাজ

MediaPipe টাস্ক ভিশন মডিউলটিতে এমন কাজ রয়েছে যা ছবি বা ভিডিও ইনপুট পরিচালনা করে। MediaPipe টাস্ক ভিশন লাইব্রেরি আমদানি করতে, আপনার উন্নয়ন প্রকল্পে আপনার উপর নিম্নলিখিত নির্ভরতা আমদানি করুন।

npm install @mediapipe/tasks-vision

আপনি যদি একটি সার্ভারে স্থাপন করতে চান, আপনি সরাসরি আপনার HTML পৃষ্ঠায় কোড যোগ করতে jsDelivr- এর মতো একটি সামগ্রী বিতরণ নেটওয়ার্ক (CDN) পরিষেবা ব্যবহার করতে পারেন।

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

টেক্সট কাজ

MediaPipe টাস্ক টেক্সট মডিউলে এমন কাজ রয়েছে যা স্ট্রিং ইনপুট পরিচালনা করে। MediaPipe টাস্ক টেক্সট লাইব্রেরি আমদানি করতে, আপনার উন্নয়ন প্রকল্পে আপনার উপর নিম্নলিখিত নির্ভরতা আমদানি করুন।

npm install @mediapipe/tasks-text

আপনি যদি একটি সার্ভারে স্থাপন করতে চান, আপনি সরাসরি আপনার HTML পৃষ্ঠায় কোড যোগ করতে jsDelivr- এর মতো একটি সামগ্রী বিতরণ নেটওয়ার্ক (CDN) পরিষেবা ব্যবহার করতে পারেন।

<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

আপনি যদি একটি সার্ভারে স্থাপন করতে চান, আপনি সরাসরি আপনার HTML পৃষ্ঠায় কোড যোগ করতে jsDelivr- এর মতো একটি সামগ্রী বিতরণ নেটওয়ার্ক (CDN) পরিষেবা ব্যবহার করতে পারেন।

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

বেসঅপশন কনফিগারেশন

BaseOptions MediaPipe টাস্ক API-এর সাধারণ কনফিগারেশনের অনুমতি দেয়।

বিকল্পের নাম বর্ণনা গৃহীত মান
modelAssetBuffer মডেল সম্পদ ফাইলের বিষয়বস্তু Uint8Array টাইপ করা অ্যারে হিসেবে। Uint8Array
modelAssetPath মেমরিতে খুলতে এবং ম্যাপ করার জন্য মডেল সম্পদের পথ। TrustedResourceUrl
Delegate MediaPipe পাইপলাইন চালানোর জন্য একটি ডিভাইস প্রতিনিধির মাধ্যমে হার্ডওয়্যার ত্বরণ সক্ষম করে। ডিফল্ট মান: CPU [ CPU ,
GPU ]

সমস্যা সমাধান

MediaPipe সম্পর্কিত প্রযুক্তিগত প্রশ্নগুলির সাহায্যের জন্য, সম্প্রদায়ের সমর্থনের জন্য আলোচনা গোষ্ঠী বা স্ট্যাক ওভারফ্লোতে যান৷ বাগ রিপোর্ট করতে বা বৈশিষ্ট্যের অনুরোধ করতে, GitHub-এ একটি সমস্যা ফাইল করুন