如何在 html5 本机视频播放器中添加延迟或偏移以同步 webvtt 字幕？

Question

我的视频和 webvtt 字幕不同步。有没有一种JavaScript方法来管理html5本机播放器中的webvtt字幕同步/延迟/偏移？

我找到了这个库（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>

Answer 1

最后我制作了一个库来实时更改字幕位置、样式和偏移量。

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