【发布时间】:2018-10-05 14:47:18
【问题描述】:
我们的组织需要类似于 YouTube 风格的注释系统。本质上,我们需要的是在特定时间将文本/图像覆盖在视频上的能力。
我尽我所能搜索现有的 React 组件甚至现有的 vanilla JS 库以获取参考实现,但一无所获。如果有人知道我可能错过的任何资源,那么这篇文章的其余部分可能甚至都不需要。
我需要有关在视频中特定时间渲染这些叠加组件的策略方面的帮助,并确保我们与视频的时间保持同步。由于我们已经在使用 Redux,我最初的想法是增加 RxJS 和 redux-observable,并使用超时调度程序创建一个流/可观察对象以避免某种轮询策略。我还会监听视频中的播放/暂停/跳过事件以取消/重新启动超时调度程序。
我以前从未使用过 RxJS,所以我想在开始增加知识并转向实施之前获得一些反馈。我上面概述的内容是否存在任何固有缺陷?是否有其他可能效果更好的策略?
谢谢大家!
TLDR;需要帮助创建覆盖在视频上的时间同步组件。
【问题讨论】:
标签: javascript node.js reactjs video html5-video