html5 MKV 带字幕播放

Posted

技术标签:

【中文标题】html5 MKV 带字幕播放【英文标题】:html5 MKV playback with subtitles 【发布时间】:2018-12-05 12:42:08 【问题描述】:

我正在尝试在我的 chrome 浏览器中播放带有字幕的 MKV 文件,以便查看本地视频文件。这已经成功,在 Microsoft Edge 中使用上述方法/代码,但是,当我使用 chrome 时,我看不到字幕(不能使用 Firefox,因为不支持 MKV)

<video id="video" controls preload="metadata" style="width:80%;height:80%">
   <source src="file.mkv" type="video/mp4">
   <source src="file.mkv" type="video/webm">
   <track label="language one" kind="subtitles" srclang="en" src="sub.vtt">
   <track label="language two" kind="subtitles" srclang="en" src="sub.vtt">
</video>

File structure

chrome MKV 播放器//(根目录) file.mkv //(视频文件) file.vtt //(字幕文件) RUN.html //(显示视频的html文件)

此方法基于此 github 存储库 "https://github.com/iandevlin/iandevlin.github.io/tree/master/mdn/video-player-with-captions"

我有:

尝试使用不同的字幕格式(vtt、stl、ass、srt)

【问题讨论】:

【参考方案1】:

也许主要语言必须用默认标记?

<track label="language one" kind="subtitles" srclang="en" src="sub.vtt" default>

对我有用,没有试过。否则我猜 .vtt 文件有问题。

【讨论】:

以上是关于html5 MKV 带字幕播放的主要内容,如果未能解决你的问题,请参考以下文章

百度云是如何支持播放mkv和rmvb格式视频的

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

如何在 html5 视频播放器中加载动态字幕

在JavaFX中播放带字幕的视频[重复]

Html5视频播放器-VideoJS+Audio标签实现视频,音频及字幕同步播放

视频剪辑