Flutter 零基礎入門實戰(zhàn)視頻教程（28 個視頻）

Flutter 零基礎入門實戰(zhàn)視頻教程 #01 環(huán)境搭建 「14:03」

徽縣網(wǎng)站建設公司創(chuàng)新互聯(lián),徽縣網(wǎng)站設計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為徽縣上千家提供企業(yè)網(wǎng)站建設服務。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設公司要多少錢，請找那個售后服務好的徽縣做網(wǎng)站的公司定做！

Flutter 零基礎入門實戰(zhàn)視頻教程 #02 Dart 語言 「17:49」

Flutter 零基礎入門實戰(zhàn)視頻教程 #03 建立 Android studio 虛擬設備 「04:12」

Flutter 零基礎入門實戰(zhàn)視頻教程 #04 建立第一個項目 「08:23」

Flutter 零基礎入門實戰(zhàn)視頻教程 #05 安裝配置過程中可能遇到的問題（沒遇到者可以跳過） 「05:07」

Flutter 零基礎入門實戰(zhàn)視頻教程 #06 運行 iOS 模擬器 「04:07」

Flutter 零基礎入門實戰(zhàn)視頻教程 #07 Flutter 概述 「06:15」

Flutter 零基礎入門實戰(zhàn)視頻教程 #08 Scaffold AppBar 「Pro」「06:50」

Flutter 零基礎入門實戰(zhàn)視頻教程 #09 文檔和快捷鍵 「Pro」「02:36」

Flutter 零基礎入門實戰(zhàn)視頻教程 #10 顏色 Colors 「Pro」「05:47」

Flutter 零基礎入門實戰(zhàn)視頻教程 #11 自定義字體 fonts 「Pro」「05:09」

Flutter 零基礎入門實戰(zhàn)視頻教程 #12 hot reload StatelessWidget 「Pro」「04:56」

Flutter 零基礎入門實戰(zhàn)視頻教程 #13 使用圖片 「Pro」「04:59」

Flutter 零基礎入門實戰(zhàn)視頻教程 #14 使用圖標 - Icon 「Pro」「01:27」

Flutter 零基礎入門實戰(zhàn)視頻教程 #15 Button 按鈕使用指南 「Pro」「04:35」

Flutter 零基礎入門實戰(zhàn)視頻教程 #16 Container 和 Padding 「Pro」「04: 52」

Flutter 零基礎入門實戰(zhàn)視頻教程 #17 Row 「Pro」「05:24」

Flutter 零基礎入門實戰(zhàn)視頻教程 #18 Column 「Pro」「05:36」

Flutter 零基礎入門實戰(zhàn)視頻教程 #19 Flutter Outline Shortcuts 「Pro」「03:18」

Flutter 零基礎入門實戰(zhàn)視頻教程 #20 Expanded Widgets 「Pro」「06:06」

Flutter 零基礎入門實戰(zhàn)視頻教程 #21 實戰(zhàn)開始 「Pro」「11:42」

Flutter 零基礎入門實戰(zhàn)視頻教程 #22 換個編輯器 - Visual Studio Code 「Pro」「04:50」

Flutter 零基礎入門實戰(zhàn)視頻教程 #23 Stateful vs Stateless Widget 「Pro」「09:45」

Flutter 零基礎入門實戰(zhàn)視頻教程 #24 列表處理 「Pro」「04:54」

Flutter 零基礎入門實戰(zhàn)視頻教程 #25 自定義 class 「Pro」「05:37」

Flutter 零基礎入門實戰(zhàn)視頻教程 #26 card widget 「Pro」「04:26」

Flutter 零基礎入門實戰(zhàn)視頻教程 #27 Extracting Widgets 「Pro」「06:59」

Flutter 零基礎入門實戰(zhàn)視頻教程 #28 刪除 - Functions as Parameters - 完結 - 進入實戰(zhàn)課 「Pro」「04:35」

求flutter的教學視頻?。。?！

Flutter教程全套 （全網(wǎng)獨家)百度網(wǎng)盤免費資源在線學習 ?

鏈接:

提取碼: m9z8 ?

Flutter教程全套 （全網(wǎng)獨家)

第一套：Flutter 攜程17章全-整理好

第五套：Flutter高仿谷歌翻譯項目課程

