问题标签 [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 投票
0 回答
335 浏览

database - 自动生成vtt文件

如何自动生成 vtt 文件。如何从video_table数据库中获取每章的开始和结束时间并生成vtt而不是手动生成。

我很感激任何帮助。

0 投票
0 回答
86 浏览

webvtt - VTTCue 结束时间不定

我正在使用 VTTCues 创建一个文本轨道,指示现场发生的事情的标题。由于表演是现场表演,因此在提示开始时不知道结束时间。我尝试了以下方法:

这行不通。 null被强制转换为0.

这会引发错误,因为 Infinity 不是非有限双精度数。

创建提示后,稍后我将需要更新其结束时间,并添加下一个提示。

这样做的正确方法是什么?

0 投票
1 回答
1562 浏览

javascript - 使用 Video.js 从 VTT 章节轨道中获取线索

我想从我的 Video.js 对象中加载的章节文件中获取提示。我已经找到了获取曲目的方法,但我需要它id才能访问它。

我发现了idVideo.js 5.14.0 库中定义的位置:

似乎您可以id通过将对象传递给函数来定义自己的:

我按如下方式加载章节轨道:

我读到您可以动态添加轨道文件,但您必须重新加载 Video.js 对象。

0 投票
1 回答
1381 浏览

javascript - 检测 ::cue 伪元素,或在浏览器不支持 ::cue 时执行某些操作

以上是我页面中带有字幕轨道的 HTML5 视频片段。

我有这个 CSS

在 Chrome、Opera 和 Safari 中,此 CSS 隐藏浏览器显示的默认标题,然后以编程方式显示标题。

Firefox 和 IE 目前不支持::cue伪元素,所以我需要能够隐藏我以编程方式为这些浏览器显示的标题。

如果浏览器不支持伪元素,我的第一个想法是执行一些代码(隐藏标题)::cue,而我在 JavaScript 或 SASS 中都无法完成。

如何检测浏览器何时不支持::cue伪元素?

0 投票
0 回答
83 浏览

audio - 播客音频流是否可以包含脚本/文本?

播客音频流是否可以包含脚本/文本?

我对音频和定时文本的文件格式以及播放器(Android/iPhone/桌面)对这些格式的支持程度感兴趣。

我发现:

但不知道如何在音频流中使用这种或任何其他可能的定时文本格式。

我的用例是创建语言学习播客并将脚本嵌入到音频文件中。

我是否需要使用视频容器来提供带有音频的文本?

在播客的 RSS/Atom 提要中提供 MP4/AVI/MPEG 容器的链接是否正常?播客播放器了解容器格式吗?

0 投票
1 回答
319 浏览

html - 是否可以在视频下移动 HTML5 视频 CC?

客户希望字幕远离视频,因此他们希望将其放在视频下方。我们使用 vtt 文件作为字幕。这可以在 CSS 中完成吗?也许 vtt 文件中的一些设置?

0 投票
1 回答
3383 浏览

javascript - 使用 Javascript 将 .srt 转换为 .webvtt

正在寻找将 .srt 转换为 .WebVtt 的客户端方式,因为 HTML5 视频不支持 .srt 作为<track>标签。到目前为止,我只遇到过服务器端解决方案。提前谢谢

0 投票
0 回答
207 浏览

angular - HTML5 视频 WebVTT 文件未加载 - Angular2

我正在尝试加载 .vtt 文件以显示视频中的章节,但它似乎没有加载。我在 Angular2 工作,目前在本地工作(本地主机)。

这是我的组件 html:

然后在我的组件中,我正在检查章节:

我的 vtt 文件是一个简单的文件,取自我在网上找到的一个示例(我修改了时间,因为我的视频只有一秒长):

如果我检查控制台,textTrack 提示是空的..

0 投票
0 回答
1244 浏览

exoplayer - ExoPlayer V2 WebVtt 字幕嵌入 m3u8

我在 Android 电视应用程序中使用 ExoPlayer v2.1.1(SimpleExoPlayer 和 SimpleExoPlayerView)来点播 HLS 视频。我从 m3u8 文件中获取视频,其中一些还包含 WebVtt,用于字幕。

网上有很多关于如何从 url 侧载 WebVtt 的问题,但我不想侧载它们。一定有一些明显的东西我错过了,因为这一定是一个常见的用例,但我在网上找不到任何关于它的问题

谁能告诉我如何告诉 ExoPlayer (V2) 显示字幕?当我调用 SimpleExoplayer.getCurrentTrackGroups 和 getCurrentTrackSelections 时,我可以看到字幕轨道在那里。

0 投票
1 回答
1376 浏览

reactjs - 我们如何在 React 中加载 WebVtt 文件?

这是我的数据结构

WEBVTT

00:00:15.000 --> 00:00:17.951 在左边我们可以看到...

00:00:18.166 --> 00:00:20.083 在右边我们可以看到...

00:00:20.119 --> 00:00:21.962 ...咆哮者

我正在尝试解析 web vtt 文件。为此,我写道:

错误

客户端:47 ./src/captions.en.vtt 模块解析失败:C:\Users\sampr\Desktop\MyVIew\WebVtt\src\captions.en.vtt 无效数字 (3:0) 您可能需要适当的加载程序处理这种文件类型。

有人可以帮我吗?