V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
unt
V2EX  ›  程序员

求问前端多媒体编辑器是怎么实现的

  •  
  •   unt · 2022-10-25 00:27:15 +08:00 · 1858 次点击
    这是一个创建于 761 天前的主题,其中的信息可能已经有所发展或是发生改变。

    有音频和视频时间轴和轨道,可以加图层,并且编辑情况可以在虚拟显示界面上实时展示

    在显示界面上可以拖拽文字,图片位置

    点击时间轴任意时间,都可以看到那一刻的画面

    7 条回复    2022-10-25 18:06:55 +08:00
    learningman
        1
    learningman  
       2022-10-25 03:41:17 +08:00   ❤️ 1
    unt
        2
    unt  
    OP
       2022-10-25 09:00:57 +08:00
    @learningman #1 链接已收藏,这好像是录屏转码的,这好像不满足我的需求呀。。。。。。
    daimon1
        3
    daimon1  
       2022-10-25 10:09:44 +08:00
    canvas drawImage 可以获取视频单个帧,然后你想干嘛就干嘛了
    unt
        4
    unt  
    OP
       2022-10-25 11:16:16 +08:00 via iPhone
    @daimon1 这个东西有别人现成做好的吗,全部自己重新手撸吗
    duan602728596
        5
    duan602728596  
       2022-10-25 11:36:16 +08:00
    曾经做过一个简单的,UI 技术栈是 react ,视频渲染用的 canvas 。
    音频轨视频轨时间轴拖拽都是纯原生 js 来计算逻辑。
    每段视频都缓存了 video dom ,避免切换后重新加载。点击时间轴后会计算时间,然后将对应的 video dom 绘制在 canvas 上。
    因为视频裁段存的 redux 里面,所以播放的时候还需要想办法处理 re-render 导致的问题。
    zhw2590582
        6
    zhw2590582  
       2022-10-25 13:47:58 +08:00
    正好我最近正在构思搞一个在线视频编辑器
    sqlNice
        7
    sqlNice  
       2022-10-25 18:06:55 +08:00
    以为你头像点一下会飞上去呢
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2768 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 06:32 · PVG 14:32 · LAX 22:32 · JFK 01:32
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.