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

时间:2017-10-15 15:05:46

标签: javascript node.js html5 video-player webvtt

我的视频和webvtt字幕未同步。是否有一种JavaScript方法来管理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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

最后我做了一个lib来改变字幕的位置,风格和偏移。

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