问题标签 [vtt]

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 投票
2 回答
2530 浏览

html - 简单示例中未应用 WebVTT 样式

我一直在尝试使用这个简单的 HTML 让 .vtt 字幕在视频上工作:

我在 .vtt 文件中添加了一些颜色和样式,但它们似乎不起作用。

例如:VLC 将显示我所有的红色(来自 ),但是一旦我在 chrome 71 中尝试,颜色将不会显示。像螺栓这样的其他东西会起作用,但仍然没有像我给的那样应用额外的样式。我不知道为什么会发生这种情况或如何解决这个问题。这是一个错误吗?顺便说一句,它在Firefox中也不起作用。

字幕文件为:

0 投票
0 回答
2224 浏览

ffmpeg - 如何合并分段的 webvtt 字幕文件并输出单个文件?

如何合并分段的 webvtt 字幕文件并输出单个文件?,m3u8 看起来像这个例子:

我注意到每个片段不是针对总播放时间同步/提示的,而是针对单个 ts 片段。如果 ffmpeg 可以用来做到这一点,我需要给它什么魔法输入?

我想要一个正确提示的 vtt 或 srt 文件。

我胃口很好,不喜欢大块的,哈哈!

感谢您可爱的人的任何回复!


有了这个,我得到了一个合并的 vtt 文件,但提示都是错误的:

每个片段不与总播放时间同步/提示,而是针对单个 ts 片段。上述命令的示例输出:

提示都是这样开始的,这不是很有帮助:00:00.000

某些片段不包含任何提示,例如片段 15: https ://cmoreseusphlsvod60.akamaized.net/vod/bea44/0ghzi1b2cz5(11792107_ISMUSP).ism/0ghzi1b2cz5(11792107_ISMUSP)-textstream_swe=2000-15.webvtt

“WebVTT 片段可能不包含任何提示;这表明在此期间不会显示任何字幕。”

0 投票
1 回答
67 浏览

azure - Azure 搜索:为 .vtt 运行索引器

我正在使用 Azure 搜索来搜索存储在 blob 中的文件的内容。当我在我的 Blob 存储中包含由 Azure 媒体服务 V3 索引器生成的 .vtt 文件并运行索引器时,它会失败。是因为文件的某些特定内容吗?为什么索引器无法索引 .vtt 文件?

有没有人试过这样做?

0 投票
1 回答
299 浏览

javascript - Edge 无法解析 AMS v3 生成的 VTT 文件

AMS v3 生成的 VTT 在 vtt 文件的顶部有一些“注意”。Edge 和 IE11 浏览器都在抱怨它。它抛出解析错误。相同的 VTT 文件在 Chrome 和 Firefox 中运行良好。

MEDIA12608:WebVTT 文本轨道:时间戳签名应为“-->”。小时=80004004。

如果我们从顶部删除以下“NOTE”,相同的 vtt 在 Edge 和 IE11 上可以正常工作。

笔记

持续时间:“00:10:07.0110000”

语言:en-US

注意置信度:0.911574065685272

似乎多行注释在这里引起了问题。以下是我尝试过的不同排列出现错误的情况。在第一种和第三种情况下,我收到错误,但在第二种和第四种情况下,我没有收到任何错误。所以看起来如果我们在 VTT 文件 Edge 中有多行注释并且 IE11 抛出错误。

1.

WEBVTT

注意持续时间:“00:10:07.0110000” 语言:en-US

注意置信度:0.911574065685272

2.

WEBVTT

注意置信度:0.911574065685272

3.

WEBVTT

注意持续时间:“00:10:07.0110000” 语言:en-US

注意置信度:0.911574065685272

4.

WEBVTT

注意持续时间:“00:10:07.0110000”

注意语言:en-US

注意置信度:0.911574065685272

请让我知道是否有人有任何建议或解决方法来解决 Edge 和 IE11 中的问题?

0 投票
2 回答
945 浏览

php - 正则表达式匹配字幕中的 SRT 和 VTT 语法

我有 srt 和 vtt 格式的字幕,我需要匹配和删除格式特定的语法,并且只用文本获得干净的行。

我想出了这个正则表达式: /\n?\d*?\n?^.* --> [012345]{2}:.*$/m

样本内容(混合 srt 和 vtt):

这与https://regex101.com/r/zRsRMR/2/中模拟的预期匹配的字幕编号和时间

但是当在代码本身中使用时(甚至直接使用从https://regex101.com生成的代码片段),它只会匹配时间,而不是字幕编号。

见输出:

可以测试:http ://sandbox.onlinephpfunctions.com/code/dec294251b879144f40a6d1bdd516d2050321242

目标是匹配字幕编号,例如第一个预期匹配应该是:

0 投票
0 回答
71 浏览

html5-video - WEBVTT 格式的一行是什么?

我看到 WebVTT 允许每个提示都有一个称为“计算线”的东西,它可以是百分比或数字。百分比很清楚;我想知道有一条数字线是什么意思。是按照 CSS 的 line-height 还是别的什么?

0 投票
1 回答
2383 浏览

flutter - 在视频播放器中支持 srt/vtt 字幕和同步

我想在我的应用程序中播放 srt 字幕。 到目前为止,我已经集成了 srt_parser 。另外,我可以通过此代码获取玩家的当前位置

这是 srt 解析代码。

}

那么如何将字幕与视频播放器位置同步?

现在我正在解析 srt 字符串。如何从 srt 文件中解析它?

0 投票
1 回答
158 浏览

vtt - 如何添加一种以上的字幕语言?

一旦视频被编入索引,我创建了一个逻辑应用程序来提取视频转录(VTT)文件。我希望用户能够从选项列表中选择他们想要的语言标题(例如英语、西班牙语、法语等)。有没有办法为每种语言添加一组复选框供用户选择?

0 投票
2 回答
167 浏览

python - 从python中的lib导入

我导入了 vtt_to_srt 转换器。我阅读了说明。我进行了安装。从开始到这个“没问题”,但是当我将它作为手册导入时,python 在那里找不到模块。安装

用法

错误

我是菜鸟。很抱歉问这个问题。

0 投票
1 回答
1245 浏览

ffmpeg - ffmpeg 转换为 hls 时烧录的字幕不同步

我有一个文件,其中有字幕,它们完全同步。

这是文件。https://983yqbz442.s3.amazonaws.com/little-mermaid-captions.mp4

我运行此命令以转换为 hls 并创建 .ts 文件和 .vtt 文件。

然后,我还使用以下内容在同一文件夹中创建了一个 master.m3u8 文件。

现在,如果我播放 master.m3u8 文件,字幕现在不同步,大约需要 1 秒。我知道这可能是我通过 FFmpeg 缺少的设置,但我真的坚持这一点,并希望有任何见解。

谢谢

更多信息。

这是可以在 Safari 中打开的直接 .m3u8 的链接。

https://983yqbz442.s3.amazonaws.com/hlstests/master.m3u8

生成的vtt文件在这里。

https://983yqbz442.s3.amazonaws.com/hlstests/subs-0.vtt

如果您查看 .vtt 文件的开头,您将看到这一点。

它应该从 00:06.840 开始,但是在 Safari 中播放 .m3u8 文件时,您应该会看到它在 5 秒左右开始,而不是 6 秒左右太早了。