Javascript 如何在视频中添加时间戳标签以进行导航？

如何在视频中添加时间戳标记，使视频播放器在单击任何标记时跳到该点

就像在SoundCloud上一样，它显示评论，当我们点击任何评论时，它提供了添加回复的选项

当我处于编辑模式并移动到视频中的某个点时，我想在该点添加标记。播放时，视频播放器应显示所有标签，通过单击这些标签，播放器将跳到视频中的这些点

我想在Rails上使用JavaScript和Ruby实现

---

这可能有点幼稚，但让我们考虑一下。本质上，您需要的是一个

PlayThrough

实体，它充当一种“会话”，您可以在其中存储以下内容：

• 视频

  与

  播放链接

• 播放过程中经过的秒数

• 与

  播放链接的
  用户
  （如果在后端完成，则可选）

此外，根据您的需求，您可能需要将此信息存储在后端或将其存储在前端。为了简单起见，假设我们将其存储在前端，您需要做的是：

• 首次加载视频时，如果没有

  PlayThrough

  ，我们将使用视频id创建一个
• 对于当前视频的每经过一秒，我们都会用经过的秒数更新

  PlayThrough

  对象
• 如果有一个

  PlayThrough

  对象，我们将从经过的秒数显示的位置开始加载视频数据

如何做这些事情的具体实现取决于您是将数据存储在后端还是前端；此外，在前端的情况下，它将取决于您在前端应用程序中使用的框架以及您如何播放视频，如果通过允许从特定偏移量继续播放的库，或者您正在滚动自己的，等等

---

希望这个高级概述是一个很好的起点，您可以使用它来进一步完善解决方案的要求。

我正在考虑使用video js，我所需要的只是视频的时间，当有人通过单击seekbar移动到特定时间时，我可以显示一个模式，以获取该地点的标记，并将其保存在数据库中。您知道了，在处理seekbar更改时，暂停视频，渲染模式，保存到后端，然后在成功后，跳转到新时间，并将视频恢复给投了反对票的人：单击“反对票”按钮太容易了，思考如何改进问题要困难得多，但也更有帮助，这使问题变得非常重要。否决投票前请三思。@OP:请编辑您的问题：-当您使用JavaScript和RoR标记而不附加任何示例代码时，会造成混淆。-您想在视频播放器中添加时间戳标签吗？它与SoundCloud注释功能不同。