问题标签 [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 回答
409 浏览

chromecast - 没有字幕流

嗨,大家好!

我尝试让字幕在 chromecast 应用程序中工作。我正在使用 HLS 流,并且我的 m3u 文件指定了一个字幕,但是当我在协议上检查 streamCount 时,我只收到一个流,它是“video/mp2t”流。

也许这不受支持,但我在发行说明中读到现在实际上支持字幕?

视频播放正常,所以所有播放都正常,不能只启用字幕!

欢迎所有帮助:)

用于播放的 M3U 文件

字幕的 M3U 文件

0 投票
1 回答
414 浏览

html5-video - 带有 WebVTT 字幕轨道的 HTML5 视频:延迟显示部分行

我正试图让它在 Chrome 中工作。

我有一个播放 HTML5 视频的页面,其中有一个 webvtt 文件作为我的字幕。我试图让一条线在另一条线之后出现大约一秒钟......但将第一条线保留在那里。然后让它们一起消失。

这就是我所拥有的:-

出于某种原因,第一行显示在视频的底部……然后第二行显示在其上方。那不是我想要的。

我也试过

但是两条线都一起显示。

有任何想法吗?

0 投票
0 回答
324 浏览

jquery - 我为 video.js 选择轨道格式的脚本仅适用于 firebug

这个脚本可能有什么问题?当我篡改它们时,它们都在萤火​​虫中工作。控制台上没有弹出错误。但是当我重新加载页面时,脚本什么也不做。

目的是根据 Video.JS Webvtt 字幕中选择的语言选择一组字体、大小、宽度等。

网址:http: //yavaway.com/captions/

目前那里的视频有硬编码的“刻录”字幕,用于视觉辅助来格式化我自己的字幕样式。

脚本 1

脚本 2

CSS

0 投票
1 回答
1705 浏览

youtube - Youtube 视频的交互式成绩单

我正在开发一个 Youtube 视频网站,并希望实现这样的交互式脚本功能:http: //demo.jwplayer.com/iframes/interactive-transcript/(我有 SRT 和 WebVTT 格式的视频脚本和字幕文件.我不会使用Youtube的机器转录的成绩单。)

我在网上做了一个研究。似乎没有可以做到这一点的免费插件/模块。有一些付费选项,例如 Captionbox(http://speakertext.com/captionbox)、3rdMediea、SubPly(http://www.subply.com/en/Products/InterActiveTranscript.htm BTW:这是我拥有的最好的到目前为止找到。它会即时加载不同语言的成绩单)。我不愿意使用这些付费选项,主要是因为我不想依赖单一提供商。

有人可以告诉我一个更好的选择吗?

谢谢你。

0 投票
1 回答
1910 浏览

html - Mozilla Firefox 中缺少 CC 按钮

我正在使用 HTML5 中的字幕 (WebVtt)。视频播放器上应出现一个打开/关闭字幕的按钮。但在 Firefox 中,这不会发生。这里的工作示例,一个使用 webvtt 字幕的简单测试: http ://www.erher.no/TEMP/HTML5/subtitle/webvtt.html

Firefox的问题是没有CC按钮出现?

我可以通过在轨道标签中设置“默认”参数来强制显示字幕,所以它可以工作,但是 CC 按钮在哪里?

Mozilla 和 WebVtt: https ://developer.mozilla.org/en-US/docs/Web/API/Web_Video_Text_Tracks_Format

任何人?

0 投票
1 回答
422 浏览

twitter-bootstrap - JW Player VTT 缩略图背景被 Bootstrap 3 弄乱了

我在 Bootstrap 风格的网站上使用 JW Player,工具提示缩略图使用 .vtt 文件。除了 JW 播放器在缩略图后面显示一个灰色背景圆角矩形外,一切都运行良好。Bootstrap 样式使缩略图后面的灰色背景太窄,以致缩略图粘在右侧的背景上。我相信这可能与 Bootstrap 3 将“box-style:border-box”与通用选择器 *. 如果我将 box-sizing 更改为 content-box 而不是 Bootstrap 所做的(参见下面代码中的注释),它会修复缩略图背景——但它当然会弄乱网站的其余部分。也许有一种方法可以只针对玩家,但我想不通。任何帮助表示赞赏。

0 投票
3 回答
2666 浏览

html - 删除 iOS iPhone/iPad 上的背景 HTML5-Video/WEBVTT 字幕

我有一个 HTML5 视频,其中包含一个用于 webvtt 格式的字幕的 track-element。如何去除 iOS/iPhone/iPad 字幕背后的黑色背景?在 PC 上的浏览​​器中,我可以使用 CSS ::cue{background: transparent;} 将其删除

感谢帮助

0 投票
3 回答
3029 浏览

php - 用 PHP 读取 WebVTT 文件

有没有人有使用 PHP 阅读 WebVTT (.vtt) 文件的经验?

我正在使用 CakePHP 开发一个应用程序,我需要阅读一堆 vtt 文件并获取开始时间和相关文本。

以文件为例:

我需要能够提取这样的东西:

请注意,可以有换行符,因此每个时间戳之间没有固定的行数。

我的计划是搜索“-->”,这是每个时间戳之间的公共字符串。有谁知道如何最好地实现这一目标?

0 投票
1 回答
1867 浏览

html - 如何配置 Apache 服务器以使用 track 元素

我正在尝试使用轨道元素。我认为我的代码和.vtt文件都是有效的。但是,当我运行该页面时(即使在本地主机上),我看不到字幕。我读到必须配置服务器,以便它可以提供.vtt具有正确 MIME 类型的文件。我在本地使用 Xampp 我必须做什么才能看到字幕。

这是我的代码和 WebVTT 文件,其中引用了歌曲 Twinkle Twinkle Little Star 的视频


0 投票
1 回答
3215 浏览

android - 我们可以在 android 中播放 .vtt 文件的字幕吗

亲爱的 Android 应用开发者,

**我有 .SRT 文件在 Android 平台上作为子图块与视频一起工作。但是公司有大量视频的 .vtt 文件,但只有少数的 .srt 文件。.vtt 由 iPhone 开发支持。

我们可以在 android 中为字幕播放 .vtt 文件吗?我有 .SRT 文件适用于 Android。

如果 .vtt 不受支持,那么我们需要将所有 .vtt 文件转换为 .srt 文件。**

任何建议将不胜感激,不会被否决。

提前致谢 :)