WebRTC音視頻開發：React Flutter Go實戰

WebRTC是一個支持在網頁流覽器中進行即時語音對話或視頻對話的解決方案。它於2011年6月1日開源並在Google、Mozilla、Opera的支持下被納入萬維網聯盟的W3C推薦標準。

筆者近10年來一直從事遠端教育系統的開發工作，擅長電子白板、文字聊天、使用者清單、一對一/一對多/多對多視頻通話、共用桌面、音視頻會控、文檔共用、文檔轉換、同步播放點播視頻、流媒體轉發、媒體錄製、流媒體集群等相關技術。最初實現此產品前端使用Flash，流媒體使用FMS（Flash Media Server）方案，這些技術在Web端可以滿足需求，但到了移動端就表現得不理想了，主要是性能不佳。另外，Flash使用的協議是RTMP，在互動方面，延遲及回聲問題很難解決。Flash支援的另外一個協議RTMFP由於使用不廣泛，最終沒有採用。不過總體來說，Flash在PC-Web端的表現還是不錯的。

在WebRTC出現之前，Flash RTMP是在網頁端進行RTC的主要選擇。但是老舊平臺的使用情況已經出現了衰退，並且安全問題也愈發嚴重。隨著HTML5的發展，Flash Player已經系統地從流覽器中慢慢移出了，Chrome和Firefox已經要求用戶提供額外的使用Flash的確認資訊，目前Chrome會在後臺中阻止Flash的載入。

筆者目前開發遠端教育、視訊會議、視頻會診等專案時使用的是WebRTC技術。筆者還參與了WebRTC音視頻的開源PION/ION專案，以及Flutter+React+Go+WebRTC的視訊會議項目。作為專案的主要維護者，希望對WebRTC技術的發展起到推動作用。另外，筆者參與的Flutter-WebRTC用戶端外掛程式項目，也為WebRTC技術在用戶端提供了一個跨全平臺的解決方案，這裡感謝好友段維偉工程師對此領域做出的突出貢獻。

寫作本書的目的是想分享WebRTC知識（因為WebRTC確實優秀），想在為WebRTC社區做點貢獻的同時也為我們的產品打下堅實的技術基礎。在寫作本書的過程中，筆者查閱了大量的資料，使得知識體系擴大了不少，收穫良多。
【本書主要內容】

本書採用由淺入深的方式介紹WebRTC音視頻開發技術，分為三篇，共15章，主要內容如下。

●第一篇，基本概念（第1～2章），包括WebRTC技術發展歷史，分析WebRTC整體架構及其核心API，分析WebRTC通話原理，介紹媒體協商、網路協商等基本概念，介紹NAT、SDP、ICE、STUN以及TURN協議。

●第二篇，基礎應用（第3～11章），包括訪問設備、音視頻設置、媒體流與軌道、媒體錄製、連接建立過程以及資料通道等應用方法。通過學習本篇內容，讀者可以熟練掌握WebRTC的常用介面。

●第三篇，綜合案例（第12～15章），主要通過一個一對一的視頻通話案例將前面所學知識串起來。用戶端實現了畫面渲染、聲音控制、視頻控制、大小視頻展示等功能，伺服器端實現了信令處理伺服器以及中轉資料伺服器。

【閱讀建議】

本書是一本基礎入門加實戰的書籍，既有基礎知識，又有豐富的示例，包括詳細的操作步驟，實操性強。由於WebRTC涉及的概念眾多且不易理解，所以本書採用理論介紹加小案例實戰的方式，這樣會增強讀者信心，在輕鬆掌握基礎理論的同時掌握其用法。

本書提供了前後端整體解決方案。PC-Web端使用的是React技術，後端使用的是Golang技術，移動端使用的是Flutter技術。建議讀者補充一下這方面的基礎知識。

對於WebRTC基礎部分，建議首先把書中涉及的小例子一個一個運行起來，在熟悉了API後再查看官方文檔加深印象。對於一對一視頻通話案例，建議首先理解其總體架構，然後運行案例查看效果，然後再分別看各個端的實現過程。