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

标签 javascript node.js html video-player 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

关于javascript - 如何在 html5 native 视频播放器中添加延迟或偏移以同步 webvtt 字幕?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46756484/

相关文章:

node.js - 如何在 hogan-express 模板引擎中传递数组

javascript - 推迟 Angular 直到收到 Firebase 数据

node.js - loopback 4中如何编写单元测试用例

javascript - 使用构造函数在 JavaScript 中类(从 C# 转换)

node.js - 在 fs.readFile(在 express 应用程序内)中使用通配符/glob/minimatch

php - 如何在 php 中逐段读取、存储和获取数据

javascript - 如何使用 CSS3/JavaScript 缩放 DIV 元素及其子元素以适应父元素

javascript - 在一页中加载多个视频

javascript - 更改 json 中的 'children' 节点

javascript - ReactJS - 使用 react 路由器 dom 处理 POST 请求