用 electron 肝了个跨平台客户端：中英文台词找影片素材

距离上个帖子一个多月了：分享一个可以通过台词找影片素材的在线工具。

这个期间修复了很多问题，完善了功能，并肝了个 PC 客户端，解决了视频转码的问题。

客户端下载地址

由于个人精力有限，在选择技术方案的时候，跨平台就成了必要条件~

个人最熟悉的是 Java，JavaFX 是个很好的选择。不过 web 端已经已经用了 vue 来写，大部分页面可以直接移植到 electron 中，这个诱惑实在太大，所以决定选择 electron 。

说说 electron 的开发体验。

这个客户端主要是通过 vue + electron + ffmpeg 来完成的。

页面开发

页面开发部分和 vue 一致，热重载刷新页面，客户端开发中，页面代码编写是大头，这个开发体验深得我心，页面开发效率蹭蹭提升。相信做过移动客户端开发的同学对此深有体会，改动一点页面就要重新编译一次是得多麻烦，用过 Flutter 的同学，相信都不想再回去 Android 原生开发了。

原生部分

由于我对 nodejs 不是特别熟悉，基本就是一边用一边查文档的状态。因为 electron 有两个环境（ electron 实际就是基于 Chromium 的一个 cs 架构应用），所以集成 ffmpeg 和处理耗时任务的过程遇到不少坑。

打包和更新

基于 electron 的实现原理，打出来的包都超级大。为了减少了体积，我只好把 ffmpeg 的执行文件放到服务端，然后按照不同平台进行下载，这无疑增加了复杂度~

开发环境中正常的包，打包好之后可能就不能用了；同样的代码，从 mac 切换到 windows 可能就不能正常工作了，这些坑都得填~

不过抚慰人心的是：electron 支持热更新 ! 这个特性对于客户端来说太重要了~ 让人们下载安装一个应用是如此困难重重，而卸载只是一瞬间的事情~

数据统计

我没有找到直接支持 electron 的数据统计第三方平台，后来看了一个帖子，最后是集成了 google analyse，算是曲线救国了。

差不多就这样吧，总的来说，electron 像是个极客工具，还有不少亟待解决的问题，生态还远没有起来，虽然有 vscode 、atom 这样的代表级应用，但这些产品背后都是有阵容豪华的技术团队的。如果是在正式的商用产品上，慎用！你要问问自己的团队有没有能力去填框架的坑，有没有能力去造轮子~

最后介绍一下我做的这个东西：

产品主要功能：

• 支持中英文台词搜索在影片出现的时间点；
• 在线轻松制作字幕图；
• 在线剪切视频片段等。

适用人群：

• 视频创作者和自媒体，可以用来找创作素材；
• 英语学习者或者英语老师，找影片级的例句和发音。

目前是邀请注册制，点击这里注册账号