youtube - Youtube 视频的交互式成绩单

标签 youtube youtube-api html5-video caption webvtt

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

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

谢谢你。

最佳答案

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

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

  • 从文件/数据库/hiddendiv 读取成绩单并显示它,如果 getCurrentTime == textTime 从你的成绩单然后突出显示它(如在标题框示例中)。

    关于youtube - Youtube 视频的交互式成绩单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25053624/

    相关文章:

    youtube - YouTube API V3查找不在播放列表中的 channel 视频

    php - 从播放列表ID检索视频ID-YouTube API V3

    java - 在 Android 应用程序中使用 youtube API 滚动屏幕时如何避免视频停止?

    javascript - 在 HTML5 视频上叠加元素

    android - 全屏时 HTML 5 视频崩溃

    php - 我们如何使用 youtube api 获取未列出的播放列表

    youtube - 如何禁用YouTube嵌入IFRAME上的右键单击?

    youtube - 我们可以通过YouTube API获得用户的YouTube数据(历史记录,推荐视频等)吗?

    android - Youtube API v3 总是返回错误 403 (accessNotConfigured)

    javascript - 有没有办法指定 HTML5 视频元素的超时?