使用javascript与电影同步字幕

Question

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

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

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

我也希望字幕显示在视频下的一个单独的div。

这张照片显示了我想让它看起来像什么：点击这里查看照片

如果你能分享你对此的想法，我将不胜感激。

Answer 1

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

参考文献

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

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