Миниатюры кадров
Миниатюры кадров отображаются при наведении курсора на линию перемотки.
Подерживаются 2 формата:
- 1 WebVTT
- 2 KVS (FlowPlayer)
При использовании DASH, если доступны миниатюры из манифеста плеер будет использовать их.
Параметры в плеере отвечающие за миниатюры
thumb
- строка ссылка на файл vtt "//example.site/100p.vtt"
. Также этот параметр можно задать массивом, если у вас есть разное качество миниатюр для видео.
В массиве задаем качество от меньшего к большему
["//example.site/100p.vtt", "//example.site/200p.vtt", "//example.site/300p.vtt"]
Полный пример для WebVTT
const player = new WMPlayer({
file: "//example.site/video.mp4",
thumb: ["//example.site/100p.vtt", "//example.site/200p.vtt", "//example.site/300p.vtt"]
});
player.ready();
Для формата KVS (FlowPlayer)
Ссылку нужно указывать c плейсхолдером {time}
, а также 2 доп параметра
thumbCount
- количество кадров на видео
thumbInterval
- интервала между ключевыми кадрами
Полный пример для KVS (FlowPlayer)
const player = new WMPlayer({
file: "//example.site/video.mp4",
thumb: ["//contents/videos_screenshots/0/1/timelines/hq_mp4/180x100/{time}.jpg"],
thumbCount: 5,
thumbInterval: 10
});
player.ready();