Youtube Style视频标注/叠加(React)

时间:2018-04-25 07:59:08

标签: javascript node.js reactjs video html5-video

我们的组织需要相当于YouTube风格的注释系统。基本上,我们需要的是能够在特定时间在视频上叠加文本/图像。

我尽力搜索现有的React组件,甚至是现有的vanilla JS库,以供参考实现,但是空洞了。如果有人知道我可能错过的任何资源,可能甚至不需要这篇文章的其余部分。

我需要有关策略的帮助,以便在视频中的特定时间呈现这些叠加组件,并确保我们与视频的时间保持同步。由于我们已经在使用Redux,我最初的想法是使用RxJS和redux-observable,并使用超时调度程序创建流/可观察以避免某种轮询策略。我也正在监听视频中的播放/暂停/跳过事件以取消/重启超时调度程序。

我以前从未使用过RxJS,所以我希望在开始提升知识并转向实施之前获得一些反馈。我在上面概述的是否有任何固有的缺陷?是否有一种可能更好的策略?

谢谢你们!

TLDR;需要帮助创建覆盖在视频上的时间同步组件。

1 个答案:

答案 0 :(得分:0)

这不是关于React或RxJS框架,而是关于JavaScript。只要你有JavaScript解决方案,就可以在几乎任何框架中使用它。所以关键问题是 - 是否有可用的JavaScript解决方案?

嗯,这个问题已经回答了。检查here: "Youtube type annotation in html5 videos "