如何添加延迟或偏移量来同步html5原生视频播放器中的webvtt字幕？

我的视频和webvtt字幕没有同步。有没有一种JavaScript方式来管理html5本地播放器中的webvtt字幕同步/延迟/偏移量？如何添加延迟或偏移量来同步html5原生视频播放器中的webvtt字幕？

我发现这个lib（https://github.com/florinn/vtt-shift），但它重写了磁盘上的webvtt文件。我更喜欢客户端方式与视频重新同步。

<video> 
 
    <source class="videosource" src="{{media}}?play=true" type="video/mp4"/> 
 
    <track kind="subtitles" label="Default" src="{{subtitle}}" default> 
 
</video>

来源

2017-10-15 fnkrm

您可以使用textTrack API或cueRegions，但它不值得麻烦。你应该使用[Subtitle Edit]编辑它（https://github.com/SubtitleEdit/subtitleedit/releases）。如果一个简单的VTT文件关闭了，那么你不能100％确定地重新同步它。正确格式化和同步的VTT是100％可靠的 – zer00ne

最后我做了一个lib居住改变字幕位置，风格和偏移。

https://www.npmjs.com/package/vtt-live-edit

来源

2017-10-19 19:31:04 fnkrm

如何添加延迟或偏移量来同步html5原生视频播放器中的webvtt字幕？

回答

相关问题