کتابخانه
@videojs/html یه بسته npm از خانواده Video.js برای ساخت پلیر ویدیو و صداست که با custom element های استاندارد مرورگر کار می کنه. پلیر و اسکین آماده رو توی صفحه HTML ساده یا پروژه Vue و Svelte می ذاری و ظاهر و کنترل ها رو خودت تعیین می کنی. مجوزش Apache هست.
نسخه رسمی و بدون تغییر، از منبع رسمی با مجوز Apache-2.0؛ هش هر فایل با منبع بررسی شده است.
۷٫۷ مگابایت· ۱۲۶۵ فایل· انتشار
SHA-256: 9ccbd65d69bfcacbf8e3ba4b92571cb697fa468c2dd360161066f63eebc58e42
اگه سایتت ویدیو یا پادکست داره و پلیر پیش فرض مرورگر رو دوست نداری، @videojs/html یکی از گزینه هاست. این بسته از نسل تازه Video.js اومده و پلیر رو به شکل custom element، یعنی همون وب کامپوننت ها، بهت می ده. پلیر رو مثل یه تگ HTML توی صفحه می ذاری و ظاهرش رو با اسکین عوض می کنی. برای ویدیو جواب می ده، برای صدا هم.
مشکل ساده ست: پلیر پیش فرض هر مرورگر یه شکلی داره، شخصی سازیش سخته و با هویت بصری سایتت جور در نمی یاد. اینجا ظاهر و کنترل ها دست خودته. چون بسته روی custom element ساخته شده، توی یه صفحه HTML معمولی کار می کنه و طبق توضیح رسمی منبع، برای Vue و Svelte هم آماده ست. پس چه صفحه فرود جدا داشته باشی، چه قالب وردپرسی رو دستی نوشته باشی، چه پروژه Vue بسازی، لازم نیست برای هر کدوم یه پلیر جدا یاد بگیری.
به درد سایت آموزشی با ویدیوی دوره ها می خوره، سایت خبری و رسانه ای، فروشگاهی که ویدیوی معرفی محصول داره و هر جایی که پلیر باید با طراحی خودت هماهنگ باشه. اگه فقط می خوای یه ویدیو رو بدون کدنویسی توی نوشته وردپرس بذاری، یه افزونه آماده راحت تره. این یه کتابخانه جاوااسکریپته، نه افزونه، پس وصل کردنش به قالب یا پروژه با خودته. اگه پروژه ات روی Video.js قدیمی بنا شده، فرض نکن جایگزینی بی دردسره. اول روی یه نسخه آزمایشی تست کن و مستندات رسمی رو بخون، چون نحوه استفاده ممکنه فرق کرده باشه.
یه نکته برای شرایط خودمون: فایل های پلیر رو از CDN خارجی لود نکن. وقتی اینترنت بین الملل قطع یا کند می شه، پلیری که به نشانی بیرونی وابسته باشه بالا نمی یاد. فایل ها رو روی هاست خودت بذار و ویدیوها رو هم از یه سرور داخلی پخش کن. نسخه های رسمی و بدون تغییر @videojs/html توی مخزن داخلی ما هم در دسترسه، پس برای دریافتش به سرور خارجی نیازی نداری. مجوز Apache معمولا استفاده تجاری رو اجازه می ده، فقط شرط هاش، مثل نگه داشتن اطلاعیه مجوز، رو یه بار بخون.
کار با @videojs/html چند قدم بیشتر نداره. جزئیات هر مرحله توی مستندات رسمی هست، اینجا فقط مسیر کلی رو می گم:
آخرش حتما روی موبایل و چند مرورگر تست کن، مخصوصا اگه ویدیوها از سرور داخلی پخش می شن. یه بار هم با قطع اینترنت بین الملل امتحان کن تا مطمئن بشی هیچ فایلی از بیرون لود نمی شه.
یه بسته npm از Video.js برای ساخت پلیر ویدیو و صدا با custom element و اسکین آماده ست. طبق توضیح رسمی منبع، برای HTML ساده، Vue و Svelte در نظر گرفته شده. اگه می خوای پلیر سایتت ظاهر و کنترل های دلخواه داشته باشه، یکی از گزینه هاست.
افزونه وردپرس نیست، کتابخانه جاوااسکریپته. باید فایل هاش رو توی قالب یا افزونه خودت بارگذاری کنی و پلیر رو توی صفحه بذاری. اگه قالبت رو خودت می نویسی یا یه توسعه دهنده کنارته، کار سختی نیست. ولی اگه با کد راحت نیستی و فقط یه پلیر ساده می خوای، افزونه آماده راحت تره.
اگه فایل های پلیر روی هاست خودت باشن و ویدیوها هم از سرور داخلی پخش بشن، مشکلی نداره. فقط مطمئن شو چیزی از CDN یا فونت خارجی لود نمی شه، چون همین یه مورد می تونه پلیر رو از کار بندازه.
مجوز Apache معمولا استفاده تجاری رو اجازه می ده، به شرطی که اطلاعیه مجوز رو نگه داری و بقیه شرط هاش رو رعایت کنی. برای پروژه های حساس یا قراردادهای مهم، متن کامل مجوز رو یه بار بخون و اگه تردید داشتی، از یه مشاور حقوقی بپرس.
بدون تست نه. این بسته نسل تازه ست و نحوه استفاده و ساختارش ممکنه با نسخه های قدیمی فرق کنه. اول روی یه نسخه آزمایشی پیاده ش کن، مستندات رسمی رو بخون و بعد تصمیم بگیر. مخصوصا اگه پلیر قدیمیت افزونه یا استایل سفارشی داره، همون ها رو دوباره بررسی کن.
نام کتابخانه، افزونه یا قالب را بفرستید؛ پس از بررسی، نسخه‌های رسمی آن به مخزن اضافه می‌شود.