راکت

نمایش یک پیش‌نمایش از ویدیو در زمان کلیک شده با js

2 پاسخ

سلام حتما داخل یوتیوب و آپارات دیدید که با استفاده از js مثل عکس زیر:
 تصویر

مثلا الان در دقیقه 14:30 یک پیشنمایش نمایش داده شده

چطوری میشه اینو پیاده کرد با js????

abol.sub
abol.sub
@abol.sub
ثبت پرسش جدید

پاسخ‌ها

2
سید هادی خانیان
سید هادی خانیان
@hadikhanian

تخصص: برنامه نویس PHP

سلام
انجام این کار اول نیاز به یک فایل WebVTT داره که در اون تصاویر Thumbnails از زمان هایی از ویدئو به فرمت خاصی ذخیره میشه.
بعد از طریق یک پخش کننده مثل Video JS و یک افزونه دیگه فایل VTT رو باز خوانی میکنید و سپس با hover شدن timeline و دریافت زمان ویدئو تصویر مروبط به اون بخش نمایش داده میشه. البته توضیحی که دادم خیلی خلاصه است و توی پیاده سازیش قطعا پیچیده تره و چالش اصلیش ایجاد فایل های vtt از ویدئو هایست که توی سایت قرار دادید که باید تو backend هندلش کنید.
ولی لینک های زیر را مطالعه کنید و در ارتباط با WebVTT بیشتر تحقیق کنید کاملا قابل انجام است:
video-js-vtt
vtt-github

abol.sub
abol.sub
@abol.sub

تخصص: برنامه نویس

بله از این طریق هم میشه ولی این ویدیو پیلر:
https://codepen.io/ahmetaksungur/pen/OJbVyMR
بدون webvtt این کار رو میکنه

شاید پاسخ شما همین‌جا باشد

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام