目前,最優(yōu)的選擇有四個:
成都創(chuàng)新互聯(lián)公司專注于呼中網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供呼中營銷型網(wǎng)站建設(shè),呼中網(wǎng)站制作、呼中網(wǎng)頁設(shè)計、呼中網(wǎng)站官網(wǎng)定制、微信小程序開發(fā)服務(wù),打造呼中網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供呼中網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
1.如果只在win下使用,.net form是不二選擇,可謂是又快又好,企業(yè)應(yīng)用或定制開發(fā)都是相當(dāng)好的,初學(xué)者也可以入手。
2.electron,跨平臺。需要會前端,必須熟悉js、css和html。屬于前端人員大殺器,如果是初學(xué)者,需要一下子學(xué)三樣?xùn)|西,再加上electron的進程間通信,可能會被搞懵。
3. qt5,可以使用qml(js語法)進行UI編程,但是需要懂c艸,但是寫軟件相當(dāng)快,還可以寫安卓、ios、Linux、嵌入式中的應(yīng)用。
4.flutter,剛剛正式支持win平臺的軟件開發(fā)。谷歌出的這個東西,適合沒有基礎(chǔ)的初學(xué)者,因為是一個全新的體系,全新的語言,寫ios、安卓非常高效,之后還會兼容h5。如果是初學(xué)者可以跟著走,值得嘗試。但是新東西總有一些坑。
正式項目跨平臺建議electron或qt,只用win平臺強烈建議微軟自己的net。個人技術(shù)嘗試建議flutter。
桌面端開發(fā)跨平臺的,如果你是輕量級的項目,那么我推薦你用electron, 目前使用Electron來開發(fā)的桌面應(yīng)用非常多,我們最熟悉的比如Atom,VScode等等。
而且在github上也能找到許多應(yīng)用使用了electron。
electron是Node,Chromium,html,css,js的結(jié)合框架,這就需要你有一定的前端基礎(chǔ)。其實只需要了解一下electron的API就行了,其他的就像你在做web是一樣的。
這種方式最大的缺點就是性能,還有透明窗口也有問題。所以在做需要性能方面占有很大成分的項目時,并不推薦使用這個方式。
那么其他的,就是最近幾年使用比較多的windows directui框架,但它不是跨平臺的。
那么就引出了qt,作為c++跨平臺的界面框架,這個上手的話,我覺得對一般人是有難度的,因為首先需要扎實的c++功底,其次你要熟悉控件的制作原理,因為有時候你需要定制自己的UI控件。它現(xiàn)在在嵌入式,軍工領(lǐng)域非常受歡迎。但是整個庫非常臃腫龐大,而且開發(fā)界面的效率也非常低。如果來做互聯(lián)網(wǎng)項目,迭代更新的速度根本就跟不上。
目前都只有大公司會采用,像maya這種生產(chǎn)力型的應(yīng)用很多是qt做的。
還有一種是直接使用Cef加js,比如網(wǎng)易云音樂,就是這么搞的,但是很多和系統(tǒng)平臺的交互接口你需要重寫,等于是需要自己造輪子。工作量大,目前沒有適合的框架給你套用,也需要扎實的c++功底。
其實pc端的應(yīng)用基本也就windows會火一些,再加一個macos,那么選擇qt應(yīng)該會很好一點,畢竟你自己造一個跨平臺的框架,太費時??傊隹缙脚_就意味著,不可能做到既有效率又完美的實現(xiàn)各種功能,許多都要自己摸索。
win桌面端直接上visual studio?。∪缓竽闶煜な裁凑Z言?vb.net,c#,c++都有相應(yīng)的win桌面工具。直接用就好了,非常好用
編程語言這種東西無所謂,只要能用啥都可以。 主要看你老板需要和你會用什么語言。
比如 我用AS編安卓程序,當(dāng)然用JAVA。不過我后臺最開始用ASP和ASP.NET來做,現(xiàn)在換PHP了。桌面端用QT或者VB做。 涉及單片機部分控制也用C。
現(xiàn)在做跨平臺的了 開始以QT為主了。
只要能達到目的啥都可以。
學(xué)會1-2種 換其他的也不是很難。
對初學(xué)者來建議學(xué)C起步吧。
精通一門,重新學(xué)個語言入門也就1個月的事。
PC桌面程序,如果簡單一點的,用pyqt5+python的開發(fā)難度和周期都比較現(xiàn)實一點
會C++ 用Qt5 非常不錯 寫代碼效率很高
會js 用atom使用的那個框架
會Python用PyQt 寫代碼很快
會java用JavaFX
看語言咯
還可以用delphi,其firemonkey框架發(fā)布8年時間,支持跨平臺:win,安卓,ios,macos,linux,后續(xù)支持webassembly,界面是控件拖拽布局所見即所得,開發(fā)效率較高。編譯生成的是機器碼,編譯速度快,調(diào)試方便,其生成機器碼運行效率較高,支持x86,arm的32位64位處理器。支持跨平臺3D界面,藍牙通訊,定位,重力,攝像等,支持多種SQL,NoSQL數(shù)據(jù)庫。單個開發(fā)工具實現(xiàn)前后端開發(fā),跨平臺開發(fā)。適合個人和小公司用一套工具實現(xiàn)大部分開發(fā)需求。
主要有以下幾種技術(shù)
### Duilib
#### 簡述
Duilib是在Windows平臺上使用最廣泛的類庫,使用C++和XML混合編程,國內(nèi)很多計算機企業(yè)都喜歡使用這個類庫,可能是由于他的技術(shù)許可比較寬泛的原因。
適合于界面比較簡單的軟件,視覺特效豐富,局限于Windows的平臺。例子:360電腦管家。
#### 優(yōu)勢
#### 劣勢
### Gtk、Qt或WxWidget:
#### 簡述
三種基本可以做到跨平臺的技術(shù),使用C/C++開發(fā),使用者廣泛。其中WxWidget使用了API嫁接方式,Qt和Gtk(包括各種綁定技術(shù))使用自繪技術(shù)。
結(jié)構(gòu)嚴(yán)謹(jǐn),軟件可以做的很大很復(fù)雜。例子:WPS和Maya。
#### 優(yōu)勢
#### 劣勢
### Electron:
#### 簡介
使用Web技術(shù)開發(fā)桌面軟件,基于Chromium(Chrome)引擎,使用JS編程語言,絕大多數(shù)使用者都是原來的網(wǎng)頁開發(fā)者。
絕大多數(shù)都是愛好者使用,處于“勉強可用”的地步。
適合大面積靜態(tài)展示型軟件使用。例子:網(wǎng)易云音樂。
#### 優(yōu)勢
#### 劣勢
### QtQuick(QML)
#### 簡述
Qt公司開發(fā)的一款基于OpenGL的圖形類庫,有顯卡加速,類似于Duilib。采用了C++與QML混合編程。QML類似于JavaScript語言。
QtQuick下一個版本在Qt 6上更加強大,業(yè)界期待已久。
#### 優(yōu)勢
#### 劣勢
### Atk、Swing或JavaFX
使用Java語言開發(fā)軟件,有JDK加持業(yè)界積累的眾多Java類庫支持。有不輸于VS的IDEA加持,本應(yīng)該更棒,只是現(xiàn)在已經(jīng)式微了。
絕大多數(shù)使用者都是企業(yè)開發(fā)(不追求界面美觀)、愛好者(開發(fā)順手)。
### WinForm、WPF或Xamarin:
使用C#開發(fā),WinForm和WPF局限于Windows平臺。有VisualStudio加持使用很爽。
### Flutter:
使用Dart語言,新類庫,bug可能會很多。
### SwiftUI或Cocoa:
蘋果平臺原生界面技術(shù),macOS平臺內(nèi)建支持,不是macOS專用軟件不推薦。
### Win32:
經(jīng)典Windows 平臺API,絕大多數(shù)只有一些老軟件還在使用,不是維護老軟件不推薦。
winform,不二選擇
webview2,作為一個瀏覽器控件嵌入在桌面應(yīng)用中,支持.net core和.net framework
??最近在學(xué)習(xí)Flutter開發(fā),在一次配置環(huán)境的過程中遇到了一個比較尷尬的坑,不過最終還是把這個坑給填掉了,再此進行一些分享,希望后來者遇到同樣的問題時可以輕松的解決。
??從下圖中可以看出,前面幾條 flutter doctor 命令執(zhí)行的時候總是未響應(yīng),通過各種方式執(zhí)行都是一樣的結(jié)果,但是dart命令是能夠正常執(zhí)行。起初還以為是環(huán)境變量配置的有問題,但是后來把環(huán)境變量改了又改,并且把flutter包換了又換,但是現(xiàn)象一直未得到解決。
??遇到這種難題第一時間想到的便是百度,但是各種關(guān)鍵詞搜索了一番之后,竟然沒有找到一篇關(guān)于這種現(xiàn)象的解決方案,大部分都是flutter命令使用教程,如用 flutter doctor 去查看環(huán)境是否配置完成,或者通過 flutter doctor --android-licenses 命令去接受Android SDK的一些協(xié)議許可。
??后來,又嘗試了必應(yīng)和Google搜索,也無果之后,放棄了通過網(wǎng)絡(luò)尋求幫助解決的方法。
??由于只有flutter的命令執(zhí)行的時候無響應(yīng),所以起初認(rèn)為是程序包有問題。于是通過再次解壓程序壓縮包和配置環(huán)境變量之后,問題仍然存在。
??隨后,判斷了不是程序包的問題之后開始去監(jiān)控應(yīng)用進程的變化。
??到這里,可以猜到很可能是由于git導(dǎo)致的問題,但是先前安裝過flutter都沒有問題,這一次重裝系統(tǒng)之后就突然有問題了。所以就嘗試著把git軟件給刪除并重新安裝,然后奇跡的發(fā)現(xiàn)了 flutter doctor 命令可以正常執(zhí)行了。
??于是又倒退回去復(fù)現(xiàn)了一下問題,發(fā)現(xiàn)是安裝git的時候選項選的有問題導(dǎo)致了和flutter沖突。
??如下圖,選擇了 Use Window's default console window 的選項來安裝git軟件之后,git bash是直接用的window的命令窗口來執(zhí)行命令。正是因為選中了這個選項所以導(dǎo)致flutter命令無響應(yīng)的問題。
??所以如果你出現(xiàn)了和我一樣的問題可以嘗試重新安裝git軟件,并在這一步選擇 Use MinTTY 的選項來安裝。
??經(jīng)過不斷的試錯,終于將這個問題解決了,flutter命令也可以正常執(zhí)行了。如圖,通過VSCode開發(fā)工具可以正常的執(zhí)行 flutter create hello_flutter 創(chuàng)建新的flutter項目。
??遇到問題要大膽試錯,只要不斷的嘗試就會離問題的起因更近,最后找到解決問題的辦法。如果你的flutter遇到了相同的問題而又不是由于git導(dǎo)致的話,也可以通過類似的方式不斷試錯并找到最終的解決方案。也歡迎各位同行可以在評論里分享自己解決問題的方法。
??樂于分享,共同進步。
Uniapp目前比較成熟,而且用的是Vue語法,學(xué)習(xí)成本比較低,而且行業(yè)里面用的也比較廣泛,而Flutter的話,學(xué)習(xí)成本略高,因為要學(xué)習(xí)新的語言,還有就是目前生態(tài)不是特別完備,等他再發(fā)展發(fā)展吧。黑馬程序員官網(wǎng)有成套免費視頻哦,有什么不懂的可以直接過去學(xué)習(xí)。您的采納是對我成長的鞭策
文/陳爐軍
整理/LiveVideoStack
大家好,我是阿里巴巴閑魚事業(yè)部的陳爐軍,本次分享的主題是Flutter浪潮下的音視頻研發(fā)探索,主要內(nèi)容是針對閑魚APP在當(dāng)下流行的跨平臺框架Flutter的大規(guī)模實踐,介紹其在音視頻領(lǐng)域碰到的一些困難以及解決方案。
分享內(nèi)容主要分為四個方面,首先會對Flutter有一個簡單介紹以及選擇Flutter作為跨平臺框架的原因,其次會介紹Flutter中與音視頻關(guān)系非常大的外接紋理概念,以及對它做出的一些優(yōu)化。之后會對閑魚在音視頻實踐過程中碰到的一些Flutter問題提出了一些解決方案——TPM音視頻框架。最后是閑魚Flutter多媒體開源組件的介紹。
Flutter
Flutter是一個跨平臺框架,以往的做法是將音頻、視頻和網(wǎng)絡(luò)這些模塊都下沉到C++層或者ARM層,在其上封裝成一個音視頻的SDK,供UI層的PC、iOS和Android調(diào)用。
而Flutter做為一個UI層的跨平臺框架,顧名思義就是在UI層也實現(xiàn)了一個跨平臺開發(fā)??梢灶A(yù)想的是未Flutter發(fā)展的好的話,會逐漸變?yōu)橐粋€從底層到UI層的一個全鏈路的跨平臺開發(fā),技術(shù)人員分別負責(zé)SDK和UI層的開發(fā)。
在Flutter之前已經(jīng)有很多跨平臺UI解決方案,那為什么選擇Flutter呢?
我們主要考慮性能和跨平臺的能力。
以往的跨平臺方案比如Weex,ReactNative,Cordova等等因為架構(gòu)的原因無法滿足性能要求,尤其是在音視頻這種性能要求幾乎苛刻的場景。
而諸如Xamarin等,雖然性能可以和原生App一致,但是大部分邏輯還是需要分平臺實現(xiàn)。
我們可以看一下,為什么Flutter可以實現(xiàn)高性能:
原生的native組件渲染以IOS為例,蘋果的UIKit通過調(diào)用平臺自己的繪制框架QuaztCore來實現(xiàn)UI的繪制,圖形繪制也是調(diào)用底層的API,比如OpenGL、Metal等。
而Flutter也是和原生API邏輯一致,也是通過調(diào)用底層的繪制框架層SKIA實現(xiàn)UI層。這樣相當(dāng)于Flutter他自己實現(xiàn)了一套UI框架,提供了一種性能超越原生API的跨平臺可能性。
但是我們說一個框架最終性能怎樣,其實取決于設(shè)計者和開發(fā)者。至于現(xiàn)在到底是一個什么狀況:
在閑魚的實踐中,我們發(fā)現(xiàn)在正常的開發(fā)沒有特意的去優(yōu)化UI代碼的情況下,在一些低端機上,F(xiàn)lutter界面的流暢性是比Native界面要好的。
雖然現(xiàn)在閑魚某些場景下會有卡頓閃退等情況,但是這是一個新事物發(fā)展過程中的必然問題,我們相信未來性能肯定不會成為限制Flutter發(fā)展的瓶頸的。
在閑魚實踐Flutter的過程中,混合棧和音視頻是其中比較難解決的兩個問題,混合棧是指一個APP在Flutter過程中不可能一口氣將所有業(yè)務(wù)全部重寫為Flutter,所以這是一個逐步迭代的過程,這期間原生native界面與Flutter界面共存的狀態(tài)就稱之為混合棧。閑魚在混合棧上也有一些比較好的輸出,例如FlutterBoost。
外接紋理
在講音視頻之前需要簡要介紹一下外接紋理的概念,我們將它稱之為是Flutter和Frame之間的橋梁。
Flutter渲染一幀屏幕數(shù)據(jù)首先要做的是,GPU發(fā)出的VC信號在Flutter的UI線程,通過AOT編譯的機器碼結(jié)合當(dāng)前Dart Runtime,生成Layer Tree UI樹,Layer Tree上每一個葉子節(jié)點都代表了當(dāng)前屏幕上所需要渲染的每一個元素,包含了這些元素渲染所需要的內(nèi)容。將Layer Tree拋給GPU線程,在GPU線程內(nèi)調(diào)用Skia去完成整個UI的渲染過程。Layer Tree中有PictureLayer和TextureLayer兩個比較重要的節(jié)點。PictureLayer主要負責(zé)屏幕圖片的渲染,F(xiàn)lutter內(nèi)部實現(xiàn)了一套圖片解碼邏輯,在IO線程將圖片讀取或者從網(wǎng)絡(luò)上拉取之后,通過解碼能夠在IO線程上加載出紋理,交給GPU線程將圖片渲染到屏幕上。但是由于音視頻場景下系統(tǒng)API太過繁多,業(yè)務(wù)場景過于復(fù)雜。Flutter沒有一套邏輯去實現(xiàn)跨平臺的音視頻組件,所以說Flutter提出了一種讓第三方開發(fā)者來實現(xiàn)音視頻組件的方式,而這些音視頻組件的視頻渲染出口,就是TextureLayer。
在整個Layer Tree渲染的過程中,TextureLayer的數(shù)據(jù)紋理需要由外部第三方開發(fā)者來指定,可以把視頻數(shù)據(jù)和播放器數(shù)據(jù)送到TextureLayer里,由Flutter將這些數(shù)據(jù)渲染出來。
TextureLayer渲染過程:首先判斷Layer是否已經(jīng)初始化,如果沒有就創(chuàng)建一個Texture,然后將Texture Attach到一個SufaceTexture上。
這個SufaceTexture是音視頻的native代碼可以獲取到的對象,通過這個對象創(chuàng)建的Suface,我們可以將視頻數(shù)據(jù)、攝像頭數(shù)據(jù)解碼放到Suface中,然后Flutter端通過監(jiān)聽SufaceTexture的數(shù)據(jù)更新就可以順利把剛才創(chuàng)建的數(shù)據(jù)更新到它的紋理中,然后再將紋理交給SKIA渲染到屏幕上。
然而我們?nèi)绻枰肍lutter實現(xiàn)美顏,濾鏡,人臉貼圖等等功能,就需要將視頻數(shù)據(jù)讀取出來,更新到紋理中,再將GPU紋理經(jīng)過美顏濾鏡處理后生成一個處理后的紋理。按Flutter提供的現(xiàn)有能力,必須先將紋理中的數(shù)據(jù)從GPU讀出到CPU中,生成Bitmap后再寫入Surface中,這樣在Flutter中才能順利的更新到視頻數(shù)據(jù),這樣做對系統(tǒng)性能的消耗很大。
通過對Flutter渲染過程分析,我們知道Flutter底層需要渲染的數(shù)據(jù)就是GPU紋理,而我們經(jīng)過美顏濾鏡處理完成以后的結(jié)果也是GPU紋理,如果可以將它直接交給Flutter渲染,那就可以避免GPU-CPU-GPU這樣的無用循環(huán)。這樣的方法是可行的,但是需要一個條件,就是OpenGL上下文共享。
OpenGL
在說上下文之前,得提到一個和上線文息息相關(guān)的概念:線程。
Flutter引擎啟動后會啟動四個線程:
第一個線程是UI線程,這是Flutter自己定義的UI線程,主要負責(zé)GPU發(fā)出的VSync信號時候用當(dāng)前Dart編譯的機器碼和當(dāng)前運行環(huán)境創(chuàng)建出Layer Tree。
還有就是IO線程和GPU線程。和大部分OpenGL處理解決方案中一樣,F(xiàn)lutter也采取一個線程責(zé)資源加載,一部分負責(zé)資源渲染這種思路。
兩個線程之間紋理共享有兩種方式。一種是EGLImage(IOS是 CVOpenGLESTextureCache)。一種是OpenGL Share Context。Flutter通過Share Context來實現(xiàn)紋理共享,將IO線程的Context和GPU線程的Context進行Share,放到同一個Share Group下面,這樣兩個線程下資源是互相可見可以共享的。
Platform線程是主線程,F(xiàn)lutter中有一個很奇怪的設(shè)定,GPU線程和主線程共用一個Context。并且在主線程也有很多OpenGL 操作。
這樣的設(shè)計會給音視頻開發(fā)帶來很多問題,后面會詳細說。
音視頻端美顏處理完成的OpenGL紋理能夠讓Flutter直接使用的條件就是Flutter的上下文需要和平臺音視頻相關(guān)的OpenGL上下文處在一個Share Group下面。
由于Flutter主線程的Context就是GPU的Context,所以在音視頻端主線程中有一些OpenGL操作的話,很有可能使Flutter整個OpenGL被破壞掉。所以需要將所有的OpenGL操作都限制在子線程中。
通過上述這兩個條件的處理,我們就可以在沒有增加GPU消耗的前提下實現(xiàn)美顏和濾鏡等等功能。
TPM
在經(jīng)過demo驗證之后,我們將這個方案應(yīng)用到閑魚音視頻組件中,但改造過程中發(fā)現(xiàn)了一些問題。
上圖是攝像頭采集數(shù)據(jù)轉(zhuǎn)換為紋理的一段代碼,其中有兩個操作:首先是切進程,將后面的OpenGL操作都切到cameraQueue中。然后是設(shè)置一次上下文。然后這種限制條件或者說是潛規(guī)則往往在開發(fā)過程中容易被忽略的。而這個條件一旦忽略后果就是出現(xiàn)一些莫名其妙的詭異問題極難排查。因此我們就希望能抽象出一套框架,由框架本身實現(xiàn)線程的切換、上下文和模塊生命周期等的管理,開發(fā)者接入框架以后只需要安心實現(xiàn)自己的算法,而不需要關(guān)心這些潛規(guī)則還有其他一些重復(fù)的邏輯操作。
在引入Flutter之前閑魚的音視頻架構(gòu)與大部分音視頻邏輯一樣采用分層架構(gòu):
1:底層是一些獨立模塊
2:SDK層是對底層模塊的封裝
3:最上層是UI層。
引入Flutter之后,通過分析各個模塊的使用場景,我們可以得出一個假設(shè)或者說是抽象:音視頻應(yīng)用在終端上可以歸納為視頻幀解碼之后視頻數(shù)據(jù)幀在各個模塊之間流動的過程,基于這種假設(shè)去做Flutter音視頻框架的抽象。
咸魚Flutter多媒體開源組件
整個Flutter音視頻框架抽象分為管線和數(shù)據(jù)的抽象、模塊的抽象、線程統(tǒng)一管理和上下文同一管理四部分。
管線,其實就是視頻幀流動的管道。數(shù)據(jù),音視頻中涉及到的數(shù)據(jù)包括紋理、Bit Map以及時間戳等。結(jié)合現(xiàn)有的應(yīng)用場景我們定義了管線流通數(shù)據(jù)以Texture為主數(shù)據(jù),同時可以選擇性的添加Bit Map等作為輔助數(shù)據(jù)。這樣的數(shù)據(jù)定義方式,避免重復(fù)的創(chuàng)建和銷毀紋理帶來的性能開銷以及多線程訪問紋理帶來的一些問題。也滿足一些特殊模塊對特殊數(shù)據(jù)的需求。同時也設(shè)計了紋理池來管理管線中的紋理數(shù)據(jù)。
模塊:如果把管線和數(shù)據(jù)比喻成血管和血液,那框架音視頻的場景就可以比喻成器官,我們根據(jù)模塊所在管線的位置抽象出采集、處理和輸出三個基類。這三個基類里實現(xiàn)了剛才說的線程切換,上下文切換,格式轉(zhuǎn)換等等共同邏輯,各個功能模塊通過集成自這些基類,可以避免很多重復(fù)勞動。
線程:每一個模塊初始化的時候,初始化函數(shù)就會去線程管理的模塊去獲取自己的線程,線程管理模塊可以決定給初始化函數(shù)分配新的線程或者已經(jīng)分配過其他模塊的線程。
這樣有三個好處:
一是可以根據(jù)需要去決定一個線程可以掛載多少模塊,做到線程間的負載均衡。第二,多線程并發(fā)式能夠保證模塊內(nèi)的OpenGL操作是在當(dāng)前線程內(nèi)而不會跑到主線程去,徹底避免Flutter的OpenGL 環(huán)境被破壞。第三,多線程并行可以充分利用CPU多核架構(gòu),提升處理速度。
從Flutter端修改Flutter引擎將Context取出后,根據(jù)Context創(chuàng)建上下文的統(tǒng)一管理模塊,每一個模塊在初始化的時候會獲取它的線程,獲取之后會調(diào)用上下文管理模塊獲取自己的上下文。這樣可以保證每一個模塊的上下文都是與Flutter的上下文進行Share的,每個模塊之間資源都是共享可見的,F(xiàn)lutter和音視頻native之間也是互相共享可見的。
基于上述框架如果要實現(xiàn)一個簡單的場景,比如畫面實時預(yù)覽和濾鏡處理功能,
1:需要選擇功能模塊,功能模塊包括攝像頭模塊、濾鏡處理模塊和Flutter畫面渲染模塊,
2:需要配置模塊參數(shù),比如采集分辨率、濾鏡參數(shù)和前后攝像頭設(shè)置等,
3:在創(chuàng)建視頻管線后使用已配置的參數(shù)創(chuàng)建模塊
4:最后管線搭載模塊,開啟管線就可以實現(xiàn)這樣簡單的功能。
上圖為整個功能實現(xiàn)的代碼和結(jié)構(gòu)圖。
結(jié)合上述音視頻框架,閑魚實現(xiàn)了Flutter多媒體開源組件。
組要包含四個基本組件分別是:
1:視頻圖像拍攝組件
2:播放器組件
3:視頻圖像編輯組件
4:相冊選擇組件
現(xiàn)在這些組件正在走內(nèi)部開源流程。預(yù)計9月份,相冊和播放器會實現(xiàn)開源。
后續(xù)展望和規(guī)劃
1:實現(xiàn)開頭所說的從底層SDK到UI的全鏈路的跨端開發(fā)。目前底層框架層和模塊層都是各個平臺各自實現(xiàn),反而是Flutter的UI端進行了跨平臺的統(tǒng)一,所以后續(xù)會將底層也按照音視頻常用做法把邏輯下沉到C++層,盡可能的實現(xiàn)全鏈路跨平臺。
2:第二部分內(nèi)容為開源共建,閑魚開源的內(nèi)容不僅包括拍攝、編輯組件,還包括了很多底層模塊,希望有開發(fā)者在基于Flutter開發(fā)音視頻應(yīng)用時可以充分利用閑魚開源出的音視頻模塊能力,搭建APP框架,開發(fā)者只要去負責(zé)實現(xiàn)特殊需求模塊就可以,盡可能的減少重復(fù)勞動。