上一篇已經實現了同一個頁面的本地和遠程的視頻顯示,今天再來分析下兩個頁面(或者叫兩個用戶)方案思考和實現。先來看下圖,
通過上圖的情況,可以更進一步瞭解,每個用戶都有一個本地原視頻圖像(實色框) 和 遠端圖像(這裏只畫了一個)組成。
上一篇https://blog.csdn.net/ihtml5/article/details/101058900 已經知道
- setLocalDescription
- setRemoteDescription
這兩個方法,分別用來設置本地和遠端 (offer answer)描述
可以再回憶下流程 (這裏只打通了A視頻流的 本地和遠端的顯示,如果A要看B,B用戶同樣走下面這個流程)
1、A用戶 createOffer
2、A用戶 setLocalDescription(offer) 併發送信令 給B
3、B用戶設置 setRemoteDescription(offer)
4、B用戶 createAnswer 設置 setLocalDescription(answer) 併發送信令
5、A用戶 setLocalDescription(answer)
回憶完後 是不是比較清晰了,這樣1對1和多對多的思路就很好實現了, 實際上就是 1個用戶 有一個本地原視頻,要看到多少用戶就需要設置 setRemoteDescription(offer) 和 setLocalDescription(answer)
這一篇比較短,主要是思路清楚,如果有不清楚的小夥伴歡迎給評論~~~~~
下一篇奉上代碼實現,