javascript - 如何在HTML5 native 视频播放器中添加延迟或偏移量以同步webvtt字幕？

我的视频和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>

最佳答案

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

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