پرش به محتوا

کتابخانه

دانلود @mediapipe/tasks-vision و نشانی CDN ایرانی

@mediapipe/tasks-vision بسته جاوااسکریپتی گوگله که کارهای بینایی ماشین رو مستقیم توی مرورگر انجام می ده؛ از تشخیص چهره و ردیابی دست و بدن تا تشخیص اشیا، دسته بندی تصویر و جداسازی بخش های عکس. اگه می خوای تصویر یا دوربین کاربر رو بدون سرور جدا و روی خود دستگاهش پردازش کنی، گزینه خوبیه.

نسخه رسمی و بدون تغییر، از منبع رسمی با مجوز Apache-2.0؛ هش هر فایل با منبع بررسی شده است.

آخرین نسخه
۱.۱.۱
نسخه‌ها در مخزن
۲۳
مجوز
Apache-2.0
سازنده
mediapipe@google.com
آخرین بررسی
آخرین به‌روزرسانی
توضیحات

آخرین نسخه

آخرین نسخه ۱.۱.۱ آخرین

۳۹٫۲ مگابایت· ۱۰ فایل· انتشار

دانلود
نشانی مستقیم فایل اصلی https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@1.1.1/vision_bundle.js
کد آماده با SRI <script src="https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@1.1.1/vision_bundle.js" integrity="sha256-8IcqcLRcW7e9uLSX61ARBXBkx5epiMrMtOrEaredPcQ=" crossorigin="anonymous"></script>

SHA-256: f0872a70b45c5bb7bdb8b497eb5011057064c797a988caccb4eac46ab79d3dc4

درباره @mediapipe/tasks-vision (مدیاپایپ ویژن)

@mediapipe/tasks-vision بخش بینایی ماشین از مجموعه MediaPipe Tasks گوگله که به شکل بسته npm منتشر شده و مجوزش آپاچیه. تصویر یا ویدیو رو همون توی مرورگر تحلیل می کنه. هسته اش با WebAssembly اجرا می شه و بسته به دستگاه می تونه از GPU هم کمک بگیره، برای همین به سرور پردازشی جدا نیازی نداری.

کارهایی که باهاش می شه کرد این هاست: تشخیص چهره و نقاط کلیدی صورت، ردیابی دست و تشخیص اشاره، ردیابی حالت بدن، تشخیص اشیا، دسته بندی تصویر و جداسازی بخش های مختلف عکس. چند مثال واقعی: فروشگاه عینکی که می خواد مشتری عینک رو با دوربین روی صورت خودش ببینه، یه صفحه آموزشی که حرکت ورزشی رو دنبال می کنه، یا یه ارائه آنلاین که با اشاره دست اسلاید عوض می شه. چون پردازش سمت کاربر انجام می شه، لازم نیست هر فریم دوربین رو به سرورت بفرستی و فشار روی پهنای باند و CPU سرور هم بالا نمی ره.

ولی همه جا به کار نمی آد. اگه سایتت فقط محتوا و فرم داره، این بسته فقط حجم اضافه می کنه. روی گوشی های ضعیف هم ممکنه تجربه روون نباشه، پس قبل از انتشار روی چند دستگاه معمولی تستش کن. یه نکته دیگه: این کتابخونه چهره رو پیدا می کنه و نقاطش رو مشخص می کنه، ولی هویت آدم ها رو تشخیص نمی ده. اگه سناریوی احراز هویت داری، باید سراغ راه حل دیگه ای بری. دسترسی به دوربین هم توی مرورگرها معمولا فقط روی صفحه های HTTPS کار می کنه، و بهتره به کاربر بگی دوربین برای چی روشن می شه.

برای سایت های ایرانی یه نکته از همه مهم تره: خود بسته فقط بخشی از ماجراست. برای اجرا، فایل های WebAssembly و یه فایل مدل جدا (مثلا مدل تشخیص دست یا چهره) هم لازم داری. توی نمونه های رسمی این فایل ها معمولا از سرویس های خارجی لود می شن و وقتی اینترنت بین الملل مختل بشه، قابلیتت از کار می افته. بهترین کار اینه که همه رو روی هاست خودت بذاری. نسخه های رسمی و بدون تغییر این بسته توی مخزن داخلی ما هم در دسترسه، پس برای گرفتنش لازم نیست به npm بین المللی وصل باشی.

راهنمای استفاده

