首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >HTML5视频支持srt textTrack吗?

HTML5视频支持srt textTrack吗?
EN

Stack Overflow用户
提问于 2014-11-17 16:50:50
回答 3查看 21.8K关注 0票数 8

我已经用textTrack尝试过html5视频,它在.vtt (WebVTT)上工作正常。但是,它不能与.srt一起工作。

所以我的问题是,html5在chrome或火狐上是否支持.srt?

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

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

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

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

谢谢

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-11-17 17:41:45

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

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

2)使用Caption Converter等服务将SRT文件转换为VTT。

票数 3
EN

Stack Overflow用户

发布于 2016-01-18 14:41:12

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

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

代码语言:javascript
复制
**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的最终代码块如下所示

代码语言:javascript
复制
<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>
票数 17
EN

Stack Overflow用户

发布于 2021-09-10 23:42:48

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

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

代码语言:javascript
复制
<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>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26968759

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档