دموی پخش‌کنندهٔ صوت و ویدیو

نمایش قابلیت‌ها

پخش‌کنندهٔ صوت و ویدیو

یک پخش‌کنندهٔ سبک بر پایهٔ Plyr با پخش امن فایل، زیرنویس فارسی، پلی‌لیست و پشتیبانی از HLS. در این صفحه هر حالت را با یک نمونهٔ واقعی می‌بینید؛ همهٔ نمونه‌ها روی همین سایت میزبانی می‌شوند.

پخش امن با توکن موقت
زیرنویس WebVTT
پلی‌لیست صوت و ویدیو
HLS و فایل محلی
راست‌چین و واکنش‌گرا

۰۱ — ویدیوی تکی

پخش امن، بدون افشای نشانی فایل

فایل داخل پوشهٔ محافظت‌شده قرار دارد و نشانی آن در کد صفحه دیده نمی‌شود. پخش‌کننده برای هر بازدید یک نشانی موقت می‌گیرد که فقط در همان مرورگر کار می‌کند.

نمونهٔ ویدیوی امن + زیرنویس فارسیsecure=on
  • دکمهٔ دانلود در حالت امن به‌صورت خودکار حذف می‌شود.
  • پوستر سفارشی، عنوان و توضیح برای داده ساختاریافته استفاده می‌شوند.
  • زیرنویس فارسی از فایل flower-fa.vtt خوانده می‌شود.

۰۲ — صوت

پخش صوتی با کاور و کنترل کامل

همان پخش‌کننده برای فایل‌های صوتی هم کار می‌کند: مناسب پادکست درس، نسخهٔ صوتی مقاله یا نمونهٔ صدا.

پادکست با کاورMP۳
  • کاور مربعی، عنوان و نوار پیشرفت.
  • مناسب درس‌های صوتی دوره.
افکت صوتی کوتاهCC۰
  • فایل‌های کوتاه هم بدون مشکل پخش می‌شوند.
  • رنگ پخش‌کننده برای هر نمونه قابل تغییر است.

۰۳ — پلی‌لیست

چند فایل، یک تجربهٔ پیوسته

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

پلی‌لیست ویدیو۲ آیتم
در حال پخش ۱ از ۲ گل و نور
دو نمونهٔ ویدیویی ۲ ویدیو
پلی‌لیست صوت۲ آیتم
در حال پخش ۱ از ۲ موسیقی بی‌کلام
مجموعهٔ صوتی نمونه ۲ قطعه

همهٔ آیتم‌های یک پلی‌لیست باید از یک نوع باشند (همه صوتی یا همه ویدیویی). HLS و آپارات در پلی‌لیست پشتیبانی نمی‌شوند.

۰۴ — پخش جریانی

نمونهٔ HLS از یک میزبان بیرونی

برای ویدیوهای بلند، پخش HLS کیفیت را بر اساس سرعت اینترنت بیننده تنظیم می‌کند. نمونهٔ زیر از یک میزبان عمومی است و روی همین سایت میزبانی نمی‌شود.

HLS — استریم آزمایشیm۳u۸
  • نشانی .m۳u۸ به‌صورت خودکار توسط پخش‌کننده تشخیص داده می‌شود.
  • برای پخش امن، فایل باید محلی و از نوع صوت یا ویدیوی معمولی باشد.

۰۵ — قابلیت‌ها

چه چیزهایی همراه پخش‌کننده است

🔒

پخش امن

توکن موقت، پنهان‌ماندن نشانی فایل و حذف دکمهٔ دانلود در حالت محافظت‌شده.

💬

زیرنویس فارسی

افزودن فایل WebVTT با برچسب دلخواه؛ راست‌چین و خوانا روی همهٔ اندازه‌ها.

🎚️

کنترل ظاهر

رنگ اصلی و رنگ آیکون‌ها برای هر پخش‌کننده جداگانه تعیین می‌شود.

📺

نسبت تصویر

سه حالت ۱۶:۹، عمودی و مربع برای ویدیوهای افقی، استوری و اینستاگرام.

📈

ادامهٔ پخش

پخش‌کننده محل توقف بیننده را به خاطر می‌سپارد و از همان‌جا ادامه می‌دهد.

💧

واترمارک

نمایش نشان کاربر واردشده روی ویدیو برای کاهش بازنشر غیرمجاز.

۰۶ — کد استفاده

همه‌چیز با یک شورت‌کد

پخش‌کننده در نوشته، برگه، توضیحات محصول و محتوای درس کار می‌کند.

ویدیوی تکی

[ayhplayer link="/wp-content/uploads/khedplayer-protected/lesson.mp۴"
  secure="on" poster="/poster.jpg" captions="/fa.vtt"
 ]

پلی‌لیست

[ayhplayer_playlist title="فصل اول"
  items="درس ۱|/a.mp۴,درس ۲|/b.mp۴"]

ویژگی‌های پرکاربرد

ویژگی مقدار کاربرد
secure on / off پخش از پوشهٔ محافظت‌شده با توکن موقت
ratio default / vertical / square نسبت تصویر ۱۶:۹، ۹:۱۶ و ۱:۱
captions نشانی فایل .vtt افزودن زیرنویس با برچسب دلخواه
watermark on / off نمایش نشان کاربر روی ویدیو
controls فهرست جدا با کاما انتخاب دکمه‌های نوار کنترل