鐵人檔案
建立開發環境 我們需要一個 http server，安裝 http-server ，安裝方式如文檔 建立一個資料夾 WebRTC ，裡面包含一個 ind...
上一篇嘗試了 WebRTC 的切換設備並顯示自己的影像，今天我們將通過上一次的程式碼來做拍照的功能並且加上一些濾鏡處理，我們將實作： 在視訊中取得畫面截圖...
本篇我們將實作音視訊的錄製並下載，內容包含: 錄製影片 回放影片 下載影片 複製上一篇程式碼 cp -r take-a-photo video-...
快速測試一次分享畫面的功能 在瀏覽器的console中輸入 navigator.mediaDevices.getDisplayMedia() 實作 常常需要...
實作 聊天室 server 端，使用 SSL 聊天室 client 端，使用 SSL 為什麼要使用 Socket.io 使用webSocket 建立在...
在前面的文章中，已經對 WebRTC 相關的重點進行了介紹，包含網絡協商、媒體協商、如何進行網路穿透等，以及使用 WebRTC API 獲取設備及音視訊，今天我...
上一篇我們通過簡單的例子了解 Offer / Answer 的機制，今天我們要加上視訊： Bob 通過 addTrack 把自己的音視訊軌道加入 PeerCo...
我們可以使用 GCP的免費方案 https://cloud.google.com/free/docs/gcp-free-tier?hl=zh-tw#free-t...
安裝 coturn 使用 apt 安裝 ❯ sudo apt update ❯ sudo apt install coturn ❯ turnserver -...
接下來我們要把前面的東西組合起來，拼湊成一個一對一的視訊系統，不過我今天們先來看看，Socket.io 有哪些常用的api。 訂閱訊息 socket.on(&q...
