【问题标题】:Youtube Style video annotation/overlays (React)Youtube 风格的视频注释/覆盖 (React)
【发布时间】:2018-10-05 14:47:18
【问题描述】:

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

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

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

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

谢谢大家!

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

【问题讨论】:

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


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2012-09-29
      • 2023-03-03
      • 1970-01-01
      • 2013-06-12
      • 1970-01-01
      • 1970-01-01
      • 2010-10-02
      相关资源
      最近更新 更多