راهنمای راه اندازی برای وب

این صفحه به شما نشان می دهد که چگونه محیط توسعه خود را برای استفاده از MediaPipe Tasks در برنامه های وب جاوا اسکریپت خود تنظیم کنید.

پلتفرم ها و نسخه های پشتیبانی شده

برای ایجاد برنامه های وب با MediaPipe Tasks، محیط توسعه شما به موارد زیر نیاز دارد:

  • مرورگر کروم یا سافاری
  • یک برنامه وب که از Node.js و NPM استفاده می کند. همچنین، می‌توانید از تگ‌های اسکریپت برای دسترسی به وظایف MediaPipe از طریق شبکه تحویل محتوا (CDN) استفاده کنید.

وابستگی های MediaPipe Tasks

MediaPipe Tasks سه کتابخانه از پیش ساخته شده برای بینایی، متن و صدا فراهم می کند. بسته به وظیفه MediaPipe که توسط برنامه استفاده می شود، چشم انداز، متن یا کتابخانه صوتی را به پروژه توسعه خود وارد کنید.

وظایف هوش مصنوعی مولد

ماژول هوش مصنوعی MediaPipe Tasks Generative شامل وظایفی است که تولید تصویر یا متن را انجام می دهد. برای وارد کردن کتابخانه های هوش مصنوعی MediaPipe Tasks Generative، وابستگی های زیر را به پروژه توسعه خود وارد کنید.

LLM Inference API

وظیفه استنتاج MediaPipe LLM در کتابخانه tasks-genai قرار دارد.

npm install @mediapipe/tasks-genai

اگر می‌خواهید روی سرور مستقر شوید، می‌توانید از یک سرویس شبکه تحویل محتوا (CDN) مانند jsDelivr استفاده کنید تا کد را مستقیماً به صفحه HTML خود اضافه کنید.

<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

اگر می‌خواهید روی سرور مستقر شوید، می‌توانید از یک سرویس شبکه تحویل محتوا (CDN) مانند jsDelivr استفاده کنید تا کد را مستقیماً به صفحه HTML خود اضافه کنید.

<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

اگر می‌خواهید روی سرور مستقر شوید، می‌توانید از یک سرویس شبکه تحویل محتوا (CDN) مانند jsDelivr استفاده کنید تا کد را مستقیماً به صفحه HTML خود اضافه کنید.

<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

اگر می‌خواهید روی سرور مستقر شوید، می‌توانید از یک سرویس شبکه تحویل محتوا (CDN) مانند jsDelivr استفاده کنید تا کد را مستقیماً به صفحه HTML خود اضافه کنید.

<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، از گروه بحث یا Stack Overflow برای پشتیبانی از انجمن دیدن کنید. برای گزارش اشکال یا درخواست ویژگی، مشکل را در GitHub ثبت کنید .