看过友商做的，体验还行，该有的功能都有，但是没有源码，用老技术做的。
有没有现成的 demo 和库，要不然感觉代码量还挺大的。
实现原理是什么，用到的技术有哪些
有没有现成的 demo 和库，要不然感觉代码量还挺大的。
实现原理是什么，用到的技术有哪些
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 1230 days ago, the information mentioned may be changed or developed.
Supplement 1 · Jan 10, 2023
可能需求没说清楚，附带一条：
是 UI 和“剪映”一样，需要多图层，时间轴，任意时间点画面的实时渲染等等；
但是最终不是输出视频，不对视频进行特效，裁剪，倍速等操作；
最终输出的是整个图层的 json 数据（存视频、图片地址即可）
是 UI 和“剪映”一样，需要多图层，时间轴，任意时间点画面的实时渲染等等；
但是最终不是输出视频，不对视频进行特效，裁剪，倍速等操作；
最终输出的是整个图层的 json 数据（存视频、图片地址即可）
 |
1
zhanlanhuizhang Jan 10, 2023
可能用的 asm.js 或者 webassembly 实现的。
|
 |
2
duan602728596 Jan 10, 2023
曾经做过内部用的简单的视频编辑器工具。技术栈是 react ，视频轨数据存在 redux 里面，视频渲染用的 canvas ，播放就是当前时间在 canvas 上把所有轨道上的视频和特效实时渲染出来，视频和特效的渲染位置、视频在相同、不同轨道的拖拽计算就是纯原生计算了。因为 react 的渲染机制会导致播放时出现卡顿，还需要在播放时进行优化。
|
 |
3
unt OP @duan602728596 #2 谢谢
|
 |
4
voidcomma Jan 10, 2023 via iPhone
ffmpeg.wasm
|
 |
5
wzfwzfwzf Jan 10, 2023
|
 |
6
Cellinlab Jan 10, 2023
阿里腾讯都有云剪服务，直接嵌入就行，自己开发的话，要功能全不是一两人能搞定
|
 |
7
tl228 Jan 10, 2023
前端真的最怕这种繁重的 dom 操作
|
 |
8
yaphets666 Jan 10, 2023
我之前面试一家公司，人家就靠这个 web 端剪辑工具估值 100 亿。想做好很难的，找个开源的凑合用下就行了。
|
|
9
unt OP  @zhanlanhuizhang #1 @xiaojie668329 #4 @wzfwzfwzf #5 @Cellinlab #6 @tl228 #7 @yaphets666 #8 不好意思，需求没讲清楚，是 UI 和图中一样，但是输出 json 即可，不需要剪辑视频，已附言 |
 |
11
polarbearn Jan 11, 2023  2
|
 |
13
sarcomtdgzxz Nov 21, 2023
@wzfwzfwzf 怎么卖的？
|
Select Language