V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
fashion1993
V2EX  ›  前端开发

一个在线视频编辑平台,视频轴怎么实现 ?

  •  
  •   fashion1993 · 2019-10-07 21:01:19 +08:00 · 3124 次点击
    这是一个创建于 1903 天前的主题,其中的信息可能已经有所发展或是发生改变。

    视频轴

    纯前端可以实现么?

    想到一种办法是本地上传视频 后端生成每一帧的图片传给前端

    或者是将视频转成 blob 对象再 slice()分割,试了下没有实现,可能是姿势不对

    https://online-video-cutter.com/cn/ 功能类似这种,上传视频后有一个视频轨道可以对视频进行裁剪,看请求 视频轴应该是前端实现的

    有第三方库可以实现么?

    1 条回复    2019-10-07 22:46:02 +08:00
    lizheming
        1
    lizheming  
       2019-10-07 22:46:02 +08:00   ❤️ 1
    生成 blob 然后直接 video.currentTime 跳转到要截图的时间,生成一个 canvas 画布直接 ctx.drawImage(video, 0, 0, width, height) 在 toDataURL 一下就可以拿到对应时间的截图了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   838 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 21:30 · PVG 05:30 · LAX 13:30 · JFK 16:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.