Youtube视频的互动成绩单

时间:2014-07-31 07:58:03

标签: youtube youtube-api html5-video caption webvtt

我正在制作一个Youtube视频网站,并希望实现像这样的交互式成绩单功能:http://demo.jwplayer.com/iframes/interactive-transcript/(我有视频成绩单和字幕文件,采用SRT和WebVTT格式。我将不< / strong>使用Youtube的机器转录成绩单。)

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

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

谢谢。

1 个答案:

答案 0 :(得分:1)

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

  1. 阅读YouTube API Dosc: https://developers.google.com/youtube/js_api_reference?csw=1
  2. 检查getCurrentTime()
  3. 从文件/数据库/ hiddendiv中读取记录,如果你的成绩单中的getCurrentTime == textTime然后只是突出显示它(如在标题框示例中),则显示它。