如何在 html5 原生视频播放器中添加延迟或偏移以同步 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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何通过 JavaScript 在 HTML5 视频播放器上显示不同语言的字幕?

来自分类Dev

如何在HTML5中更改视频字幕的字体大小?

来自分类Dev

如何在进度指示栏中的html5视频播放器中添加标记?

来自分类Dev

如何使用 libvlc 向视频播放器添加字幕

来自分类Dev

如何在js中将.ass和.ssa字幕文件格式转换为webvtt格式?

来自分类Dev

如何直接通过文本设置HTML5视频字幕?

来自分类Dev

如何正确发布带有字幕的html5视频[seo]

来自分类Dev

如何直接通过文本设置HTML5视频字幕?

来自分类Dev

如何使用在线链接在视频播放器中添加字幕?

来自分类Dev

如何在html5音频和视频播放器中回显php数组?

来自分类Dev

寻找将视频与 HTML 5 和 Webvtt 文档同步的想法

来自分类Dev

如何制作通用的HTML5视频播放器

来自分类Dev

离线观看带字幕的HTML5视频

来自分类Dev

如何防止HTML5视频播放器播放图标在iPhone Safari中消失

来自分类Dev

如何在Safari中循环播放html5 mp4视频时防止延迟?

来自分类Dev

如何在同一HTML5播放器中放大视频并切换视频流?

来自分类Dev

如何使用VLC媒体播放器重新同步字幕和视频?

来自分类Dev

我们如何在video.js播放器中禁用“字幕设置”?

来自分类Dev

我们如何在video.js播放器中禁用“字幕设置”?

来自分类Dev

HTML5视频能否播放嵌入在mp4文件中的字幕作为曲目?

来自分类Dev

如何在Android ExoPlayer中显示字幕

来自分类Dev

如何在YouTubePlayer中显示/隐藏字幕

来自分类Dev

如何在TableViewCell中制作字幕文本

来自分类Dev

如何在字幕中显示数字?

来自分类Dev

如何将视频从Play 2 Framework流式传输到HTML5播放器

来自分类Dev

如何将上下文菜单嵌入HTML5视频播放器?

来自分类Dev

如何修复干扰Firefox默认HTML5视频播放器的功能

来自分类Dev

如何将上下文菜单嵌入HTML5视频播放器?

来自分类Dev

如何使html5音频播放器响应?

Related 相关文章

  1. 1

    如何通过 JavaScript 在 HTML5 视频播放器上显示不同语言的字幕?

  2. 2

    如何在HTML5中更改视频字幕的字体大小?

  3. 3

    如何在进度指示栏中的html5视频播放器中添加标记?

  4. 4

    如何使用 libvlc 向视频播放器添加字幕

  5. 5

    如何在js中将.ass和.ssa字幕文件格式转换为webvtt格式?

  6. 6

    如何直接通过文本设置HTML5视频字幕?

  7. 7

    如何正确发布带有字幕的html5视频[seo]

  8. 8

    如何直接通过文本设置HTML5视频字幕?

  9. 9

    如何使用在线链接在视频播放器中添加字幕?

  10. 10

    如何在html5音频和视频播放器中回显php数组?

  11. 11

    寻找将视频与 HTML 5 和 Webvtt 文档同步的想法

  12. 12

    如何制作通用的HTML5视频播放器

  13. 13

    离线观看带字幕的HTML5视频

  14. 14

    如何防止HTML5视频播放器播放图标在iPhone Safari中消失

  15. 15

    如何在Safari中循环播放html5 mp4视频时防止延迟?

  16. 16

    如何在同一HTML5播放器中放大视频并切换视频流?

  17. 17

    如何使用VLC媒体播放器重新同步字幕和视频?

  18. 18

    我们如何在video.js播放器中禁用“字幕设置”?

  19. 19

    我们如何在video.js播放器中禁用“字幕设置”?

  20. 20

    HTML5视频能否播放嵌入在mp4文件中的字幕作为曲目?

  21. 21

    如何在Android ExoPlayer中显示字幕

  22. 22

    如何在YouTubePlayer中显示/隐藏字幕

  23. 23

    如何在TableViewCell中制作字幕文本

  24. 24

    如何在字幕中显示数字?

  25. 25

    如何将视频从Play 2 Framework流式传输到HTML5播放器

  26. 26

    如何将上下文菜单嵌入HTML5视频播放器?

  27. 27

    如何修复干扰Firefox默认HTML5视频播放器的功能

  28. 28

    如何将上下文菜单嵌入HTML5视频播放器?

  29. 29

    如何使html5音频播放器响应?

热门标签

归档