• 请不要在回答技术问题时复制粘贴 AI 生成的内容
unt
V2EX  ›  程序员

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

  •  
  •   unt · Oct 25, 2022 · 2301 views
    This topic created in 1306 days ago, the information mentioned may be changed or developed.

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

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

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

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