乐趣区

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

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

开源不易,喜爱的敌人能够给个 star 反对一下。

软件介绍

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

软件界面

上面通过一些截图来简略介绍下软件的性能。

  • 这是软件的欢送界面,能够在服务端动静配置是否显示

  • 这是软件的首页,之所以这样设计是因为过后只是想简略的做一款分类播放软件,流程不用太简单,所以底部是苹果 cms 的一级分类,头部是苹果 cms 的二级分类,底部的图应用的是 iconfont 里的图标,对于如何在 flutter 中应用这种多色图标,打算当前出个教程具体介绍下。

  • 这是软件的预览界面,它的底色会依据电影图片的主色调进行扭转,原理是应用一个叫做 colorpick 的包进行拾色动静渲染,次要是模拟豆瓣电影做的这种成果。这个页面实现起来还是比较复杂的,有很多动画成果,感兴趣的能够下载软件的 release 版本体验下。

  • 这是软件的播放界面,应用 tencent_player 进行视频播放,目前反对.m3u8、.mp4 以及网页模式的播放源,能够在这个界面抉择视频播放源以及清晰度。这里当前想退出投屏的性能,然而目前还没有思路,晓得如何加投屏的小伙伴能够在评论区给我留言。

  • 这是软件的次要功能区,因为软件性能不多,所以没有独自整个界面来进行软件设置,而是间接把性能都放到了 slider 外面。在这外面能够更换皮肤,更换皮肤原理是定义一个全局变量存储起来色彩,点击小圆点来批改全局变量就能够了,暗黑模式和换肤原理一样,flutter 天生反对这种性能,还是十分不便的。点击音乐助手就能够切换到音乐播放界面,稍后会做介绍。直播按钮会应用支流直播源进行播放,目前可能不能应用,自定义片源性能的初衷是因为自己服务器配置较低,资源较少,应用这个性能能够在用户本地或线上搭建本人的服务端进行无缝对接,这样能够加重我本人服务器的压力。

  • 这是点击音乐助手后切换的界面,和电影是一样的界面,实现原理是整合了另一款开源我的项目 - 洛雪音乐助手,服务端对立进行整合凋谢 api。

  • 这是音乐播放界面,能够切换到歌词界面(截图未提供),这里提供退出歌单,高低歌曲切换,下载音乐等性能。

以上介绍了软件的大体性能,此外还有以下小性能:

  1. 搜寻
  2. 广告位,别离在软件启动、电影播放以及电影暂停处减少了广告位,能够在服务端进行动静配置

3. 友盟统计,能够应用友盟统计性能

以上性能可能站长比拟须要。


如果你是普通用户,能够到 github 下载我的项目的 release 版本进行体验,对软件的应用形式有哪些不习惯的欢送提 issue;

如果你对 flutter 比拟感兴趣,能够下载本我的项目源码进行钻研,集体认为对学习 flutter 还是比拟有帮忙的,次要应用 mobx 对状态进行治理,应用 fluro 进行路由治理

如果你是苹果 cms 的使用者,也能够应用此我的项目对接本人的资源,打造一款属于你本人的 APP


如果大家对这种软件感兴趣,当前打算出几个教程介绍下软件装置形式以及如何进行 flutter 开发,flutter 的上手难度集体感觉要比 RN 以及原生简略点。

最初还是那句话,开源不易,欢送大家到 github 给个 star 反对一下。

退出移动版