9

我已经尝试了带有 textTrack 的 html5 视频，它适用于 .vtt (WebVTT)。但是，它不适用于 .srt。

所以我的问题是html5是否支持chrome或firefox上的.srt？

我查看了 w3 中的信息，但没有关于 srt 的信息。

http://www.w3.org/TR/html5/embedded-content-0.html#attr-track-kind-subtitles

我也调查了一些球员。他们中的大多数解析 .srt 而不是 html5 视频 textTrack。

所以我想在原生 html5 播放器中查找是否有任何关于 .srt 字幕格式的文档。

谢谢

4

3 回答 3

16

是的，你是对的。 .srt不适用于 html5，但.vtt可以使用 . 如果我们使用 .srt 那么我们可能需要一个特殊的播放器。但我们可以简单地转换 .srt 为 .vtt .

这两者之间没有太大区别， 只是它们表示毫秒的方式。并且文件WEBVTT的开头也有一个。.vtt（在线转换器https://atelier.u-sub.net/srt2vtt/）即

**srt**
3
00:00:06,071 --> 00:00:08,926
Firstly, when to use it.
When are the best times?

**vtt**
3
00:00:06.071 --> 00:00:08.926
Firstly, when to use it.
When are the best times?

html5 的最终代码块如下所示

<html>
<video id="video" controls preload="metadata">
   <source src="3798-233163.mp4" type="video/mp4">
   <track label="English" kind="subtitles" srclang="en" src="3798-233163.vtt" default>
   <track label="Deutsch" kind="subtitles" srclang="de" src="3798-233163_1.vtt">
   <track label="Español" kind="subtitles" srclang="es" src="3798-233163_2.vtt">
</video>
</html>
于 2016-01-18T06:41:12.243 回答
3

我不认为 SRT 是本机支持的，但你有两个选择。

1) 使用像videosub这样的库，它只是您的 HTML 文件中的一个包含，而 SRT 仅通过 JavaScript 工作。

或者

2) 使用Caption Converter之类的服务将您的 SRT 文件转换为 VTT。

于 2014-11-17T09:41:44.540 回答
1

我写了一个简单的脚本来增加对.srt字幕的支持。你可以从这里获取它：https ://github.com/redbullzuiper/SRT-Support-for-HTML5-videos

它可以即时将.srt文件转换为.vtt文件。只需像往常一样添加字幕。

<video width="320" height="240" controls>
    <source src="/path/to/your/video.mp4" type="video/mp4">
    <source src="/path/to/your/video.ogg" type="video/ogg">

    <track label="English" kind="subtitles" srclang="en" src="subtitle-en.srt" default />
    <track label="Deutsch" kind="subtitles" srclang="de" src="subtitle-de.srt" />
    <track label="Español" kind="subtitles" srclang="es" src="subtitle-es.srt" />
</video>
于 2021-09-10T23:42:48.280 回答