學習目標 了解 RTCPeerConnection 中的Event handlers及methods > 延續上一章節的實作，這裡會繼續講解每個步驟 RTCPeerConnection 介紹 constructor pc = new RTCPeerConnection([configuration]); 我們將P2P建立連 ...

學習目標 了解 peer-to-peer 串流機制 如何使用 RTCPeerConnection 在單一頁面上實作 P2P 機制 > 因為概念資訊越來越多，我習慣先實作個簡單應用來當作入門～ (畢竟身為前端有看到畫面還是舒服一點ＸＤＤ RTCPeerConnection 介紹 > The RTCPeerConnection interface represents ...

學習目標 如何利用 CSS filter 搭配video element做出類似濾鏡效果 實作 接下來會展示簡單實作並搭配CSS filter屬性， 注意: 這邊一樣利用Google包裝好的shim lib - [adapter.js.]( ...

學習目標 如何利用 getUserMedia API 實作簡單的canvas應用 實作 接下來會展示一些簡單實作， 主要是熟悉能透過getUserMedia 取得 MediaStream 後，能夠做哪些應用。 注意: 因為getUserMedia在相容性上需要額外處理，這邊會利用Google包裝好的shim lib - [adapter.js.](https:/ ...

學習目標 了解 MediaStreamTrack 物件包含了哪些屬性及功能 > 還不知道如何取得MediaStreamTrack 物件的話，可以先觀看該章節 MediaStream 與 MediaStreamTrack 現在可以發現，MedaiStream o ...