Youtube 视频的交互式脚本

Question

我正在开发一个 Youtube 视频网站，并希望实现这样的交互式脚本功能：http://demo.jwplayer.com/iframes/interactive-transcript/（我有 SRT 和 WebVTT 格式的视频脚本和字幕文件。我会不 使用 Youtube 机器转录的成绩单。）

我在网上做了一个研究。似乎没有可以做到这一点的免费插件/模块。有一些付费选项，例如 Captionbox (http://speakertext.com/captionbox)、3rdMediea、SubPly (http://www.subply.com/en/Products/InterActiveTranscript.htm BTW：这是迄今为止我发现的最好的。它可以即时加载不同语言的成绩单)。我不愿意使用这些付费选项，主要是因为我不想依赖单一提供商。

有人可以告诉我一个更好的选择吗？

谢谢。

Answer 1

您始终可以编写自己的解决方案：

1. 阅读 YouTube API 文档： https://developers.google.com/youtube/js_api_reference?csw=1
2. 检查 getCurrentTime()

从文件/数据库/hiddendiv 读取脚本并显示它，如果 getCurrentTime == textTime 从您的脚本中然后突出显示它（如在标题框示例中）。