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

[unt]

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

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

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

[learningman]

https://github.com/ffmpegwasm/ffmpeg.wasm
然后 canvas 开画

[unt]

@learningman #1 链接已收藏，这好像是录屏转码的，这好像不满足我的需求呀。。。。。。

[daimon1]

canvas drawImage 可以获取视频单个帧，然后你想干嘛就干嘛了

[unt]

@daimon1 这个东西有别人现成做好的吗，全部自己重新手撸吗

[duan602728596]

曾经做过一个简单的，UI 技术栈是 react ，视频渲染用的 canvas 。
音频轨视频轨时间轴拖拽都是纯原生 js 来计算逻辑。
每段视频都缓存了 video dom ，避免切换后重新加载。点击时间轴后会计算时间，然后将对应的 video dom 绘制在 canvas 上。
因为视频裁段存的 redux 里面，所以播放的时候还需要想办法处理 re-render 导致的问题。

[zhw2590582]

正好我最近正在构思搞一个在线视频编辑器

[sqlNice]

以为你头像点一下会飞上去呢