Limeplay؛ کامپوننتهای کپیپیستِ پخشکنندهی ویدیو برای React
ریاکت
فرانتاند
جاوااسکریپتخلاصهٔ کاملتر
Limeplay یه مجموعه کامپوننت پخشکنندهی ویدیو برای React است که از همون مدل shadcn/ui پیروی میکنه: بهجای اینکه یه کتابخونهی بسته نصب کنی، یه بلاک نصب میکنی و فایلهاش میان تو اپ خودت، بعد هم میتونی مثل کدی که خودت نوشتی شخصیسازیشون کنی.
زیرِ کاپوت روی Shaka Player سواره، پس پخش HLS و DASH، بیتریت تطبیقی و محتوای DRMدار رو پشتیبانی میکنه. ایدهش اینه که کارهای سختِ پخش رو خودش انجام بده ولی مالکیت رابط کاربری دست تو بمونه.
بعد از اینکه shadcn/ui رو تو پروژهی React راه انداختی و بلاک ویدیوپلیر رو اضافه کردی، استفادهش اینطوریه:
import { VideoPlayer } from "@/components/limeplay/video-player/components/media-player"
export function Player() {
return (
<VideoPlayer source="https://storage.googleapis.com/shaka-demo-assets/angel-one/dash.mpd" />
)
}همینقدر ساده؛ کامپوننت رو هرجای اپت بذاری کار میکنه.
به گفتهی سازنده، هدف Limeplay اینه که بدون بازسازی قسمتهای سخت، پخشکنندههای سطحمحصول بسازی؛ با الگوهای تعاملی شبیه Netflix و YouTube و Spotify و رفتار واقعی پخش، نه فقط یه رابط ثابت. جزئیاتی که کاربر متوجهشون میشه هم پوشش داده شده: حالتهای خطای مقاوم، کنترلهای دسترسپذیر، ناوبری با کیبورد، چیدمان واکنشگرا و پشتیبانی مرورگر.
کوتاه بگیم، Limeplay منطق پخش، وضعیت، رویدادها، پلیلیست و کنترلهای رسانه رو مدیریت میکنه و کامپوننتها کاملاً تو اپ تو قابلویرایش میمونن. پروژه با مجوز MIT متنبازه و برای چیدمانهای سفارشی و هوکهای امکاناتش هم مستندات quick start داره.
نکات کلیدی:
- کامپوننتهای کپیپیستِ پخش ویدیو برای React، به سبک shadcn/ui
- ساختهشده روی Shaka Player برای HLS، DASH، بیتریت تطبیقی و DRM
- مالکیت کامل رابط کاربری پیش توسعهدهنده میمونه
- کنترلهای دسترسپذیر، ناوبری با کیبورد و چیدمان واکنشگرا
- مدیریت منطق پخش، پلیلیست، رویدادها و کنترلها توسط خود پکیج
- متنباز با مجوز MIT
