abol.sub
2 سال پیش توسط abol.sub مطرح شد
2 پاسخ

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

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

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

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


ثبت پرسش جدید
سید هادی خانیان
تخصص : برنامه نویس PHP
@hadikhanian 2 سال پیش مطرح شد
2

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


abol.sub
تخصص : برنامه نویس
@abol.sub 2 سال پیش مطرح شد
1

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


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

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