iT邦幫忙

鐵人檔案

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

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

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

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

[實作篇]WebRTC APIs - RTCPeerConnection 實作 P2P

學習目標 了解 peer-to-peer 串流機制 如何使用 RTCPeerConnection 在單一頁面上實作 P2P 機制 因為概念資訊越來越多,我...

DAY 12

[知識篇]WebRTC APIs - RTCPeerConnection object = Event handlers / methods =

學習目標 了解 RTCPeerConnection 中的Event handlers及methods 延續上一章節的實作,這裡會一一講解每個步驟 RTC...

DAY 13

[知識篇]WebRTC APIs - RTCPeerConnection object (SDP offer/answer)

學習目標 了解 RTCPeerConnection 中 SDP offer/answer 流程 延續上章節的實作,這裡會繼續講解每個步驟 SDP off...

DAY 14

[知識篇]WebRTC - Session Description Protocol (SDP)

學習目標 前一章講了關於SDP offer/answer 的重要性與作用,但 SDP 究竟是什麼,那就是本章的目的。 了解SDP SDP Session...

DAY 15

[實作篇]WebRTC APIs - RTCDataChannel - transfer text data

介紹 WebRTC APIs 三大核心之一 RTCDataChannel 學習目標 運用 RTCDataChannel 在 peers 間傳遞資料 同樣先...

DAY 16

[知識篇]WebRTC APIs - RTCDataChannel (屬性及事件)

學習目標 了解 RTCDataChannel 中的 methods及作用 透過前一章節的實作,本章藉由分解過程來了解RTCDataChannel中的功能...

DAY 17

[實作篇]WebRTC APIs - RTCDataChannel ( 檔案傳輸 )

學習目標 運用 RTCDataChannel 在 peers 間傳遞文檔(File data) 附上完整程式碼 實作 利用 RTCDataChannel...

DAY 18

[知識篇]WebAPIs - Blob

在WebRTC APIs - RTCDataChannel中,傳輸數據時只能傳輸Blob與ArrayBuffer,剛好藉此機會,來了解開發時常用於檔案上傳處理(...

DAY 19

[知識篇]JS Global Objects - ArrayBuffer

首先看到Buffer,有寫過NodeJS等後端語言,應該對此比較熟悉,而這邊只先了解一下它是用來處理跟memory相關的效能議題,而在前端領域上,近來 Canv...

DAY 20

[知識篇] 網際網路協議 - TCP/IP

網際網路協議,為網際網路的基礎通訊架構,也就是我們所熟知的TCP/IP,其核心就是TCP(傳輸控制協定Transmission Control Protocol...