HTML5 视频 + TTML 字幕不显示字幕

     2023-03-07     252

关键词:

【中文标题】HTML5 视频 + TTML 字幕不显示字幕【英文标题】:HTML5 video + TTML subtitle is not displaying subtitle 【发布时间】:2014-12-10 12:38:01 【问题描述】:

我正在尝试在视频中显示我的字幕。我有视频的 mp4 视频和 ttml 文件。将其放入 html 代码时,视频正在播放,但没有字幕出现[在 chrome 中检查]。 当我在 IE11 中检查时,它在 HTML5 视频播放器中显示 CC 选项,但也没有字幕。

这是我尝试过的 http://jsfiddle.net/ilaiya/s49zessy/

<video controls autoplay  >
    <source type="video/mp4" src="https://ccdpoc.blob.core.windows.net/asset-b82767bd-bf28-4e03-a2d2-329d6df2b633/Index.mp4?sv=2012-02-12&sr=c&si=107ca7bf-272e-48a9-b824-a48da8b7fe90&sig=o8PPGNFD6k0B7PMwdvZdjEy%2FuRc2r4urqqFd5GJyN2k%3D&st=2014-12-10T10%3A40%3A14Z&se=2016-12-09T10%3A40%3A14Z">

    <track src="https://ccdpoc.blob.core.windows.net/sourceaes34/subtitle.ttml" label="English subtitle" kind="subtitles" srclang="en-us" default>
</video>

【问题讨论】:

【参考方案1】:

Chrome 不支持 TTML 带外文本轨道。目前,元素内部只能使用 WebVTT。

一般来说,Chromium 正在尝试从 Blink 中删除 XML:https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/vXuOTK5M0hM。

【讨论】:

HTML5 视频:全屏字幕

】HTML5视频:全屏字幕【英文标题】:HTML5video:fullscreensubtitles【发布时间】:2012-04-0409:22:49【问题描述】:是否可以在全屏模式下在HTML5视频控件上显示字幕?我可以在窗口模式下显示它们(例如在FF11.0上),稍微修改版本的cuepo... 查看详情

如何使用 ffmpeg 将 .srt 文件转换为基于 ttml 的 xml 字幕文件?

