Flutter開發(fā)--視頻播放器

目前Flutter平臺(tái)主流的兩個(gè)播放器是video_player和fijkplayer

創(chuàng)新互聯(lián)建站主營福鼎網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,重慶APP開發(fā),福鼎h5微信小程序開發(fā)搭建,福鼎網(wǎng)站營銷推廣歡迎福鼎等地區(qū)企業(yè)咨詢

pub

github

1、Flutter平臺(tái)官方插件，作者是國外的，有問題溝通比較困難，只能通過提交issue

2、硬解碼

4、UI封裝： better_player

基于video_player和Chewie的高級(jí)視頻播放器。它解決了許多典型的用例，并且易于運(yùn)行。

5、播放器寬高比例與視頻內(nèi)容寬高比例不一致時(shí)，會(huì)出現(xiàn)圖像壓縮變形的問題

6、調(diào)用原生內(nèi)核播放器：iOS--AVPlayer， Android--ExoPlayer

7、對于分段源 m3u8 的播放不友好，如果一個(gè)切片播放超時(shí)，會(huì)導(dǎo)致整個(gè)播放都失敗

8、better_player可以緩存視頻，但不能自定義緩存的地址，只能指定key，和緩存的最大內(nèi)存量（還未研究超出最大的話是不能緩存新的，還是刪除最舊的）

9、better_player不能完全自定義UI，只能修改類中的一些開放屬性，比如說icon圖標(biāo)，文字顏色啥的

10、無網(wǎng)絡(luò)有緩存時(shí)，封面可以正常展示

11、better_player播放失敗有手動(dòng)retry的設(shè)計(jì)

pub

github

1、fijkplayer 是一個(gè) Flutter 生態(tài)的媒體播放器，是對 ijkplayer 的 Flutter 封裝，支持 Android 和 iOS。 fijkplayer 使用 ijkplayer 作為播放器內(nèi)核，ijkplayer 使用 ffmpeg 進(jìn)行音視頻解封裝和解碼，同時(shí)添加了 Android 和 iOS 平臺(tái)特有的硬件加速解碼能力。

2 、國內(nèi)有QQ群，但是活躍度也是不高。

3、可以緩存視頻，可以自定義緩存的地址，方便后續(xù)的內(nèi)存維護(hù)。

4、可以通過FijkPanelWidgetBuilder較大程度上自定義UI。

5、無網(wǎng)絡(luò)有緩存視頻時(shí)，無法展示封面，因?yàn)閮?nèi)部是通過imageProvider去加載網(wǎng)絡(luò)圖片的。

7、播放失敗無手動(dòng)retry的設(shè)計(jì)

1、兩種播放器都是通過外接紋理方案 (Texture)，將播放器視頻畫面渲染接入 flutter 中，性能上優(yōu)于 PlatformView 的接入方法。

如何自己實(shí)現(xiàn)？

下面以video_palyer的iOS源碼部分解釋：

iOS用CVPixelBufferRef將渲染出來的數(shù)據(jù)存在內(nèi)存中，F(xiàn)lutter engine會(huì)將Texture的數(shù)據(jù)在內(nèi)存中直接進(jìn)行映射無需通過Channel傳輸，然后Texture Widget就可以把你提供的這些數(shù)據(jù)顯示出來。在我們傳輸數(shù)據(jù)的時(shí)候會(huì)需要將其與 TextureID 綁定，綁定的過程通過BasicMessageChannel實(shí)現(xiàn)數(shù)據(jù)流的傳輸，以做到實(shí)時(shí)展示的效果

Flutter倒計(jì)時(shí)定時(shí)器（一）

寫一個(gè)倒計(jì)時(shí)定時(shí)器聽起來真的好簡單，然而在Flutter里面寫這個(gè)東西還是挺坑的。

原本以為創(chuàng)建一個(gè)Timer就一切都搞定了，但并沒辦法實(shí)時(shí)獲取倒計(jì)時(shí)的進(jìn)度。

