第十二屆 佳作

software-dev
菜雞前端邁入網頁即時通訊(WebRTC)之旅
早晨來杯咖啡

系列文章

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...