پرش به محتوا

کتابخانه

دانلود clappr و نشانی CDN ایرانی

clappr یه پخش کننده ویدیو و صوت برای وب با معماری افزونه ایه که Globo ساخته و با مجوز BSD-3-Clause منتشر کرده. با چند خط جاوااسکریپت یه پلیر کامل به صفحه اضافه می کنی و ظاهرش رو شخصی سازی می کنی. برای سایت هایی که ویدیو رو از سرور خودشون پخش می کنن مناسبه.

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

آخرین نسخه
۰.۳.۱۳
نسخه‌ها در مخزن
۲
مجوز
BSD-3-Clause
سازنده
Globo.com
آخرین بررسی
آخرین به‌روزرسانی
توضیحات

آخرین نسخه

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

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

دانلود(پنجره تازه)
نشانی مستقیم فایل اصلی https://mirror.wbweb.ir/npm/clappr@0.3.13/dist/clappr.min.js

دانلود هفتگی جهانی

۴ هزار

هفته ۲۵ مهر تا ۱ آبان۳۹٫۴٪ کمتر از هفته قبل

دانلود هفتگی جهانی در ۱۲ هفته اخیر، از ۱۰ مرداد تا ۱ آبان؛ هفته آخر ۴٬۰۳۵ دانلود؛ ۳۹٫۴٪ کمتر از هفته قبل. منبع: npm.

منبع: npmبه‌روزرسانی آمار

کد آماده با SRI <script src="https://mirror.wbweb.ir/npm/clappr@0.3.13/dist/clappr.min.js" integrity="sha256-23zkse3Sw3AcPyWF98vXCFcXMZVImplwOrOd4W+kW2w=" crossorigin="anonymous"></script>

SHA-256: db7ce4b1edd2c3701c3f2585f7cbd70857173195489a99703ab39de16fa45b6c

درباره clappr (کلاپر)

اگه تا حالا تگ video خام رو توی صفحه گذاشته باشی، می دونی که ظاهر و رفتارش از یه مرورگر به مرورگر دیگه فرق می کنه. کنترل ها شبیه هم نیستن، شخصی سازی سخته و هر قابلیت اضافه، مثل انتخاب کیفیت یا تصویر روی ویدیو، باید از صفر نوشته بشه. clappr برای همین ساخته شده: یه پلیر جاوااسکریپتی که روی امکانات استاندارد مرورگر سوار می شه و یه رابط یکدست و قابل توسعه بهت می ده. Globo، یکی از رسانه های بزرگ برزیل، این پروژه رو ساخته و با مجوز BSD-3-Clause منتشر کرده. طبق این مجوز می تونی توی پروژه های شخصی و تجاری ازش استفاده کنی، فقط باید اعلان مجوز رو حفظ کنی.

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

clappr برای کی مناسبه؟ مدیر سایتی که ویدیوهای آموزشی، خبری یا معرفی محصولش رو روی هاست یا سرور فایل خودش نگه می داره و یه پلیر یکدست می خواد. توسعه دهنده ای که می خواد پلیر رو به منطق سایت وصل کنه، مثلا نقطه ای که کاربر ویدیو رو رها کرده ذخیره بشه. توی شرایط ایران یه مزیت دیگه هم داره: چون کتابخونه رو از سرور خودت می دی، به CDN خارجی وابسته نیستی و وقتی اینترنت بین الملل مشکل داره، پلیرت از کار نمی افته. اما اگه فقط می خوای ویدیوی آپارات یا یوتیوب رو جاسازی کنی، بهش نیازی نداری و همون کد امبد کافیه. اگه هم کدنویسی نمی کنی و دنبال افزونه وردپرسی با پنل تنظیمات آماده ای، clappr چنین چیزی نداره. کتابخونه است، نه افزونه.

چند نکته قبل از شروع. MP4 با کدک H.264 و صدای AAC سازگارترین انتخاب برای پخش مستقیمه. سرورت باید درخواست های بازه ای رو پشتیبانی کنه تا کاربر بتونه وسط ویدیو بپره. برای ویدیوهای بلند و سایت های پربازدید، استریم تکه تکه منطقی تره. قبل از یه کار بزرگ هم چک کن پروژه هنوز نگهداری می شه و پلاگین هایی که لازم داری باهاش سازگارن. نسخه های رسمی و بدون تغییر clappr توی مخزن داخلی ما هم در دسترسه، پس اگه دانلود از منابع خارجی کند بود یا قطع شد، می تونی از همین صفحه برش داری.

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

استفاده از clappr چند قدم ساده داره و کد آماده اش پایین همین صفحه هست.

  • فایل جاوااسکریپت clappr رو دانلود کن و روی هاست خودت بذار، ترجیحا کنار بقیه فایل های سایت.
  • توی صفحه یه div خالی با شناسه مشخص بساز تا جای پلیر باشه.
  • اسکریپت رو قبل از کد خودت لود کن.
  • یه نمونه از Player بساز و گزینه هایی مثل source، parentId، width، height و poster رو بهش بده.
  • کد آماده پایین صفحه رو کپی کن و آدرس ویدیوی خودت رو جاش بذار.

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

اگه با وردپرس کار می کنی، اسکریپت ها رو با تابع wp_enqueue_script ثبت کن و دستی توی قالب نچسبون، تا با بقیه افزونه ها تداخل پیدا نکنه.

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

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

نسخه‌های ۰.x ۲ نسخه
  • ۰.۳.۱۳ آخرین نسخه ۲٫۹ مگابایت ·
    نشانی مستقیم فایل اصلی 0.3.13 https://mirror.wbweb.ir/npm/clappr@0.3.13/dist/clappr.min.js
  • ۰.۲.۶۶ قدیمی‌ترین نسخه ۲٫۴ مگابایت ·
    نشانی مستقیم فایل اصلی 0.2.66 https://mirror.wbweb.ir/npm/clappr@0.2.66/dist/clappr.min.js

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

  • clappr یه پخش کننده ویدیو و صوت جاوااسکریپتیه که Globo ساخته. به جای تگ video خام، یه پلیر یکدست با کنترل های قابل شخصی سازی بهت می ده و با پلاگین می شه قابلیت هاش رو بیشتر کرد. برای سایت هایی که ویدیو رو خودشون پخش می کنن، مثل سایت های آموزشی یا خبری، کاربرد داره.

  • مجوزش BSD-3-Clause هست که یکی از مجوزهای آزاد و باز حساب می شه. استفاده تجاری و تغییر توی کد اجازه داره، فقط باید متن مجوز و اعلان حق نشر رو حفظ کنی. برای اطمینان کامل، متن مجوزی که همراه پکیج هست رو یه بار بخون.

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

  • معمولا آره، ولی به نسخه و تنظیمات بستگی داره. پخش HLS اغلب از طریق پلی بک یا پلاگین مربوط انجام می شه. قبل از استفاده توی سایت اصلی، مستندات رو بخون و استریمت رو روی مرورگرها و موبایل های مختلف تست کن تا مطمئن بشی همه جا درست کار می کنه.

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

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

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