کد آماده پایین همین صفحه هست. مراحل کلی کار اینه:

  • فایل های بسته رو همراه پوشه فایل های WebAssembly اون روی هاست خودت بذار.
  • یه فایل مدل مناسب کارت (مثلا تشخیص دست، چهره یا اشیا) تهیه کن و کنار فایل های سایت بذار.
  • توی صفحه، بسته رو به صورت ماژول import کن و با FilesetResolver مسیر فایل های wasm رو بده. این مسیر باید به نسخه محلی خودت اشاره کنه، نه آدرس خارجی.
  • با کلاس مرتبط با کارت (مثلا HandLandmarker یا FaceDetector) و مسیر مدل، یه نمونه بساز.
  • برای تصویر ثابت، runningMode رو روی IMAGE بذار و تشخیص رو روی عنصر تصویر اجرا کن. برای ویدیو یا دوربین، حالت VIDEO رو انتخاب کن و همین کار رو توی هر فریم تکرار کن.
  • نتیجه، مثل مختصات نقاط یا کادر اشیا، رو روی canvas بکش یا توی منطق صفحه استفاده کن.

چند نکته هم یادت باشه. اجرا رو می شه روی GPU یا CPU تنظیم کرد؛ اگه روی بعضی دستگاه ها مشکل داشت، CPU رو امتحان کن. سایت رو روی HTTPS بالا بیار تا دوربین کار کنه. و اگه چند قابلیت لازم نداری، فقط همونی رو بساز که لازمه تا مصرف منابع بالا نره.

همه نسخه‌ها (۲۳)

نسخه‌های ۱.x ۴ نسخه
  • ۱.۱.۱ آخرین نسخه ۳۹٫۲ مگابایت·
    دانلودنسخه 1.1.1
    نشانی مستقیم فایل اصلی 1.1.1 https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@1.1.1/vision_bundle.js
  • ۱.۱.۰ ۳۷٫۸ مگابایت·
    دانلودنسخه 1.1.0
    نشانی مستقیم فایل اصلی 1.1.0 https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@1.1.0/vision_bundle.js
  • ۱.۰.۱ ۳۴٫۲ مگابایت·
    دانلودنسخه 1.0.1
    نشانی مستقیم فایل اصلی 1.0.1 https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@1.0.1/vision_bundle.js
  • ۱.۰.۰ ۳۳٫۷ مگابایت·
    دانلودنسخه 1.0.0
    نشانی مستقیم فایل اصلی 1.0.0 https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@1.0.0/vision_bundle.js