看了一下源碼，我們還可以創(chuàng)建一個(gè)周期性的Timer，從打印結(jié)果可以看到Timer的tick是從1開始的。

我們修改一下做一個(gè)倒計(jì)時(shí)獲取重新獲取驗(yàn)證碼的功能。

iOS(Swift版)Flutter集成關(guān)鍵步驟

1.在項(xiàng)目目錄執(zhí)行 flutter create -t module XXX(flutter模塊名) ；

2.修改Podfile，設(shè)置path，關(guān)聯(lián)podhelper.rb，注意采用 load File.join() ，不采用之前的eval語句，在target do下install；

3.執(zhí)行pod install；

4.修改AppDelegate為FlutterAppDelegate；

5.初始化并注冊FlutterEngine；

6.vscode里flutter attach實(shí)時(shí)調(diào)試；

做完這些正常開發(fā)是可以了，至于打包需要更改什么再續(xù)。

Flutter狀態(tài)管理--GetX的簡單使用

一、前言

Flutter開發(fā)，就需要對各種狀態(tài)的管理，就是在請求數(shù)據(jù)的時(shí)候需要實(shí)時(shí)變化，各種交互變化等，在沒有使用GetX之前使用Provider,用Provider的時(shí)候覺得真香，挺方便的，需要刷新的時(shí)候直接 notifyListeners(); 用了GetX之后覺得Provider太繁瑣了。這邊介紹下GetX的使用以及常用的方法。

二、 GetX

GetX 是 Flutter 上的一個(gè)輕量且強(qiáng)大的解決方案：高性能的狀態(tài)管理、智能的依賴注入和便捷的路由管理。

1、相關(guān)優(yōu)勢：

三、使用

1、第一步 引入get

2、第二步

修改入口、配置路由

3、路由

Routes類

Pages類

4、狀態(tài)管理

我一般一個(gè)page對應(yīng)一個(gè)controller， controller來處理邏輯，控制page.

簡單使用

5、依賴注入

依賴注入也是我喜歡的，可以減少很多工作。

第一步

第二步

6、跨頁面交互

7、黑暗模式

可以參考前期寫的博客。 黑暗模式的適配

怎么實(shí)現(xiàn)即時(shí)通訊實(shí)時(shí)聊天功能？求告知

實(shí)時(shí)聊天功能最重要的是實(shí)時(shí)性和穩(wěn)定性，保證業(yè)務(wù)的正常運(yùn)轉(zhuǎn)。建議可以接入第三方服務(wù)商的即時(shí)通訊SDK來實(shí)現(xiàn)，比如即構(gòu)科技的ZIM SDK，有20年經(jīng)驗(yàn)的開發(fā)團(tuán)隊(duì)保障?支持Android、iOS、Windows、macOS、Web、小程序、Flutter、uniapp等平臺(tái)，延時(shí)在 200 ms 以內(nèi)的消息傳輸 ，消息100%有序可靠。可針對自身業(yè)務(wù)場景，定制所需服務(wù)規(guī)格。

flutter 國內(nèi)鏡像https://storage.flutter-io.cn/ 用不了了

Flutter配置防踩坑指南

這個(gè)鏡像不維護(hù)了，換成清華的，把原來的環(huán)境配置替換成新的就行

清華flutter鏡像

或者以下幾個(gè)也可以試試

上海交大 Linux 用戶組

使用反向代理方式建立的 Flutter 鏡像，數(shù)據(jù)與站源實(shí)時(shí)同步。 Pub API 返回值未做處理，可能造成無法訪問的情況。

CNNIC

基于 TUNA 協(xié)會(huì)的鏡像服務(wù)，數(shù)據(jù)策略與 TUNA 一致，通過非教育網(wǎng)的域名訪問。

騰訊云開源鏡像站

定時(shí)（每天凌晨）與 TUNA 協(xié)會(huì)鏡像同步，數(shù)據(jù)有延遲，訪問速度有待反饋。