使用flutter编写一款视频播放软件

先上源码地址：https://github.com/Mockingbird1234/skapp

开源不易，喜欢的朋友能够给个star支持一下。

软件介绍

skapp是一款视频播放软件，它既能播放电影，同时也能够切换音乐助手来播放主流站点的音乐，这个软件依赖接口服务端（服务端使用koajs编写，暂未开源），原理是使用苹果cms采集资源入库，使用服务端读取数据库数据进行整合，app端调用接口展现数据。因此这款软件能够实现无缝对接其余站长的数据资源。

软件界面

下面经过一些截图来简单介绍下软件的功能。

• 这是软件的欢迎界面，能够在服务端动态配置是否显示

• 这是软件的首页，之因此这样设计是由于当时只是想简单的作一款分类播放软件，流程没必要太复杂，因此底部是苹果cms的一级分类，头部是苹果cms的二级分类，底部的图使用的是iconfont里的图标，关于如何在flutter中使用这种多色图标，打算之后出个教程详细介绍下。

• 这是软件的预览界面，它的底色会根据电影图片的主色调进行改变，原理是使用一个叫作colorpick的包进行拾色动态渲染，主要是模仿豆瓣电影作的这种效果。这个页面实现起来仍是比较复杂的，有不少动画效果，感兴趣的能够下载软件的release版本体验下。

• 这是软件的播放界面，使用tencent_player进行视频播放，目前支持.m3u八、.mp4以及网页形式的播放源，能够在这个界面选择视频播放源以及清晰度。这里之后想加入投屏的功能，可是目前尚未思路，知道如何加投屏的小伙伴能够在评论区给我留言。

• 这是软件的主要功能区，由于软件功能很少，因此没有单独整个界面来进行软件设置，而是直接把功能都放到了slider里面。在这里面能够更换皮肤，更换皮肤原理是定义一个全局变量存储起来颜色，点击小圆点来修改全局变量就能够了，暗黑模式和换肤原理同样，flutter天生支持这种功能，仍是很是方便的。点击音乐助手就能够切换到音乐播放界面，稍后会作介绍。直播按钮会使用主流直播源进行播放，目前可能不能使用，自定义片源功能的初衷是因为本人服务器配置较低，资源较少，使用这个功能能够在用户本地或线上搭建本身的服务端进行无缝对接，这样能够减轻我本身服务器的压力。

• 这是点击音乐助手后切换的界面，和电影是同样的界面，实现原理是整合了另外一款开源项目-洛雪音乐助手，服务端统一进行整合开放api。

• 这是音乐播放界面，能够切换到歌词界面（截图未提供），这里提供加入歌单，上下歌曲切换，下载音乐等功能。

---

以上介绍了软件的大致功能，此外还有如下小功能：

1. 搜索
2. 广告位，分别在软件启动、电影播放以及电影暂停处增长了广告位，能够在服务端进行动态配置

3.友盟统计，可使用友盟统计功能

以上功能可能站长比较须要。

---

若是你是普通用户，能够到github下载项目的release版本进行体验，对软件的使用方式有哪些不习惯的欢迎提issue；

若是你对flutter比较感兴趣，能够下载本项目源码进行研究，我的认为对学习flutter仍是比较有帮助的，主要使用mobx对状态进行管理，使用fluro进行路由管理

若是你是苹果cms的使用者，也可使用此项目对接本身的资源，打造一款属于你本身的APP

---

若是你们对这种软件感兴趣，之后打算出几个教程介绍下软件安装方式以及如何进行flutter开发，flutter的上手难度我的以为要比RN以及原生简单点。

最后仍是那句话，开源不易，欢迎你们到github给个star支持一下。