问题标签 [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.
database - 自动生成vtt文件
如何自动生成 vtt 文件。如何从video_table
数据库中获取每章的开始和结束时间并生成vtt
而不是手动生成。
我很感激任何帮助。
webvtt - VTTCue 结束时间不定
我正在使用 VTTCues 创建一个文本轨道,指示现场发生的事情的标题。由于表演是现场表演,因此在提示开始时不知道结束时间。我尝试了以下方法:
这行不通。 null
被强制转换为0
.
这会引发错误,因为 Infinity 不是非有限双精度数。
创建提示后,稍后我将需要更新其结束时间,并添加下一个提示。
这样做的正确方法是什么?
javascript - 使用 Video.js 从 VTT 章节轨道中获取线索
我想从我的 Video.js 对象中加载的章节文件中获取提示。我已经找到了获取曲目的方法,但我需要它id
才能访问它。
我发现了id
Video.js 5.14.0 库中定义的位置:
似乎您可以id
通过将对象传递给函数来定义自己的:
我按如下方式加载章节轨道:
我读到您可以动态添加轨道文件,但您必须重新加载 Video.js 对象。
javascript - 检测 ::cue 伪元素,或在浏览器不支持 ::cue 时执行某些操作
以上是我页面中带有字幕轨道的 HTML5 视频片段。
我有这个 CSS
在 Chrome、Opera 和 Safari 中,此 CSS 隐藏浏览器显示的默认标题,然后以编程方式显示标题。
Firefox 和 IE 目前不支持::cue
伪元素,所以我需要能够隐藏我以编程方式为这些浏览器显示的标题。
如果浏览器不支持伪元素,我的第一个想法是执行一些代码(隐藏标题)::cue
,而我在 JavaScript 或 SASS 中都无法完成。
如何检测浏览器何时不支持::cue
伪元素?
audio - 播客音频流是否可以包含脚本/文本?
播客音频流是否可以包含脚本/文本?
我对音频和定时文本的文件格式以及播放器(Android/iPhone/桌面)对这些格式的支持程度感兴趣。
我发现:
但不知道如何在音频流中使用这种或任何其他可能的定时文本格式。
我的用例是创建语言学习播客并将脚本嵌入到音频文件中。
我是否需要使用视频容器来提供带有音频的文本?
在播客的 RSS/Atom 提要中提供 MP4/AVI/MPEG 容器的链接是否正常?播客播放器了解容器格式吗?
html - 是否可以在视频下移动 HTML5 视频 CC?
客户希望字幕远离视频,因此他们希望将其放在视频下方。我们使用 vtt 文件作为字幕。这可以在 CSS 中完成吗?也许 vtt 文件中的一些设置?
javascript - 使用 Javascript 将 .srt 转换为 .webvtt
正在寻找将 .srt 转换为 .WebVtt 的客户端方式,因为 HTML5 视频不支持 .srt 作为<track>
标签。到目前为止,我只遇到过服务器端解决方案。提前谢谢
angular - HTML5 视频 WebVTT 文件未加载 - Angular2
我正在尝试加载 .vtt 文件以显示视频中的章节,但它似乎没有加载。我在 Angular2 工作,目前在本地工作(本地主机)。
这是我的组件 html:
然后在我的组件中,我正在检查章节:
我的 vtt 文件是一个简单的文件,取自我在网上找到的一个示例(我修改了时间,因为我的视频只有一秒长):
如果我检查控制台,textTrack 提示是空的..
exoplayer - ExoPlayer V2 WebVtt 字幕嵌入 m3u8
我在 Android 电视应用程序中使用 ExoPlayer v2.1.1(SimpleExoPlayer 和 SimpleExoPlayerView)来点播 HLS 视频。我从 m3u8 文件中获取视频,其中一些还包含 WebVtt,用于字幕。
网上有很多关于如何从 url 侧载 WebVtt 的问题,但我不想侧载它们。一定有一些明显的东西我错过了,因为这一定是一个常见的用例,但我在网上找不到任何关于它的问题
谁能告诉我如何告诉 ExoPlayer (V2) 显示字幕?当我调用 SimpleExoplayer.getCurrentTrackGroups 和 getCurrentTrackSelections 时,我可以看到字幕轨道在那里。
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) 您可能需要适当的加载程序处理这种文件类型。
有人可以帮我吗?