Youtube 风格的视频注释/覆盖 (React)

Posted 2023-05-08

【中文标题】Youtube 风格的视频注释/覆盖 (React)

【英文标题】：Youtube Style video annotation/overlays (React)

【发布时间】：2018-10-05 14:47:18

【问题描述】：

我们的组织需要类似于 YouTube 风格的注释系统。本质上，我们需要的是在特定时间将文本/图像覆盖在视频上的能力。

我尽我所能搜索现有的 React 组件甚至现有的 vanilla JS 库以获取参考实现，但一无所获。如果有人知道我可能错过的任何资源，那么这篇文章的其余部分可能甚至都不需要。

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

我以前从未使用过 RxJS，所以我想在开始增加知识并转向实施之前获得一些反馈。我上面概述的内容是否存在任何固有缺陷？是否有其他可能效果更好的策略？

谢谢大家！

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

【参考方案1】：

这不是关于 React 或 RxJS 框架，而是关于 javascript。只要您拥有 JavaScript 解决方案，就可以将其安装在几乎任何框架中。所以关键问题是——是否有可用的 JavaScript 解决方案？

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