问题标签 [webvtt]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
618 浏览

http-live-streaming - 如何在 HLS 中注入字幕

示例中,展示了如何为 RTMP 编码的流注入字幕。

如何对 HLS 和目标 WebVTT 执行相同操作?

0 投票
9 回答
10857 浏览

json - 如何将 Amazon Transcribe json 响应转换为字幕格式(srt、webvvt 等)?

试图找到一个包来转换我的来自 Amazon AWS Transcribe 服务的 json 响应,但没有成功。

您可以在 Fiddle 的 JavaScript 部分中看到一个示例JSON

我不想采取幼稚的方法,只是将 10 个单词“捆绑”在一起,因为这会以一种奇怪的方式分隔标题。

我什至会接受使用 Google Speech 服务或 Speechmatics 的编程方式。它们都返回一个按单词分解的 json 文件。

以前有人用过吗?

谢谢!

0 投票
1 回答
848 浏览

python - Python 2.7:使用正则表达式匹配 VTT 字幕中的字幕事件

我正在编写一个 python 脚本来解析 VTT 字幕文件。我正在使用正则表达式来匹配和提取特定元素:

  • '在时间码'
  • '出时间码'
  • “其他信息”(主要是对齐信息,如 align:middle 或 line:-1)
  • 字幕内容(实际文本)

我正在使用标准库中的 Python 're' 模块,并且我正在寻找一个匹配以下所有(5)个“字幕事件”的正则表达式:

PS:请注意,stackoverflow 不允许我在代码块的末尾添加空行。通常,最后一个“空”行将存在,因为换行符(\r\n\n)。后:00:00:24.080 --> 00:00:27.080 align:middle

下面是我的代码。我的问题是我无法找出一个匹配所有“字幕事件”的正则表达式(包括一个以空行作为“字幕内容”的正则表达式)。

我在代码中尝试了几种正则表达式的变体。都没有成功。对我来说也很奇怪的是,如果我将正则表达式组放在一个变量中并打印它们,就像我正在使用这段代码一样,我只会得到最后一行作为SUBTITLE CONTENT. 但我一定做错了什么(对吧?)。任何帮助是极大的赞赏。

提前致谢。

0 投票
0 回答
324 浏览

javascript - 画布视频字幕的动态定时文本轨道

我已经研究并试验了我的大脑。我已经构建了一个工作应用程序,它使用 HTML5 画布来播放视频并通过网页(游戏等)与用户交互。像魅力一样工作,但我想为视频添加字幕以使其更易于访问。我什至似乎无法加载 WebVTT 文件,并且通过尝试来自网络的示例,我已经达到了巫毒编程的阶段,但没有取得任何进展。我试图在这里将应用程序提炼到最低限度,希望有人可以提供一些关于我做错了什么的见解。

当我单击画布时,视频播放,“...等待 cuechange 事件...”消息在播放时保持不变,然后在完成后转到“视频完成...重新加载以重试”消息(通过要求重新加载页面以再次尝试测试来保持简单),因此基本机制似乎正在工作。它永远不会进入文本轨道的“加载”函数(从不显示“...加载的文本轨道...”),并且永远不会调用 updateSubtitle() 函数。如果我插入一个 trackElement.readyStatus() 调用,它总是返回 0(不出所料)。作为进一步说明,如果我testStatus.innerHTML = "...loaded metadata...";在“loadedmetadata”侦听器中添加一条语句,它确实会到达那里。

如果您想要我正在使用的视频和 WebVTT 文件(只需几秒钟),它们就在此处此处(分别)。我还应该提到,如果我使用 VLC 播放视频,它会在视频上正确识别并播放 .vtt 文件作为字幕(因此它看起来格式正确)。如果这有什么不同的话,我正在 Windows 7 系统上的 Firefox 57.0.4(64 位)上运行我的测试(但我的印象是 Firefox 现在在涉及定时文本轨道的地方大部分是固定的)。

0 投票
0 回答
1230 浏览

ffmpeg - ffmpeg 是否有多个 hls webvtt 字幕

我正在尝试使用 ffmpeg 生成多个 webvtt hls 字幕。但是 ffmpeg 只考虑 hls 输出中的一个字幕。请让我知道 ffmpeg 是否可以支持 hls 的多个 webvtt 字幕。

0 投票
1 回答
807 浏览

ios - 将WEBVTT字幕格式转为SRT格式objective c

如何将 WEBVTT 字幕格式转换为 SRT 格式

WEBVTT 文件是这样的

SRT 格式

0 投票
0 回答
177 浏览

internet-explorer - 在 Internet Explorer 中使用 HTML5 视频播放器的 MP3 字幕

希望你晚上过得愉快!

我正在尝试为某些培训内容的 MP3 音频文件实现基于 WebVTT 的字幕。

我们当前的解决方案是使用 HTML5<video><track>标签,将源设置为 MP3 文件,并以这种方式使用本机 VTT 功能。

这适用于除 IE/Edge 之外的所有浏览器。在这些浏览器中,音频按预期播放,VTT 文件由浏览器下载,播放器控件可见,但字幕不显示。

WebVTT 字幕适用于 IE/Edge 中的 MP4 视频文件,因此我不会怀疑 VTT 文件(MIME 类型等)存在问题。我已经交换了已知良好的 VTT 文件,以确保它不是格式问题,因为我知道 IE 的解析器是严格和挑剔的。

如果有人有任何建议的故障排除步骤或关于它为什么不起作用或如何修复的见解,我将非常感激!

最好的,

纽拉克斯

0 投票
0 回答
181 浏览

youtube - 从 youtube 的 Webvtt 字幕中提取纯文本

使用youtube-dl --write-auto-sub我们得到一个像这样的文件:

webvtt-py可以用来提取颜色和时序信息,但是为什么Youtube会生成重复的字幕呢?获取明文标题的最佳方法是什么?我尝试忽略所有 0.010 秒长但仍有重叠行的标题(即,一行末尾的文本与下一行开头的文本重叠)。

0 投票
1 回答
86 浏览

php - track kind div的输出src

如何使用给定网站的 php file_get_content 输出以下 div 的 SRC?

我有兴趣显示https://rolled.oped.info/sub/jAghd9t8AB4/HfQZ32SovcY.vtt部分。

谢谢!

0 投票
1 回答
91 浏览

jquery - 使用全局按钮关闭多个视频的隐藏式字幕

我有一个页面包含多个带有不同标题的 HTML5 视频 (webvtt)。视频控件被隐藏。我有一个 ID 为 #check 的按钮«添加字幕»。如果用户选中此按钮,则所有视频都应显示字幕,如果未选中,则字幕应隐藏。到目前为止我所拥有的:

默认隐藏字幕:

如果按钮被选中/取消选中,显示/隐藏标题:

这非常有效,但仅适用于第一个视频(因为轨道 [0] 仅提供第一个轨道的值)。我能做些什么来解决这个问题,还是我走错了路?