search

Home  >  Q&A  >  body text

javascript - JS如何实现截取视频某一帧作为预览图呢?

今天登录b站 发现鼠标在视频封面左右滑动时,进度条每变动10%就会更新一次缩略图

很感兴趣这个是如何实现的。想要问下具体的细节

希望了解的人讲解下。谢谢。

另外想学习一下js视频播放器的相关知识 有没有推荐入手的点呢?

阿神阿神2815 days ago1544

reply all(5)I'll reply

  • PHPz

    PHPz2017-04-11 12:09:14

    1. 是上传转码就生成的图片序列

    2. 关于js视频播放器,其实可以关注jwplayer这个开源项目,上面也有很多的关于js控制视频播放的文章。

    reply
    0
  • 黄舟

    黄舟2017-04-11 12:09:14

    一般都是后端调用ffmpeg截图实现的。

    reply
    0
  • 大家讲道理

    大家讲道理2017-04-11 12:09:14

    应该是后端做的处理,然后将图片地址返回给前端
    如果想学习播放器之类的相关知识,推荐去看下html5的video和audio两个标签的api

    reply
    0
  • 天蓬老师

    天蓬老师2017-04-11 12:09:14

    如果你视频是放在例如七牛云这种云服务上,他们是有相应的接口来获取某一帧的画面的。

    reply
    0
  • PHPz

    PHPz2017-04-11 12:09:14

    后端用php可以实现,php截取视频指定帧为图片,希望对你有帮助

    reply
    0
  • Cancelreply