】如何使用ffmpeg将.srt文件转换为基于ttml的xml字幕文件?【英文标题】:Howtoconvert.srtfileintottmlbasedxmlsubtitlefileusingffmpeg?【发布时间】:2021-10-0504:21:25【问题描述】:我有一个.srt字幕文件。我想使用ffmpeg命令将其转换为.ttml格式(... 查看详情

HTML5 视频字幕样式

】HTML5视频字幕样式【英文标题】:HTML5VideoSubtitlesStyling【发布时间】:2015-12-1511:17:56【问题描述】:是否可以将样式应用于HTML5视频播放器字幕轨道元素?我想将字幕移到媒体播放器之外。我试过用css定位媒体播放器和track元素... 查看详情

如何为vod点播配置字幕

WowzaStreamEngine4通过VODTimedTextProviders支持VOD点播中的隐藏字幕。每一个provider都知道如何将来自不同类型的字幕数据源做为timedtext嵌入到Wowza的generictimedtext数据模型。WowzaStreamEngine4包括了针对嵌入到3GPP/MPEG-4中的字幕以及外部文件... 查看详情

如果代码是用 PHP 生成的,WEBVTT 字幕不显示

...】:2015-10-0818:18:59【问题描述】:我想显示带字幕的HTML5视频。如果我有一个html文件(对于Chrome,带有播放器),例如...<videoclass="playr_video"preload="metadata"poster="poster 查看详情

在另一个元素 HTML5 中显示字幕

...】:2016-04-2511:05:09【问题描述】:我有以下代码用于播放视频并显示其字幕轨道。<videoid="vTest"class="playr_video"controlspreload="metadata"><sourcesrc=\'upc-tobymanley.theora.og 查看详情

Chromecast 支持哪些字幕格式?

...论】:【参考方案1】:TTML-定时文本标记语言WebVTT-网络视频文本轨道CEA-608【讨论】: 查看详情

视频剪辑

1、为视频添加字幕:(1)将MKV视频和外挂字幕软封装在一起:使用MKVToolnix工具进行封装,变成内挂字幕,播放时一些支持的播放器就会自动加载内挂字幕,如若对字幕不满意仍然可以更换字幕。但使用视频剪辑软件(爱剪辑、... 查看详情

html5video视频字幕的使用和制作

...示情况:<track>元素HTML5允许我们使用<track>元素为视频指定字幕。这个元素的各种属性允许我们指定这样的东西,比如我们添加的内容的类型,它所在的语言,当然还有对包含实际字幕信息的文本文件的引用。<videoid="vid... 查看详情

HTML5 的 Youtube 隐藏式字幕不起作用

...014-12-0310:53:24【问题描述】:我在使用iframe播放器在youtube视频上显示隐藏式字幕时遇到问题。这是我正在使用的代码:<!DOCTYPEhtml><html><body><!--1.The<iframe>(a 查看详情

使用 WebVTT 未显示字幕

...】:2013-04-1203:18:34【问题描述】:所以我正在尝试为html5视频添加字幕并找到了WebVTT。我对此进行了一些研究,甚至复制了一些示例代码以查看是否可行,但我没有运气。字幕根本不会出现在视频中。这是HTML。<videoid="video"class... 查看详情

iOS7 视频播放器不显示字幕

】iOS7视频播放器不显示字幕【英文标题】:iOS7VideoPlayernotshowingcaptions【发布时间】:2013-11-3011:13:41【问题描述】:我设计了一个示例Web应用程序,其中我使用了这样的视频标签:<videosrc="test.mp4"controls="controls"><trackkind="subt... 查看详情

电影中的字幕显示

...】:2013-06-0409:49:09【问题描述】:我有一个从链接下载的视频以及它的.srt文件。如何显示字幕?它们不包含在视频中,而是作为单独的网址提供。从我目前浏览的内容来看,MPMoviePlayerController不支持这种外部字幕,但AVPlayer支持... 查看详情

在 HTML5 视频中切换隐藏式字幕并禁用默认视频控件

】在HTML5视频中切换隐藏式字幕并禁用默认视频控件【英文标题】:TogglingClosedCaptioninHTML5videoanddisablingdefaultvideocontrols【发布时间】:2013-02-0117:44:29【问题描述】:我有两个问题。一旦我将轨道标签放在我的视频元素中,视频的... 查看详情

如何使用 ffmpeg 在视频中的任意位置显示大量字幕?

】如何使用ffmpeg在视频中的任意位置显示大量字幕?【英文标题】:HowcanIdisplaylotsofsubtitlesatarbitrarypositionsinavideousingffmpeg?【发布时间】:2021-09-2515:14:33【问题描述】:我正在尝试编写字幕并将其显示在视频中任意位置的多个位置... 查看详情

使用全局按钮关闭多个视频的隐藏式字幕

】使用全局按钮关闭多个视频的隐藏式字幕【英文标题】:Turnclosedcaptionsoffformultiplevideoswithglobalbutton【发布时间】:2018-06-0320:28:04【问题描述】:我的页面包含多个带有不同标题的HTML5视频(webvtt)。视频控件被隐藏。我有一个ID为... 查看详情

播放视频时默认显示软字幕

】播放视频时默认显示软字幕【英文标题】:softsubtitlesshowingbydefaultwhenvideoisplayed【发布时间】:2015-05-2808:13:46【问题描述】:是否可以从原始视频文件和适当的字幕文件创建包含软字幕并默认显示的视频文件(在VLC中打开它-无... 查看详情

html5 MKV 带字幕播放

...我的chrome浏览器中播放带有字幕的MKV文件,以便查看本地视频文件。这已经成功,在MicrosoftEdge中使用上述方法/代码,但是,当我使用chrome时,我看不到字幕(不能使用Firefox,因为不支持MKV)<videoid="video"con 查看详情