Flutter如何調用原生代碼
我們要做的是在Flutter上實(shí)現實(shí)時(shí)音視頻。那么在開(kāi)始具體的工作之前，首先需要了解Flutter是如何調用諸如“獲取媒體設備”這類(lèi)原生平臺API的。
上方來(lái)自官方的架構圖已經(jīng)足夠清晰了，Flutter通過(guò)MethodChannel發(fā)起某一方法的調用，然后原生平臺收到消息后執行相應的實(shí)現（Java/Kotlin/Swift/Object-C）并異步地返回結果，以getUserMedia為示例，首先在Flutter層中聲明這一方法，具體實(shí)現則是通過(guò)MethodChannel發(fā)送一條攜帶調用方法名和相應參數的信息。
Future表示一個(gè)異步的調用，類(lèi)似Javascript的Promise；async/await類(lèi)似，在一個(gè)async函數中，會(huì )類(lèi)似同步地按順序去執行await方法，盡管await后面的是異步方法。
當平臺在MainActivity中同樣注冊MethodChannel，通過(guò)MethodChannel收到方法調用的消息和參數后，基于本平臺實(shí)現相應邏輯，并返回執行結果，此處僅以Android平臺為例：
更多詳細的信息可以參考Flutter官方示例與解釋?zhuān)?/div>
https://flutter.io/docs/development/platform-integration/platform-channels
實(shí)現音視頻SDK的思路
了解上述Flutter調用原生平臺方法的原理后，我們就有兩種思路來(lái)實(shí)現一個(gè)音視頻SDK。
1.先在原生平臺實(shí)現音視頻SDK，后Flutter通過(guò)MethodChannel直接調用SDK提供的方法。
具體的方案為直接通過(guò)MethodChannel調用已有的聲網(wǎng)AgoraSDK，并在Flutter層抹去可能存在的差異，諸如參數不同、部分方法名不同。
這種做法的主要優(yōu)點(diǎn)在于可以最大程度復用已有的SDK，類(lèi)似于建立了一層橋接。
2.先基于原生平臺實(shí)現WebRTC標準，然后在Flutter層通過(guò)MethodChannel調用WebRTC接口，再實(shí)現音視頻SDK邏輯。
這種方案先利用原生平臺實(shí)現WebRTC標準（前一節實(shí)現的getUserMedia就是此標準的一部分），然后在Flutter層注冊為WebRTCPlugin。在這個(gè)FlutterWebRTCPlugin的基礎上參照聲網(wǎng)音視頻SDK，連接到AgoraSD-RTN?全球虛擬通訊網(wǎng)絡(luò )。
這種方案相比前一點(diǎn)，相當于實(shí)現一個(gè)全新的Dart語(yǔ)言的SDK，需要用到更多Dart的標準庫（諸如math、io、convert之類(lèi)）與第三方生態(tài)（如（flutter_webrtc）。假設要支持更多的平臺時(shí)（比如Windows），只需要該平臺實(shí)現WebRTC標準就可以直接使用。
熟悉WebRTC的同學(xué)們可能知道在實(shí)現瀏覽器WebRTC應用的時(shí)候有一個(gè)Adapter的概念，目的就是為了掩藏幾大主流瀏覽器WebRTC接口的些許差異，和本方案的思路是類(lèi)似的，只不過(guò)適配的平臺從Firefox/Chrome/Safari變?yōu)榱薟indows/iOS/Android等。
最終出于調研的目的，同時(shí)也是為了更加迎合Flutter一套代碼，多平臺通用的思想（理論上SDK就是一層設計完備的客戶(hù)端邏輯，在WebRTC受良好支持的情況下，工作的內容就變?yōu)椋喝绾问褂肈art語(yǔ)言在WebRTC的標準上實(shí)現音視頻通信邏輯），我們選擇采用這個(gè)方案，因此讀者可能會(huì )發(fā)現這個(gè)FlutterSDK整體上不少概念上更接近于聲網(wǎng)Web平臺的音視頻SDK一些。
3.SDK的結構
SDK的主要功能大致包含了音視頻采集與播放，與AgoraGateway建立P2P連接并管理，以及與Gateway之間的消息交換和處理。
雖然Flutter社區相對較新，但是Dart的標準庫可以算得上是非常完備了，同時(shí)也已經(jīng)有不少優(yōu)秀的第三方Plugin。
代碼可以主要拆分為以下模塊：
基于dart:io中Websocket相關(guān)的方法實(shí)現與Gateway之間的消息通信（比如publish/subscribe這類(lèi)消息和回復）
基于開(kāi)源社區的flutter_webrtc項目實(shí)現音視頻采集以及p2p連接等WebRTC相關(guān)功能
基于dartStream對象或是簡(jiǎn)單的Map來(lái)實(shí)現EventEmitter這些SDK所需的輔助類(lèi)（當然也可以直接采用Dart的Stream/Sink概念進(jìn)行替代）。
這些模塊完成后，在此之上就可以實(shí)現類(lèi)似聲網(wǎng)WebSDK中的Client與Stream對象。
其中值得一說(shuō)的是視頻流的播放，可以借助flutter_webrtcplugin中的RTCVideoView對象來(lái)實(shí)現，想要深入了解具體原理的可以學(xué)習一下Flutter外接紋理(Texture)相關(guān)概念。
到此SDK就已經(jīng)基本形成了，之后便是UI層的開(kāi)發(fā)，Flutter這一部分很大程度上受到了React框架的啟發(fā)，熟悉該框架的Web開(kāi)發(fā)者可以基于此SDK輕松的實(shí)現一個(gè)可運行在A(yíng)ndroid/iOS平臺的視頻通話(huà)App。我們此前分享過(guò)的demo已經(jīng)成功和已有的聲網(wǎng)Android/iOS/WebSDK進(jìn)行互通，相應的代碼也許將在不久未來(lái)進(jìn)行開(kāi)源。
4.總結
盡管Flutter社區仍然很年輕，但是已經(jīng)逐漸有不少優(yōu)秀的第三方插件涌現出來(lái)，加上Dart相對全面的標準庫，實(shí)現這樣一個(gè)音視頻SDK或是類(lèi)似的功能并不需要自己大量地去造輪子，加上Flutter本身環(huán)境搭建/構建/調試都非常的方便，因此整個(gè)開(kāi)發(fā)過(guò)程中幾乎沒(méi)有遇到什么坑。
此外在應用層的開(kāi)發(fā)過(guò)程中，風(fēng)格非常接近于使用React進(jìn)行Web開(kāi)發(fā)，加上Flutter亞秒級的HotReload等特性，在開(kāi)發(fā)體驗與效率上相比原生開(kāi)發(fā)確實(shí)有著(zhù)不小的優(yōu)勢。
再考慮到逐漸完善的跨平臺特性（桌面端的flutter-desktop-embedding項目與瀏覽器端的hummingbird項目）以及可能會(huì )到來(lái)的谷歌新操作系統Fuchsia，對于無(wú)論是想要接觸到原生開(kāi)發(fā)的Web開(kāi)發(fā)者，還是追求更高的開(kāi)發(fā)效率和更好的開(kāi)發(fā)體驗的原生開(kāi)發(fā)者來(lái)說(shuō)，Flutter都是一個(gè)非常適宜的切入角度，值得在新的一年里加入自己的技術(shù)棧中。
【免責聲明】本文僅代表作者本人觀(guān)點(diǎn)，與CTI論壇無(wú)關(guān)。CTI論壇對文中陳述、觀(guān)點(diǎn)判斷保持中立，不對所包含內容的準確性、可靠性或完整性提供任何明示或暗示的保證。請讀者僅作參考，并請自行承擔全部責任。
相關(guān)熱詞搜索： 聲網(wǎng) WebRTC Flutter
上一篇:容聯(lián)助力南方報業(yè)集團，構建智慧化融合通信系統
下一篇:迪普科技榮獲中國網(wǎng)絡(luò )安全產(chǎn)業(yè)聯(lián)盟“2018年優(yōu)秀會(huì )員單位”稱(chēng)號
相關(guān)閱讀：
- ·聲網(wǎng)Agora完成C輪7000萬(wàn)美元融資Coatue領(lǐng)投2018-11-22 09:19:47
- ·WebRTC vs. Zoom 之外：WebRTC 的弱網(wǎng)模擬測試2018-11-15 09:42:50
- ·聲網(wǎng)Agora Web SDK 2.5版升級公告2018-11-01 09:22:42
- ·傷者“一鍵視頻求救”，RTC大會(huì )上最值得關(guān)注的新場(chǎng)景2018-09-14 10:28:41
- ·從AV1、AVS到WebRTC，他們將告訴你技術(shù)標準的未來(lái)趨勢2018-08-02 13:35:10
- ·RTC2018實(shí)時(shí)互聯(lián)網(wǎng)大會(huì )、與實(shí)時(shí)通信大咖一期一會(huì )2018-07-02 10:35:42
- ·聲網(wǎng)Agora宣布去年完成3000萬(wàn)美金B+輪融資 2018-06-14 09:29:46
- ·18個(gè)實(shí)時(shí)音視頻開(kāi)發(fā)中會(huì )用到開(kāi)源項目 2018-02-05 10:23:50
- ·聲網(wǎng)聯(lián)手中移在線(xiàn)打造一站式全平臺智能音視頻客服系統2018-01-16 09:01:20
- ·全棧RTC服務(wù)商聲網(wǎng)SDK服務(wù)開(kāi)發(fā)者數量超10萬(wàn)2017-09-25 10:32:43
