[失败的尝试] Electron.js 做类似 Final Cut Pro 的时间轴编辑功能

结论:片段一多就卡。改善不了,放弃。如果你想用相同的技术栈做类似的事情。可以先参考这篇文章。

[失败的尝试] Electron.js 做类似 Final Cut Pro 的时间轴编辑功能

这篇文章对什么人群有用?

  • Electron.js 开发者
  • 前端开发者 (HTML,CSS,JS)

这篇文章讲什么?

Electron.js 做类似 Final Cut Pro 的时间轴界面。
结果双指缩放很卡(只要片段数量达到一定数量就卡,比如 300个,如果只有2-3个当然不卡)
我优化不了,我看 clipchamp 也是这样。所以放弃了。

这篇文章具体对谁有用?(这篇文章有什么价值?)

想用 相同技术栈(Electron.js) 实现 类似功能(时间轴) 的开发者

背景信息

之所以想用 Electron.js 做桌面端应用,
是为了编辑字幕文件 (.ass .srt .vtt)

编辑开始时间,结束时间。
理由:Aegisub 用起来不爽。

我想模仿如下的界面(看红线部分指向的底部那一大块时间轴)

演示

https://www.youtube.com/watch?v=-pD6BNXX780

我做了个 Youtube 视频演示性能,所以文章里就不瞎逼逼了。

全文直接就此完结

感谢阅读