Youtube 视频的交互式脚本

Posted 2023-05-08

【中文标题】Youtube 视频的交互式脚本

【英文标题】：Interactive transcript for Youtube video

【发布时间】：2014-09-23 02:04:50

【问题描述】：

我正在开发一个 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：这是迄今为止我发现的最好的。它可以即时加载不同语言的成绩单)。我不愿意使用这些付费选项，主要是因为我不想依赖单一提供商。

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

谢谢。

【问题讨论】：

您是如何解决这个问题的？我想达到同样的效果，只是不想将我的视频和成绩单上传到 JWPlayer 云。

【参考方案1】：

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

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

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