有音频和视频时间轴和轨道,可以加图层,并且编辑情况可以在虚拟显示界面上实时展示
在显示界面上可以拖拽文字,图片位置
点击时间轴任意时间,都可以看到那一刻的画面
1
learningman 2022-10-25 03:41:17 +08:00 1
https://github.com/ffmpegwasm/ffmpeg.wasm
然后 canvas 开画 |
2
unt OP @learningman #1 链接已收藏,这好像是录屏转码的,这好像不满足我的需求呀。。。。。。
|
3
daimon1 2022-10-25 10:09:44 +08:00
canvas drawImage 可以获取视频单个帧,然后你想干嘛就干嘛了
|
5
duan602728596 2022-10-25 11:36:16 +08:00
曾经做过一个简单的,UI 技术栈是 react ,视频渲染用的 canvas 。
音频轨视频轨时间轴拖拽都是纯原生 js 来计算逻辑。 每段视频都缓存了 video dom ,避免切换后重新加载。点击时间轴后会计算时间,然后将对应的 video dom 绘制在 canvas 上。 因为视频裁段存的 redux 里面,所以播放的时候还需要想办法处理 re-render 导致的问题。 |
6
zhw2590582 2022-10-25 13:47:58 +08:00
正好我最近正在构思搞一个在线视频编辑器
|
7
sqlNice 2022-10-25 18:06:55 +08:00
以为你头像点一下会飞上去呢
|