javascript - YouTube串流播放器下方显示字幕

标签 javascript video youtube

我一直在玩很多选择。 popcorn.js,mediaelement.js,jwplayer和我找不到有效的组合。我正在一个学习型网站上工作,我需要在播放器下方显示视频的字幕。当视频托管在服务器上并且具有文件链接时,我可以使它正常工作。我之所以使用MediaElement.js,是因为我需要的所有视频都在YouTube上,因此需要从那里流式传输。

我尝试了几种不同的组合,爆米花本来可以用。当我开始使用它时,我发现他们的YouTube流媒体不再可用。我遵循了他们的示例,但是没有成功。另外,对于爆米花,我无法使用除TTML之外的任何其他字幕文件(即使它们支持其他字幕文件),我需要一个可以在其中包含html的文件。

我最近的努力是让我使用此处的脚本:http://www.storiesinflight.com/js_videosub/#code

这可以让我使用.srt,这很好,但是我无法通过它与其他JavaScript播放器一起流式传输YouTube,因此我回到了起点。

我看过一篇有关通过一个转码网站并使用.mp4链接的帖子,但我不想依赖中间人。如果该站点关闭,那么我的站点也会被搞砸。我怀疑YouTube会很快到任何地方。

最佳答案

有一种确保方法,那就是在记事本中创建字幕,然后在upload them to youtube中创建字幕

然后转到Youtube中的“帐户设置”页面

  • 从左侧菜单
  • 中选择“播放”
  • 选择/选中“始终显示字幕”

  • 您应该选中“通过语音识别显示自动字幕(如果有)”,以为尚未提供字幕的视频启用自动字幕)
  • 保存!这样就完成了

  • 无需JavaScript

    关于javascript - YouTube串流播放器下方显示字幕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32166180/

    相关文章:

    css - <video> 响应式分辨率,适用于移动和桌面浏览器

    audio - 从OpenTok服务器下载的视频没有声音

    android - YouTube API v3示例IllegalArgumentException,Android Studio

    php - Youtube-DL 文件下载实时进度

    javascript - 调整窗口大小时 BJQS slider 的多个实例

    javascript - 当有多个按钮使用相同功能时,使用单击处理程序更改按钮的颜色

    javascript - 如何在 Grunt 的构建中跳过concat

    javascript - 使用YouTube API嵌入视频会导致404错误

    javascript - Youtube 视频不会暂停,不知道为什么

    javascript - 当我使用 webpack 并将其导入应用程序 js 时,滑动 slider 不起作用