Наша организация нуждается в системе аннотаций в стиле YouTube. По сути, нам нужна возможность накладывать текст / изображения на видео в определенное время.
Я приложил все усилия, чтобы найти существующие компоненты React или даже существующие ванильные JS-библиотеки для эталонной реализации, но оказался пустым. Если кто-нибудь знает о каких-либо ресурсах, которые я мог упустить, остальная часть этого поста может даже не понадобиться.
Мне нужна помощь со стратегией рендеринга этих оверлейных компонентов в определенное время в видео, и чтобы мы были синхронизированы со временем видео. Так как мы уже используем Redux, моей первоначальной мыслью было увеличить RxJS и наблюдаемую избыточность и создать поток / наблюдаемую с использованием планировщика тайм-аута, чтобы избежать какой-либо стратегии опроса. Я также буду слушать события воспроизведения / паузы / пропуска из видео, чтобы отменить / перезапустить планировщик тайм-аута.
Я никогда не использовал RxJS раньше, поэтому я хотел получить некоторую обратную связь, прежде чем начать наращивать знания и переходить к реализации. Есть ли недостатки в том, что я обрисовал в общих чертах выше? Есть ли другая стратегия, которая может работать лучше?
Спасибо, ребята!
TLDR; Нужна помощь в создании синхронизированных по времени компонентов, наложенных на видео.