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

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

这个期间修复了很多问题,完善了功能,并肝了个 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 这样的代表级应用,但这些产品背后都是有阵容豪华的技术团队的。如果是在正式的商用产品上,慎用!你要问问自己的团队有没有能力去填框架的坑,有没有能力去造轮子~

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

产品主要功能:

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

适用人群:

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

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

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

NOspy:有点意思,加油

用 gost 设置代理套娃的疑问

ldz:手上有两个代理 简称 A 和 BA 直连速度很慢B 直连速度快想实现如下访问模式PC - B - A大意就是用速度快的 B 代理去代理所有 A 的流量最后在 PC 上看到的 IP 是 A 的现在能行的方案是把代理 B 挂在路由上PC 连接代理 A经过一番搜索 发现 gost 可以在 pc 上直接实现这个功能但是折腾了好久也没成功试了这个命令gost …

用 ublock 屏蔽百度热榜

mwVYYA6:每次用百度搜索的时候,看到热榜的垃圾新闻就很烦,找了下发现没人用 ublock 做一个,于是我就自己来了╮(╯▽╰)╭ 在 ublock 设置 -> my filters 粘贴保存 www.baidu.com##.FYB_RD www.baidu.com###s-hotsearch-wrapper 分别是结果页和首页的热榜

[付费咨询]Electron 直接套网页可以做到登录页和内页不同的显示方式吗?

i945:有个活一开始说做成网页的,结果需求变更需要做成软件的形式,所有打算第一版直接用 Electron 直接加载网页。目前是希望登录页做成小窗口无边框,内页全屏,是可以办到的吗?因为有点急,第一次弄 Electron 所以来不及看文档做功课了。愿意付费 500 元起(视难度而定)咨询相关操作步骤和要点,让套的网页更像个软件,只需要说重点就行。VX:cmF…

用 WebRTC 撸了一个在线视频会议应用

binggg: 基于浏览器的能力 WebRTC 以及 腾讯云开发 CloudBase 能力构建而成的应用的在线视频会议应用,可以支持两人在线视频会议, 功能还不够完善, 还有许多可完善之处。 创建会议后可将会议地址发给他人, 或者在本机另起一浏览器窗口(未避免数据混乱, 可开隐私模式窗口, 或使用另一个浏览器)打开会议地址来体验 在线体验 Demo 应用体验…

寻求 electron 大神,一个兼职小项目,预算 5K

jxmuestc:现在我有一个小项目需求,用 electron 编写一个单机软件,主要功能包括: ( 1 )读取串口数据并解析,将数据展示在相应位置; ( 2 )设置数据采集频率; ( 3 )控制少量设备; ( 4 )将数据存入本地数据库,具备历史数据查询与显示功能。 有感兴趣的大神,请添加 VX ( base 64 )详聊:MTgxMTY2MzU0MzMN…