iT邦幫忙

webrtc相關文章
共有 36 則文章
鐵人賽 Software Development DAY 30

技術 WebRTC之旅:終

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

鐵人賽 Software Development DAY 29

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

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

鐵人賽 Software Development DAY 28

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

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

鐵人賽 Software Development DAY 27

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

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

鐵人賽 Software Development DAY 26

技術 [實作篇]WebRTC - Video Chat

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

鐵人賽 Software Development DAY 25

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

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

鐵人賽 Software Development DAY 24

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

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

鐵人賽 Software Development DAY 23

技術 [知識篇]WebRTC - Signaling Server

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

鐵人賽 Software Development DAY 22

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

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

鐵人賽 Software Development DAY 19

技術 [知識篇]JS Global Objects - ArrayBuffer

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

鐵人賽 Software Development DAY 18

技術 [知識篇]WebAPIs - Blob

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

鐵人賽 Software Development DAY 17

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

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

鐵人賽 Software Development DAY 16

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

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

鐵人賽 Software Development DAY 15

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

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

鐵人賽 Software Development DAY 14

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

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

鐵人賽 Software Development DAY 13

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

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

鐵人賽 Software Development DAY 12

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

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

鐵人賽 Software Development DAY 11

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

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

鐵人賽 Software Development DAY 10

技術 [實作篇]MediaStreams API - 基本應用(搭配CSS filter)

學習目標 如何利用 CSS filter 搭配video element做出濾鏡效果 實作 接下來會展示簡單實作並搭配CSS filter屬性, 注意:...

鐵人賽 Software Development DAY 9

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

學習目標 如何利用 getUserMedia API 實作簡單的canvas應用 實作 接下來會展示一些簡單實作, 主要是熟悉能透過getUserMedia...

鐵人賽 Software Development DAY 8

技術 [知識篇]MediaStreams API - MediaStreamTrack Object

學習目標 了解 MediaStreamTrack 物件包含了哪些屬性及功能 還不知道如何取得MediaStreamTrack 物件的話,可以先觀看該章節...

鐵人賽 Software Development DAY 7

技術 [知識篇] MediaStreams API - MediaStream Object

學習目標 了解 MediaStream 物件以及其 MediaStreamTrack object 如何利用 getUserMedia 取得 MediaStr...

鐵人賽 Software Development DAY 6

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

MediaStreams APIs經過演變更新下,新舊版api略微不同,getUserMedia也是其中之一, 包含其參數constraints,因為是基於Me...

鐵人賽 Software Development DAY 5

技術 [知識篇] MediaStreams API - getUserMedia 介紹

學習目標 本章你將會了解到: getUserMedia 包含哪些功能 如何使用getUserMedia來擷取本機影音流(Video/Audio stream...

鐵人賽 Software Development DAY 4

技術 [知識篇]WebRTC - JavaScript APIs

學習目標 主要了解 WebRTC 包含了哪些 JavaScript APIs,才能用來為網頁提供更多的多媒體應用,如:音視訊會議,檔案傳輸等。 APIs 這邊...

鐵人賽 Software Development DAY 3

技術 [知識篇]淺談即時網頁通訊技術 - Polling / WebSocket / WebRTC

即時網頁通訊技術 以平常我們熟知的HTTP協定(HTTP protocol)為例, 溝通方式是必須由Client主動通知Server,但Server是無法主動發...

鐵人賽 Software Development DAY 2

技術 [知識篇] 何謂 WebRTC

將由淺入深來了解 WebRTC 的面貌 WebRTC (Web Real-Time Communication) WebRTC (Web Real-Time...

技術 WebRTC的createObjectURL影像讀取失效

其實我對WebRTC有再追蹤. https://ithelp.ithome.com.tw/questions/10192363 大致上了解問題~ 以前WebRT...

鐵人賽 Software Development DAY 29

技術 30-29之 WebRTC 的 P2P 打洞術 ( ICE )

黑色好看版 - 傳送門 正文開始 上一篇文章中,咱們已經理解了為什麼 P2P 連線如此的困難,接下來這篇文章咱們將要學習: WebRTC 是如何進行打洞與連...

鐵人賽 Software Development DAY 27

技術 30-27之 WebRTC 的 Signaling Server

黑色好看版 - 傳送門 正文開始 上一篇文章中,咱們已經學習完了 WebRTC 的一些基本知識,接下來咱們要針對 Signaling Server 這東東來做...