使用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支持一下。