نسخه‌های ۰.x ۱۹ نسخه
  • ۰.۱۰.۳۵ ۳۲٫۵ مگابایت·
    دانلودنسخه 0.10.35
    نشانی مستقیم فایل اصلی 0.10.35 https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@0.10.35/wasm/vision_wasm_internal.js
  • ۰.۱۰.۳۴ ۳۳٫۴ مگابایت·
    دانلودنسخه 0.10.34
    نشانی مستقیم فایل اصلی 0.10.34 https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@0.10.34/wasm/vision_wasm_internal.js
  • ۰.۱۰.۳۳ ۳۳٫۳ مگابایت·
    دانلودنسخه 0.10.33
    نشانی مستقیم فایل اصلی 0.10.33 https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@0.10.33/wasm/vision_wasm_internal.js
  • ۰.۱۰.۳۲ ۲۱٫۷ مگابایت·
    دانلودنسخه 0.10.32
    نشانی مستقیم فایل اصلی 0.10.32 https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@0.10.32/wasm/vision_wasm_internal.js
  • ۰.۱۰.۲۱ ۱۸٫۸ مگابایت·
    دانلودنسخه 0.10.21
    نشانی مستقیم فایل اصلی 0.10.21 https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@0.10.21/wasm/vision_wasm_internal.js
  • ۰.۱۰.۲۰ ۱۸٫۸ مگابایت·
    دانلودنسخه 0.10.20
    نشانی مستقیم فایل اصلی 0.10.20 https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@0.10.20/wasm/vision_wasm_internal.js
  • ۰.۱۰.۱۹ ۱۸٫۸ مگابایت·
    دانلودنسخه 0.10.19
    نشانی مستقیم فایل اصلی 0.10.19 https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@0.10.19/wasm/vision_wasm_internal.js
  • ۰.۱۰.۱۸ ۱۸٫۷ مگابایت·
    دانلودنسخه 0.10.18
    نشانی مستقیم فایل اصلی 0.10.18 https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@0.10.18/wasm/vision_wasm_internal.js
  • ۰.۱۰.۱۷ ۱۸٫۷ مگابایت·
    دانلودنسخه 0.10.17
    نشانی مستقیم فایل اصلی 0.10.17 https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@0.10.17/wasm/vision_wasm_internal.js
  • ۰.۱۰.۱۶ ۲۷۴ کیلوبایت·
  • ۰.۱۰.۱۵ ۱۸٫۶ مگابایت·
    دانلودنسخه 0.10.15
    نشانی مستقیم فایل اصلی 0.10.15 https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@0.10.15/wasm/vision_wasm_internal.js
  • ۰.۱۰.۱۴ ۱۸٫۵ مگابایت·
    دانلودنسخه 0.10.14
    نشانی مستقیم فایل اصلی 0.10.14 https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@0.10.14/wasm/vision_wasm_internal.js
  • ۰.۱۰.۱۳ ۱۸٫۵ مگابایت·
    دانلودنسخه 0.10.13
    نشانی مستقیم فایل اصلی 0.10.13 https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@0.10.13/wasm/vision_wasm_internal.js
  • ۰.۱۰.۱۲ ۱۸٫۵ مگابایت·
    دانلودنسخه 0.10.12
    نشانی مستقیم فایل اصلی 0.10.12 https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@0.10.12/wasm/vision_wasm_internal.js
  • ۰.۱۰.۱۱ ۱۸٫۵ مگابایت·
    دانلودنسخه 0.10.11
    نشانی مستقیم فایل اصلی 0.10.11 https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@0.10.11/wasm/vision_wasm_internal.js
  • ۰.۱۰.۱۰ ۱۸٫۵ مگابایت·
    دانلودنسخه 0.10.10
    نشانی مستقیم فایل اصلی 0.10.10 https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@0.10.10/wasm/vision_wasm_internal.js
  • ۰.۱۰.۷ ۱۷٫۵ مگابایت·
    دانلودنسخه 0.10.7
    نشانی مستقیم فایل اصلی 0.10.7 https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@0.10.7/wasm/vision_wasm_internal.js
  • ۰.۱۰.۳ ۱۸٫۵ مگابایت·
    دانلودنسخه 0.10.3
    نشانی مستقیم فایل اصلی 0.10.3 https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@0.10.3/wasm/vision_wasm_internal.js
  • ۰.۱۰.۰ قدیمی‌ترین نسخه ۱۷٫۷ مگابایت·
    دانلودنسخه 0.10.0
    نشانی مستقیم فایل اصلی 0.10.0 https://mirror.wbweb.ir/npm/@mediapipe/tasks-vision@0.10.0/vision_bundle.js

پرسش‌های رایج

  • یه کتابخونه جاوااسکریپت از گوگله که تصویر و ویدیو رو توی مرورگر تحلیل می کنه. باهاش می تونی چهره، دست، حالت بدن و اشیا رو تشخیص بدی، تصویر رو دسته بندی کنی یا بخش های عکس رو جدا کنی، بدون اینکه تصویر رو برای پردازش به سرور بفرستی.

  • بله، به شرطی که همه چیز رو روی هاست خودت بذاری. خود پردازش روی دستگاه کاربر انجام می شه، ولی فایل های WebAssembly و فایل مدل باید از مسیر داخلی لود بشن. اگه به آدرس های خارجی وابسته بمونی، با محدودیت اینترنت قابلیت از کار می افته.

  • نه. علاوه بر خود بسته، به فایل های WebAssembly و برای هر کار به یه فایل مدل جدا هم نیاز داری. مثلا برای تشخیص دست، مدل مخصوص دست لازمه. این فایل ها رو هم مثل بقیه فایل های سایت روی هاست بذار و مسیرشون رو توی کد بده.

  • نه، کار اصلی این کتابخونه شناسایی هویت نیست. چهره رو پیدا می کنه و نقاط کلیدیش رو مشخص می کنه، ولی نمی گه این آدم کیه. برای احراز هویت یا تطبیق چهره باید سراغ راه حل مخصوص همون کار بری و قوانین مربوط به داده های شخصی رو هم در نظر بگیری.

  • توی مرورگرهای مدرن موبایل معمولا اجرا می شه، ولی سرعتش به قدرت گوشی بستگی داره. روی دستگاه های ضعیف ممکنه فریم ریت پایین بیاد. قبل از انتشار روی چند گوشی معمولی تست کن و اگه لازم شد، اندازه تصویر ورودی یا تعداد فریم های پردازش شده در ثانیه رو کم کن.

چیزی که لازم دارید اینجا نیست؟

نام کتابخانه، افزونه یا قالب را بفرستید؛ پس از بررسی، نسخه‌های رسمی آن به مخزن اضافه می‌شود.