问题标签 [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.
html5-video - TTML 字幕文件不适用于所有浏览器
我正在我的视频元素中集成隐藏式字幕
这里使用的字幕文件是 ttml 类型的。根据下面的链接,ttml 和 webvtt 类型的字幕文件都适用于 html5 视频。
http://www.html5labs.com/prototypes/video-captioning/video-captioning/info
但在 Internet Explorer 中,ttml 格式有效,而 webvtt 无效。在 firefox 和 chrome 的情况下,只有 webvtt 文件有效,而 ttml 无效。请参阅下面的链接
http://www.html5labs.com/prototypes/video-captioning/video-captioning/info
我只有 ttml 类型的字幕文件,并且在 web 的大多数教程中他们都使用 webvtt 文件,所以有什么方法可以在所有浏览器中使用它
android - 在 Android VideoView 中设置 WebVTT 样式
我有一个带有 WebVTT 字幕的 HLS 流,我想在 VideoView 中呈现具有特定风格的声音。在 HTML 页面中,我将包含带有 ::cue voices 样式的 CSS。但目前我看不到将样式定义嵌入 WebVTT 的方法,所以我想知道是否可以“带外”定义这些样式。到目前为止,我发现 Android 中有一个WebVttRenderer类,但不清楚我是否可以为不同的声音传递样式(该类目前没有记录在 Reference Android 文档中)。有没有人设法在 Android 中使用样式本地呈现 WebVTT?
android - Googlecast 对 srt 文件的支持
我正在开发一个应用程序来播放支持 chromecast 的视频。我有字幕问题。我可以显示 .vtt 字幕,但经典 .srt 字幕文件存在问题。chromecast 支持 srt 格式的字幕吗?我找到了这个链接: Google Cast 支持的媒体。
此页面中没有明确声明,chromecast 不支持它。例如,Plex 应用程序可以显示它们。
我使用这段代码:
和
它适用于 vtt 文件,但不适用于 srt。
html - 如何更改 html5 中的视频字幕字体大小?
我的html看起来像这样:
因为subs.vtt是字幕文件。
如何更改附加到track
元素的字幕大小?
我尝试创建一个css文件,然后给出track
一个idfont-size
并在css中指定它,当然将css链接到html,但大小没有改变。
我还尝试了.vtt文件本身的样式:
它没有改变大小。
我也尝试过我在网上找到的类似的东西:
在css中:
但这也没有改变大小。
我更喜欢不接触.vtt文件的方式。
jwplayer - 如何使 JWPlayer VTT(缩略图预览)按需加载而不是加载?
查看通过 VTT 文件预览缩略图工具提示的 JWPlayer 文档,浏览器似乎会在页面加载时下载 VTT 文件中指定的所有缩略图图像。
我想为视频的每一秒提供一个缩略图,但是我希望客户端浏览器仅在用户将鼠标悬停在相关时间点时才加载缩略图文件。(对于 60 分钟的视频,浏览器必须在页面加载时下载 3600 张图像是没有意义的。)
这是如何实现的?
android - Firefox 36.0 / Linux 无法从我自己的本地服务器播放 WebVTT
首先,我的firefox可以播放我测试的所有在线html5视频示例的webvtt字幕。
我有一个媒体服务器:127.0.0.1:20001,媒体路径是 http://127.0.0.1:20001/file/abc.mp4
webvtt路径为:http: //127.0.0.1/20001/file/abc.vtt
我的测试 html 就像,
我的 Firefox 确实请求了 vtt 文件和视频。从控制台日志中,它类似于,
请注意,上面的响应正文没有换行符(文件确实有,可能是 Firefox 控制台显示忽略了换行符)。
我的 Chrome 在 Linux 中可以成功播放视频和字幕。
Firefox 只播放没有字幕的视频。并且控制台没有显示任何警告或错误。
我可以知道我该怎么做才能知道为什么我的 Firefox 在我的情况下不显示任何内容吗?检查任何调试日志等的任何提示或程序都非常有帮助。
谢谢。
html - HTML5 曲目提示为空
我正在尝试使用 webvtt<track>
元素显示录音的字幕,如下所示:
div
使用此脚本填充显示:
然而,当我在 Firefox 中检查轨道时,虽然它有一个提示对象,但它是空的:
我检查了,我已经mime-type
在服务器中正确配置了。我错过了什么导致它无法加载?
html - HTML 5 视频的 VTT 文件
不明白为什么它没有加载我在 chrome 上尝试的 subtitle.vtt 文件。
vtt 文件是正确的,路径也是正确的。
在网络部分只加载视频,没有关于 vtt 文件的内容是否需要下载才能使用轨道?
javascript - 在 IE 中加载 webvtt 轨道
我正在加载一个 webvtt 文件。工作正常,但在 IE11 中没有提示。
代码内部:
在 Chrome 中我可以看到有 2 个提示,但在 IE11 中我看到 0
即使在所有内容都加载完毕并将其放入控制台后:
我仍然在 IE 中得到 0,在 Chrome 中得到 2
我错过了什么吗?
更新 1:
在做了一些重构之后,我在控制台中看到了这个错误:MEDIA12604: Text Track: Unknown MIME type。小时=8007000b。
然后我发现了这篇文章: WinJS 视频元素中的 HTTP 字幕
我认为这可能是服务器问题。
更新 2:
MEDIA12604:文本轨道:未知的 MIME 类型。小时=8007000b。已排序,但曲目提示仍未在 IE 中加载
html5-video - 如果代码是用 PHP 生成的,WEBVTT 字幕不显示
我想显示带字幕的 HTML5 视频。如果我有一个 html 文件(对于 Chrome,带有播放器),例如
有用。
但是我有很多视频要显示,所以我想要一个 PHP 文件作为视频显示页面进行一致的控制。所以在 Joomla 文章中我会这样做(例如,为了说明)
一个 php 文件只接收 POST 变量(如 $video、$suben、$subel)并提供与开头编写的代码相同的 html。
因此,在 Chrome 中的页面源代码中,一切都按预期进行,所有代码都是正确的,所有文件都被正确引用。但字幕不显示。
请注意,在播放器数据包中,有一个我不使用的 json 文件,因为我找不到说明,我只使用了这两个文件playr.css
和playr.js
,但我不认为这会造成伤害,我真的不知道为什么。任何帮助表示赞赏,谢谢。