使用javascript将字幕与电影同步

Posted 2023-05-09

【中文标题】使用javascript将字幕与电影同步

【英文标题】：Sync subtitle with the movie using javascript

【发布时间】：2021-07-10 10:01:06

【问题描述】：

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

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

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

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

这张照片显示了我想要的样子： ???? click here to see the photo ????

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

【参考方案1】：

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

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

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

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