Миниатюры кадров


Миниатюры кадров отображаются при наведении курсора на линию перемотки.
Подерживаются 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();