Months ago, I made a practical small tool: 33 lines. At the beginning, I only made a Web terminal. I feel that this small tool is quite popular.

Client download address.

Due to my limited energy, cross-platform is a must when choosing a technology solution

I am most familiar with Java, and JavaFX is a good choice. However, the Web side has already used VUE to write, and most pages can be directly transplanted into ELECTRON. This temptation is too great, so I decide to choose Electron.

Tell me about the electron development experience.

This client is mainly done via VUE + electron + FFmPEG.

Page section

Page development part is consistent with VUE, hot reload refresh page, client development, page code writing is the big head, this development experience is deep in my heart, page development efficiency is improved. Those of you who have done mobile client development will know how much trouble it is to change a page and have to recompile it. Those of you who have used Flutter will probably not want to go back to Android native development.

The original part

Since I’m not particularly familiar with NodeJS, I’m basically looking up the status of the document as I go along. Because Electron has two environments (electron is actually a CS architecture application based on Chromium), the process of integrating FFMPEG and processing time-consuming tasks has encountered quite a few hiccups.

Packaging and updating

Based on the principle of electron, the packets are super large. In order to reduce the size, I had to put the ffmPEG executable file on the server and then download it for different platforms, which added complexity

A normal package in a development environment may be unusable once packaged; The same code might not work when you switch from MAC to Windows, and these holes would have to be filled in

One consolation: Electron supports hot updates! This feature is so important to the client that it is so difficult to get people to download and install an application and uninstall it in a fraction of a second

Data statistics

I couldn’t find a third party platform that directly supports electron for data collection, but after reading a post, I ended up using Google Analyse to save the country.

Basically, electron is like a geeky tool. There are still a lot of problems to solve, and the ecosystem is far from up to scratch. There are some flagship apps like vscode and atom, but all of them are backed by a very good technical team. If it is a formal commercial product, use with caution! You have to ask your team can you fill in the holes in the frame, can you build the wheel?

Finally, I would like to introduce the product I made:

With this little tool, you can find movie material through the lines.

Main functions:

  • Support the search of Chinese and English lines in the movie at the time point;
  • Make subtitles easily online;
  • Cut video clips online, etc.

Applicable group:

  • Video creators and we media can be used to find creative materials;
  • Learners of English or teachers of English, look for examples and pronunciations at movie level.

Vote for me: Creator Daily: 33 lines, there is an invitation link, interested friends can go to register to play.