Source code address: github.com/Mockingbird…

Open source is not easy, like friends can give a star support.

The software is introduced

Skapp is a video player software, which can not only play movies, but also switch to music assistant to play music of mainstream sites. This software relies on interface server (the server is written using KoAJS, not open source yet). The principle is to use Apple CMS to collect resources into the database, and use the server to read database data for integration. The app side calls the interface to display the data. So this software can achieve seamless docking other webmaster data resources.

Software interface

Here are some screenshots to briefly introduce the functions of the software.

  • This is the software’s welcome interface, which can be dynamically configured on the server

  • This is the home page of the software. It was designed in this way because we just wanted to make a simple classification player, and the process was not too complicated. So the bottom is the CMS level 1 classification, the head is CMS level 2 classification, and the bottom picture uses iconfont ICONS. I plan to publish a tutorial in detail.

  • This is the preview interface of the software, and its background color will change according to the main tone of the movie picture. The principle is to use a package called ColorPick for dynamic color rendering, mainly imitating the effect of Douban movie. This page is quite complicated to implement, with many animation effects. If you are interested, you can download the release version of the software to experience it.

  • This is the player interface of the software, using tencent_player to play the video, currently supports.m3U8,.MP4 and web format of the video source, you can select the video source and resolution in this interface. I want to add the screen casting function in the future, but I don’t have any idea yet. If you know how to add screen casting, you can leave me a message in the comment section.

  • This is the main functional area of the software. Since there are few functions of the software, the whole interface is not used to set the software, but the functions are directly placed inside the slider. This allows you to change the skin by defining a global variable to store the color and clicking on a dot to change the global variable. Dark mode is the same as skin change. This function is naturally supported by flutter and is very convenient. Click on the Music Assistant to switch to the music playing screen, which will be explained later. Broadcast live button will use mainstream live source, may not be able to use at present, the custom content function because I server configuration is low, less resources, using this feature can build their own online on the user’s local or server seamless docking, so that we can ease the pressure on my own server.

  • This is the interface to switch after clicking the music assistant. It is the same interface as the movie. The realization principle is to integrate another open source project – Luo Xue Music Assistant.

  • This is the music playing interface, and you can switch to the lyrics interface (not provided in the screenshot), where you can add songs, switch between up and down songs, download music and other functions.

The above describes the general functions of the software, in addition to the following small functions:

  1. search

  2. Advertising space, respectively in the software start, movie play and movie pause place added advertising space, can be dynamically configured on the server

3. Umeng statistics, you can use the umENG statistics function

Above function may stationmaster needs quite.

If you are an ordinary user, you can go to Github to download the release version of the project and experience it. If you are not used to the way of using the software, welcome to issue;

If you are interested in flutter, you can download the source code of this project for research. Personally, it is helpful to learn flutter. Mobx is mainly used for state management and Fluro is used for route management

If you are an Apple CMS user, you can also use this project to connect your own resources and create your own APP

If you are interested in this software, there will be several tutorials on how to install and develop Flutter. Flutter is easier to learn than RN or native flutter.

Finally, open source is not easy, welcome to Github to give a star support.