本篇是視訊聊天室的進階版本，必須先掌握 一對一視訊聊天室 介紹的相關知識，才能更快理解本篇的實作內容～

視訊情境

多個裝置 A、B、C …… 想要進行多方視訊聊天，可以隨時進入聊天室，不需要特定的順序

閱讀更多

本篇雖未涉及 WebRTC API 的應用，但 WebRTC 實作上常會搭配影音錄製與下載功能，因此將此篇文章歸類為系列文之一

錄製影音串流

MediaStream Recording API MediaRecorder(stream) 可用於在瀏覽器中捕捉媒體串流並將其錄製為影音檔，通常會搭配 MediaDevices API getUserMedia() Promise 函式取得媒體串流

閱讀更多

上一篇 說明了完成聊天室必備的基礎觀念，接著就來進行實作吧！

視訊情境

裝置 A 開啟了一個聊天室，接著裝置 B 連接該聊天室進行視訊聊天

圖片參考：MDN

流程解析（搭配 STUN 協定）

1. 裝置 A 透過 STUN server 取得本地私有 IP 以及公有 IP
2. 裝置 B 透過 STUN server 取得本地私有 IP 以及公有 IP
3. 裝置 A 發送 offer SDP，並設定為本地 SDP
4. 裝置 B 收到 offer SDP，並設定為遠端 SDP
5. 裝置 B 發送 answer SDP，並設定為本地 SDP
6. 裝置 A 收到 answer SDP，並設定為遠端 SDP
7. 裝置 A 傳送 ICE 候選位址
8. 裝置 B 寫入裝置 A ICE 候選位址
9. 裝置 B 傳送 ICE 候選位址
10. 裝置 A 寫入裝置 B ICE 候選位址
11. P2P 連線建立，進行即時媒體串流（音訊、視訊）

閱讀更多

WebRTC（Web Real-Time Communication）是一種用於瀏覽器之間進行即時通訊的技術。讓用戶可以透過瀏覽器建立視訊、音訊和資料傳輸的連線，並實現 P2P 點對點通訊，而無須透過中介服務。

閱讀更多