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/

相关文章:

javascript - 禁用 JavaScript 时添加元素样式

iphone - 在 iPad 中创建交互式视频 - 用于产品演示的应用程序

Android MediaPlayer 错误 (1,-1)?

c# - WebBrowser无法加载youtube电视

iframe - 如何在不暂停的情况下从youtube嵌入播放列表

javascript - 为什么这个非常棘手的计算属性名称函数会按照它的方式工作?

javascript - Web2py jQuery 克隆

javascript - 无法让我的方法连接 2 个值

Python opencv ffmpeg 线程退出函数

android - 在锁定屏幕上运行 Android 应用程序