[實作篇]MediaStreams API - 基本應用(搭配canvas)

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

[知識篇]MediaStreams API - MediaStream Object

學習目標 了解 MediaStream 物件以及其 MediaStreamTrack object 如何利用 getUserMedia 取得 MediaStream 實作一些簡單應用 實作範例 接下來會展示一些簡單實作, 主要是熟悉能透過getUserMedia 取得 MediaStream 物件後,能夠做哪些應用。 注意: 因為getUserMe ...

[知識篇]MediaStreams API - getUserMedia 相容性處理

MediaStreams APIs經過演變更新下,新舊版api略微不同,getUserMedia也是其中之一, 包含其參數constraints,因為是基於MediaStreamConstraints,各瀏覽器新舊版可能實作方式不同, 也因此為了提高各瀏覽器相容性,我們需要做點基本相容性處理。 學習目標 本章將會了解到: getUserMedia 基本新舊版差異 ...