Создать компонент для отрисовки видео с привязками к времени
havart opened this issue · comments
Нужно создать компонент который с левой стороны будет отображать список привязок по времени(snapshotPoints), а справа видео.
- Автоматом видео начинает воспроизводиться с первого елемента и списка snapshotPoints
- На каждом snapshotPoint отображать прогресс показа видео.
- Нажатие на snapshotPoint переключает видео к нужному фрагменту.
- Компонент должен занимать всю ширину своего блока и иметь постоянную высоту.
- У компонент должен быть конфигурируемым, следовательно нужно сделать 2 входа sourceVideo и snapshotPoints
Работает компонент следующим образом, прокидываем в него ссылку на видео, передаем спискок snapshotPoints который содержит описание поинта description и timestamp. По нажатию на snapshotPoint видео начинает проигрываться с момента который указан в поле timestamp
Цифры на макете:
- snapshotPoint - его приблизительный вид
- секция видео
- Заголовок - его наверное тоже будем прокидывать в компонент.