javascript - 使用javascript将字幕与电影同步

Question

我正在尝试将我的字幕与来自 YouTube 的 iframe 视频同步。请注意，我没有使用常见的字幕格式，如 vtt 和 srt，我想用 JSON 编写。

我的主要问题是如何以正确的时间戳将我的 JSON 文件与这个 iframe 视频同步？我的 json 字幕示例：

{ "id": 10, "transcript": "sample text", "time-in": "0.6", "time-out": "3.5"}

我还希望字幕显示在视频下方的单独 div 中。

这张照片显示了我想要的样子： 点击这里查看照片

如果您就此分享您的想法，我将不胜感激。

标签： javascripthtmljqueryjsoniframe

Answer 1

您可以使用 youtube iframe api 检索当前时间。

https://developers.google.com/youtube/iframe_api_reference

因此，您可以按时间间隔轮询当前时间。

setInterval(() => player.getCurrentTime());