问题标签 [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.
ios - Segmented WebVTT not working with Chromecast
I am trying to provide closed caption support with Chromecast for my iOS app. The files are in segmented WebVTT format(with .m3u8 extension). But the videos are hosted in a CDN and closed caption files hosted on a separate server. The URLs for these WebVTT files are provided separately and not part of video master playlist. These subtitles are working with native iOS player but not with Chromecast.
I tried hosting a normal WebVTT (non-segmented) file on the same server where segmented WebVTT file is hosted and it works fine. So, the problem is with the segmented WebVTT.
So, is it possible to get the segmented WebVTT files working with Chromecast if they are hosted separately. I am using a Custom receiver. Do I need to add anything to receiver file specifically to support this?
This is how I create the media track for closed caption :
If we pass an individual segment like this it works properly.
html - HTML5 视频是否可以将嵌入在 mp4 文件中的字幕作为曲目播放?
我按照使用 GPAC 字幕的说明将 Webvtt 文件作为曲目导入 mp4 文件
,当我使用 GPAC 的 Osmo4 播放器时,我检查了字幕是否正确显示。
现在,我想通过 HTML5 视频标签播放带有字幕的视频,但似乎 HTML 媒体轨道元素需要 src 属性来指定 webvtt 文件的位置。
有没有办法播放嵌入的字幕?
windows-phone-8 - 如何从隔离存储中打开媒体播放器 WebVTT 字幕
我在 Wp8 c# 上有 mp4+vtt 字幕视频播放器项目。我正在查看 Microsoft.PlayerFramework.MediaPlayer 和 WebVTTPlugin,它的作品完美: https ://playerframework.codeplex.com/wikipage?title=Closed%20Captions%3a%20WebVTT 我使用此代码并且作品完美。但是我运气不好,我的项目 .vtt 字幕文件有“,”十进制分隔符,这意味着我的应用程序崩溃我需要下载字幕并将所有“,”替换为“。” 并保存隔离存储,我处理它,但我无法将字幕源设置为隔离存储,因为隔离存储没有 uri。我知道我不能说清楚,我举例说明:
我的标题:(http://dizilab.com/captions/chuck/sezon-1/tr/2.vtt?v=5.2)
1 00:00:06,600 --> 00:00:10,900 梅哈巴。Benim adım Charles Bartowski, ama bana Chuck diyebilirsiniz。
2 00:00:11,323 --> 00:00:12,711 Bunlar ben ayakkabılarım。
3 00:00:12,771 --> 00:00:14,209 Bu da benim hayatım。
4 00:00:14,249 --> 00:00:19,042 Casuslar、araba takipleri、bilgisayar çalan ninjalar ve günü kurtaran ben.
它的真正标题是:
WEBVTT 文件 1 00:00:06.600 --> 00:00:10.900 Merhaba。Benim adım Charles Bartowski, ama bana Chuck diyebilirsiniz。
2 00:00:11.323 --> 00:00:12.711 Bunlar ben ayakkabılarım。
3 00:00:12.771 --> 00:00:14.209 Bu da benim hayatım。
4 00:00:14.249 --> 00:00:19.042 Casuslar, araba takipleri, bilgisayar çalan ninjalar ve günü kurtaran ben.
它是代码:
ios - 在 iOS 8.x 中,字符在 WebVTT 中被破坏以获取字幕
添加:它似乎在其他本机应用程序上正常工作。仅在网络浏览器上损坏。(即 Chrome、移动 Safari)
使用 HLS (=.m3u8) 提供自适应流媒体,并考虑使用 WebVTT 进行字幕。但是当我在 Mobile Safari 上播放它们时,我发现除了英语之外的一些字符在 iOS 8.x 设备上碰巧被破坏了。它在 iOS 7 设备上运行良好。
这是由 Apple 托管的官方示例视频 (.m3u8) 网页: https ://developer.apple.com/streaming/examples/advanced-stream.html
如果你在 iOS 7.x 和 iOS 8.x 设备上都加载这个,选择日文字幕,然后它会在 iOS 8.x 上显示损坏的字符(7.x 及以下版本可以):
有什么要避免的想法吗?我已经在 iOS 模拟器(7.1、8.1、8.2 beta 4)和 iOS 设备(8.0.2、8.1.2)上对此进行了测试。
javascript - HTML5 视频 textTracks - 模式更改事件
我正在尝试构建一个标准的 HTML5 视频播放器,它通过 <track> 元素和 WebVTT 支持隐藏式字幕。我对这个播放器的目标是不必构建自定义控件 UI,而是依赖浏览器/设备提供的默认控件。
为了遵守 FCC 关于隐藏式字幕的规定,我还构建了一个带有字幕格式选项的菜单 - 颜色、大小、不透明度等。我想包括的选项之一是关闭和打开字幕的切换,它将在默认控件中不存在 CC 按钮的 Firefox 等浏览器中特别有用。
我的一切工作正常,除了一个我似乎无法弄清楚的问题。在使用我的自定义切换打开或关闭字幕时,默认视频控件上的 CC 按钮也会切换;但是,我不能让它以相反的方式工作。
我正在寻找在按下默认 CC 按钮时触发的某种事件,以便我可以检查视频 textTracks 的显示/隐藏/禁用模式,然后相应地更新我的自定义切换。这样的事件存在吗?有什么办法可以只从默认控件中删除 CC 按钮,而保留其余按钮?我不想仅仅为了这个问题而为玩家构建一个完全自定义的 UI。
编辑 1:这是一个 jsFiddle 示例。
如您所见(在 Chrome 上查看),如果您选择“打开”单选按钮,则字幕将打开,并且默认控件上的默认 CC 按钮将激活(变为不透明)。我正在寻找的是某种方式来知道用户单击了默认的 CC 按钮,以便我可以自动更新单选按钮以反映当前状态。
我宁愿不定期运行以检查此状态,尤其是对于我计划运行的所有其他脚本。我知道当出现新标题时会有一个“oncuechange”事件,但我想知道是否有更好的方法来立即检查,而不是等待几秒钟来更新值。
javascript - Integrate Captions on Web Page with JWPlayer
I am trying to implement Video Captions like at Lynda.com e.g. http://www.lynda.com/JavaScript-tutorials/Foundations-of-Programming-Fundamentals/83603-2.html
The captions run with the player and also in a block of HTML below the player. I am using JWPlayer for my video and know how to integrate it within the player. My question is how do I now display the full transcript below the video player and also do a live highlight while the Player is running the video? I am using WebVTT
android - 如何将具有 latin 1 补充字符的字符串从 c 层传递到 java
我在传递具有拉丁语 1 补充字符(2 个字节范围 0080-00FF)的 Webvtt / smptett 文件中给出的字符串时遇到问题。在 CI 中,我将它们存储为无符号字符,当我尝试打印字符串时,我得到了这些字符的十六进制值。例如:feelíng 被打印为传真
我通过 cpp 将相同的字符串传递给 Java 层,在其中我使用 NewStringUTF 将字符串转换为字符串。但我收到此错误:- JNI DETECTED ERROR IN APPLICATION: input is not valid Modified UTF-8: 非法延续字节 0x6e。此错误特别出现在棒棒糖版本中。在以前的版本中,这个字符在屏幕上被打印为一些垃圾值。已经报告了一个 android 错误,但他们提到以下错误与 4 字节 unicode 字符一起出现。有人可以就此提出任何建议。我真的被这个问题困住了......
html - 使用 TTML 添加 HTML5 视频字幕
我目前正在尝试播放带字幕的电影。TTML 格式是必需的。我在此页面上使用示例:https ://msdn.microsoft.com/en-us/library/ie/jj152136%28v=vs.85%29.aspx
TTML:
电压:
我的播放器代码如下:
使用 VTT 格式(.vtt 文件,文本/vtt mimetype),Chrome 能够使用字幕并按预期显示它们。但是,使用 TTML 格式(.xml 文件,text/vtt mimetype),Chrome 和 Opera 在我单击启用字幕后删除了 CC 按钮,并且没有显示字幕。
我曾尝试调整 mimetype,但经常收到错误“资源解释为 TextTrack,但使用 MIME 类型 text/xml 传输”(尝试了 application/xml+ttml 等)。
我的目标是让 TTML 文件像 VTT 文件一样播放字幕。
webvtt - webvtt - 在播放期间的特定时间静音
有没有办法配置 webvtt 文件以在显示某些行时在播放期间静音?我在 webvtt 规范中没有看到任何关于这样做的内容。
jquery - 如何在 JWPlayer 中使用 WebVTT 文件创建脚本?
我们在网站上使用 JWPlayer,现在我们需要在其中添加文字字幕。
我无法创建基于普通 HTML 代码的示例应用程序。我已经阅读了各种教程,但对我没有任何帮助:
正是我们想要实现这种类型的 UI 和功能:
任何指导都会有所帮助。