Компонент для Vue.js предназначен для выбора и воспроизведения фрагмента видеозаписи из архива камер наблюдения.
Можно/ нужно использовать Vue.js, Vuetify, плеер Video.JS
в общих чертах
1. компонент получает с сервера объект с временными отрезками (unix timestamp) в которые производилась запись
2. формирует 2 шт ( "с" и "по") date picker с возможностью выбрать только даты из объекта выше
3. на основании выбранных дат и объекта формирует timeline - отрезки (времени) и значения времени
4. timeline должна масштабироваться прокруткой колеса мыши в обе стороны относительно курсора или buttons "+" и "-" относительно центра , при масштабировании должны появляться/ пропадать новые числовые значения.
5. при наведении курсора над timeline должен показываться tooltip с соответствующим временем , там где нет записей , т.е. нет отрезка timeline tooltip не показывается
6. клик по timeline приводит к запуску video.js, source подобный этому src=http://host:port/bla/bla/playlist-{startTimestamp}... , startTimestamp - время из timeline
7. последующие клики по timeline должны приводить к воспроизведению видео с соответствующего времени из timeline


Есть видео (запись экрана) почти того, что хочу получить, к сожалению вставить его здесь невозможно


Дополнительно требуется механизм, позволяющий вырезать определенный момент видео:

1. под timeline располагается slidebar (типа https://vuetifyjs.com/ru/components/sliders) с двумя ползунками "с" и "по" позволяющими выбрать интервал.
2. масштаб slidebar такой же как и timeline и также масштабируется.
3. клик по timeline устанавливает ползунок в туже точку но на slidebar
4. значения ползунков в переменные , вывод в <input type=text> , двухстороннее связывание vue , изменение переменных - ползунки устанавливаются на соответствующих местах slidebar





Возможно что то будет меняться в процессе работы. Возможно увеличение функционала в рамках текущей задачи. Исполнитель это принимает и не требует доплат. Исполнитель предоставляет подробнейшую инструкцию (для полных клинических идиотов) по установке.

Только для частных Исполнителей!
Исполнитель предоставляет подробнейшую инструкцию (для полных клинических идиотов) по установке.
Исполнитель предоставляет все результаты своей работы( исходные файлы , инструкции и пр.) до оплаты Заказчиком. Заказчик оплачивает работу после проверки.
Исполнитель в разумные сроки устраняет найденные недочеты/баги/прочее.
Исполнитель понимает что данная задача является приоритетной и приложит все силы для ее первоочередного исполнения
Оплата только через безопасную сделку после приемки работ.