iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Software Development

菜雞前端邁入網頁即時通訊(WebRTC)之旅 系列

即時通訊時代的來臨,許多應用如: Youtube、Instagram、twitch、各式直播平台等,加上今年疫情關係,衍生出許多遠端作業的新流程及相應的工具,Zoom、Google meet 等視訊會議工具 ; 在即時通訊技術上,可分為兩大主軸:影音視頻處理及網路傳輸技術,藉此機會初探領域中影音處理的基礎原理及深化對網路傳輸協定的理解及應用~

鐵人鍊成 | 共 30 篇文章 | 70 人訂閱 訂閱系列文 RSS系列文 團隊甘阿餒
DAY 21

[知識篇]網路通訊協定 - TCP & UDP

了解日常中,最為常見得兩種傳輸層協議,他們提供了應用間傳遞資料更好的控制,包括建立及取消傳送還有流程控制/錯誤處理...等,借此機會,了解TCP與UDP間的功用...

DAY 22

[知識篇]網路通訊協定 - WebRTC protocol stack

WebRTC 使用了哪些協定 我們最熟悉的網路傳輸協定TCP與UDP,作為傳輸層,兩者都有各自的優缺點,而在WebRTC中,需要能夠實現即時串流應用,在影音傳輸...

DAY 23

[知識篇]WebRTC - Signaling Server

新手入門,如有錯誤,歡迎指正~~~ 系列文章同步更新於部落格 What is signaling WebRTC主要能夠實現即時點對點的數據傳輸,而點對點間...

DAY 24

[實作篇]WebRTC Signaling Server - Express x Socket.io

新手入門,如有錯誤,歡迎指正~~~ 系列文章同步更新於部落格 專案 嘗試利用express加上socket.io來建構 Signaling Server...

DAY 25

[實作篇]Signaling Server - Socket.io Events

新手入門,如有錯誤,歡迎指正~~~ 系列文章同步更新於部落格 目標 本章將使用socket來完成 WebRTC 中基本的Signaling交換,包含off...

DAY 26

[實作篇]WebRTC - Video Chat

新手入門,如有錯誤,歡迎指正~~~ 系列文章同步更新於部落格 目標 上一章節已經完成 Signaling server 的部分,本章會實作簡易一對一視訊聊...

DAY 27

[實作篇]WebRTC - Video Chat 之 事件監聽

新手入門,如有錯誤,歡迎指正~~~ 系列文章同步更新於部落格 目標 上一章節已經完成 一對一視訊聊天室 的功能,本章會帶點之前沒提到的事件監聽,來更了解整...

DAY 28

[實作篇]WebRTC - Video Chat (data channel)

新手入門,如有錯誤,歡迎指正~~~ 系列文章同步更新於部落格 目標 上一章節已經完成WebRTC基本應用的部分,本章會加入最後一部分 RTCDataCha...

DAY 29

[知識篇]WebRTC - ICE(STUN/TURN)

新手入門,如有錯誤,歡迎指正~~~ 系列文章同步更新於部落格 在整個 RTCPeerConnection 建立連線的步驟中,如果要到正式環境使用的話,必定...

DAY 30

WebRTC之旅:終

轉眼間,三十天過去了~ 在這些日子中,練習寫文章,練習自主學習的步調,練習整理思緒,學習新知...等等回頭看看第一天開賽的自己,與現在的差異,會發現除了對於主...