如何在 html5 原生视频播放器中添加延迟或偏移以同步 webvtt 字幕?

How to add delay or offset to sync webvtt subtitles in html5 native video player?

我的视频和 webvtt 字幕不同步。在 html5 本地播放器中是否有 JavaScript 管理 webvtt 字幕 synchronization/delay/offset 的方法?

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