问题标签 [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.
chromecast - 没有字幕流
嗨,大家好!
我尝试让字幕在 chromecast 应用程序中工作。我正在使用 HLS 流,并且我的 m3u 文件指定了一个字幕,但是当我在协议上检查 streamCount 时,我只收到一个流,它是“video/mp2t”流。
也许这不受支持,但我在发行说明中读到现在实际上支持字幕?
视频播放正常,所以所有播放都正常,不能只启用字幕!
欢迎所有帮助:)
用于播放的 M3U 文件
字幕的 M3U 文件
html5-video - 带有 WebVTT 字幕轨道的 HTML5 视频:延迟显示部分行
我正试图让它在 Chrome 中工作。
我有一个播放 HTML5 视频的页面,其中有一个 webvtt 文件作为我的字幕。我试图让一条线在另一条线之后出现大约一秒钟......但将第一条线保留在那里。然后让它们一起消失。
这就是我所拥有的:-
出于某种原因,第一行显示在视频的底部……然后第二行显示在其上方。那不是我想要的。
我也试过
但是两条线都一起显示。
有任何想法吗?
jquery - 我为 video.js 选择轨道格式的脚本仅适用于 firebug
这个脚本可能有什么问题?当我篡改它们时,它们都在萤火虫中工作。控制台上没有弹出错误。但是当我重新加载页面时,脚本什么也不做。
目的是根据 Video.JS Webvtt 字幕中选择的语言选择一组字体、大小、宽度等。
网址:http: //yavaway.com/captions/
目前那里的视频有硬编码的“刻录”字幕,用于视觉辅助来格式化我自己的字幕样式。
脚本 1
脚本 2
CSS
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:这是我拥有的最好的到目前为止找到。它会即时加载不同语言的成绩单)。我不愿意使用这些付费选项,主要是因为我不想依赖单一提供商。
有人可以告诉我一个更好的选择吗?
谢谢你。
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
任何人?
twitter-bootstrap - JW Player VTT 缩略图背景被 Bootstrap 3 弄乱了
我在 Bootstrap 风格的网站上使用 JW Player,工具提示缩略图使用 .vtt 文件。除了 JW 播放器在缩略图后面显示一个灰色背景圆角矩形外,一切都运行良好。Bootstrap 样式使缩略图后面的灰色背景太窄,以致缩略图粘在右侧的背景上。我相信这可能与 Bootstrap 3 将“box-style:border-box”与通用选择器 *. 如果我将 box-sizing 更改为 content-box 而不是 Bootstrap 所做的(参见下面代码中的注释),它会修复缩略图背景——但它当然会弄乱网站的其余部分。也许有一种方法可以只针对玩家,但我想不通。任何帮助表示赞赏。
html - 删除 iOS iPhone/iPad 上的背景 HTML5-Video/WEBVTT 字幕
我有一个 HTML5 视频,其中包含一个用于 webvtt 格式的字幕的 track-element。如何去除 iOS/iPhone/iPad 字幕背后的黑色背景?在 PC 上的浏览器中,我可以使用 CSS ::cue{background: transparent;} 将其删除
感谢帮助
php - 用 PHP 读取 WebVTT 文件
有没有人有使用 PHP 阅读 WebVTT (.vtt) 文件的经验?
我正在使用 CakePHP 开发一个应用程序,我需要阅读一堆 vtt 文件并获取开始时间和相关文本。
以文件为例:
我需要能够提取这样的东西:
请注意,可以有换行符,因此每个时间戳之间没有固定的行数。
我的计划是搜索“-->”,这是每个时间戳之间的公共字符串。有谁知道如何最好地实现这一目标?
html - 如何配置 Apache 服务器以使用 track 元素
我正在尝试使用轨道元素。我认为我的代码和.vtt
文件都是有效的。但是,当我运行该页面时(即使在本地主机上),我看不到字幕。我读到必须配置服务器,以便它可以提供.vtt
具有正确 MIME 类型的文件。我在本地使用 Xampp 我必须做什么才能看到字幕。
这是我的代码和 WebVTT 文件,其中引用了歌曲 Twinkle Twinkle Little Star 的视频
android - 我们可以在 android 中播放 .vtt 文件的字幕吗
亲爱的 Android 应用开发者,
**我有 .SRT 文件在 Android 平台上作为子图块与视频一起工作。但是公司有大量视频的 .vtt 文件,但只有少数的 .srt 文件。.vtt 由 iPhone 开发支持。
我们可以在 android 中为字幕播放 .vtt 文件吗?我有 .SRT 文件适用于 Android。
如果 .vtt 不受支持,那么我们需要将所有 .vtt 文件转换为 .srt 文件。**
任何建议将不胜感激,不会被否决。
提前致谢 :)