第四套：兩小時掌握Flutter移動App開發(fā)視頻

第三套：flutter入門到精通全套

第七套：Flutter小實戰(zhàn)20個

第六套：仿直聘boss的flutter完整教程

第九套：Flutter跨平臺開發(fā)

第二套：flutter移動電商實戰(zhàn)-技術胖

第八套：Flutter基礎教程（基礎不好的優(yōu)先看）

24Flutter的打包.mp4

23靜態(tài)資源和項目圖片的處理.mp4

22頁面跳轉并返回數(shù)據(jù)_.mp4

21導航的參數(shù)傳遞和接受-2_.mp4

20導航的參數(shù)傳遞和接受-1.mp4

Flutter音視頻裁剪flutter_ffmpeg踩坑筆記

ffmpeg是一個音視頻處理庫，通過命令行的形式，對音視頻進行處理，而MobileFFmpeg

則是ffmpeg在移動端的實現(xiàn)，flutter_ffmpeg是對MobileFFmpeg的封裝，是的在flutter下能夠輕松的使用ffmpeg對音視頻進行處理。flutter_ffmpeg包括兩部分FFmpeg和FFprobe,其中FFmpeg負責音視頻處理，而FFprobe主要負責查詢音視頻的媒體信息。

flutter_ffmpeg地址

android工程下的配置

上面配置中的”full-lts” 是flutter__ffmpeg各個發(fā)布版本的報名，可以查看官方文檔的說明。有一個值得說明的地方是，flutter_ffmpeg有中發(fā)行包，一種是 Main Release,一種是LTS Release 發(fā)行包，而他們兩者支持的 Android API Level/iOS SDK和硬件架構是不一樣的，總的來說，LTS版本支持的更廣泛，LTS支持度大于MAIN,所以我們最好使用LTS版本。

這里我遇到一個問題，使用full-lts編碼格式，會出現(xiàn)上傳到服務器無法播放視頻的情況。

所以我這里是用的：

另外在使用flutter_ffmpeg的時候出現(xiàn)類似問題：

通過clean可以解決

使用gpl保證裁剪視頻默認使用x264(不然會出現(xiàn)上傳視頻無法播放的問題)，具體可以查看flutter_ffmpeg封裝編碼

flutter_ffmpge是ffmpeg在flutter上的一個實現(xiàn)，ffmpeg是通過命令行還進行音視頻編輯的工具，因此我們使用fluter_ffmpeg自然也是運行一些命令來實現(xiàn)我們的功能。具體使用方法可以直接看 ffluter_ffmpeg官方文檔 和 ffmpeg官方文檔 ，或者看一下更加通俗易懂的 阮一峰文檔 。接下來我們主要看看flutter_ffmpeg能干什么？

做音視頻處理，首先我們肯定想知道我們的處理是否成功，或者效果好不好，那么我們只能通過處理的視頻前后的參數(shù)進行對比，因此第一步我們要求這個視頻處理庫詳細的給我們提供音視頻的信息,flutter_ffmpeg的FFProde能夠很好的實現(xiàn)這一點，而且使用很方便：

-r 20：表示幀率設置為 20fps

fs 20 : 表示文件大小最大值為15MB

把視頻截了一部分 --- 這種方法不推薦

-s vga : 指定分辨率， vga 代表 600*480，也可以換成其他的值

-b:v 1.5M : 指定碼率

-b:v :指定視頻的碼率

-b:a : 指定音頻的碼率

1.5M：碼率的值 1.5M 表示 1.5Mb/s

比如我在項目里用到上傳到服務器的視頻時長需要控制在60s以內(nèi)的功能，我們就可以這樣：

從n開始，裁剪m秒長度的視頻

從n秒開始，裁剪到m秒的視頻

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

目前Flutter平臺主流的兩個播放器是video_player和fijkplayer

pub

github

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

2、硬解碼

4、UI封裝： better_player

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

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

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

7、對于分段源 m3u8 的播放不友好，如果一個切片播放超時，會導致整個播放都失敗

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

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

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

11、better_player播放失敗有手動retry的設計

pub

github

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

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

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

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

5、無網(wǎng)絡有緩存視頻時，無法展示封面，因為內(nèi)部是通過imageProvider去加載網(wǎng)絡圖片的。

7、播放失敗無手動retry的設計

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

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

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

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