iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

後疫情時代的 WebRTC 微學習 系列

後疫情時代的 WebRTC 微學習

鐵人鍊成 | 共 30 篇文章 | 9 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day01 前言

自我介紹 大家好,我是 Nick,15年開始接觸 iOS App 的開發,在學習的過程中獨立完成一個 App 的設計、撰寫及上架獲得滿滿的成就感,開始喜歡鑽研...

2021-09-15 ‧ 由 Nick Yu 分享
DAY 2

Day02 WebRTC 簡介

一場全球大流行的 COVID-19 疫情,以及 H264、H265、VP8、VP9等影音壓縮技術加上 5G 行動網路的商用,使線上會議、線上課程成為常態,許多...

2021-09-16 ‧ 由 Nick Yu 分享
DAY 3

Day03 WebRTC 架構

WebRTC整體架構圖取自官網如下 https://webrtc.github.io/webrtc-org/architecture/# 上方三個箭頭...

2021-09-17 ‧ 由 Nick Yu 分享
DAY 4

Day04 如何通訊-網路協商

WebRTC 通訊 WebRTC 最常見的應用場景就是一對一的視訊通話,當我們準備和另一端的人進行點對點的連線,會遇到哪些問題呢? 必須要先知道要如何與對方連...

2021-09-18 ‧ 由 Nick Yu 分享
DAY 5

Day05 媒體協商與SDP

媒體協商 上一篇提到,要進行 WebRTC的連線需要處理以下兩個問題,今天我們就來看看媒體協商的部分。 必須要先知道要如何與對方連線 必須了解彼此支援哪些媒體...

2021-09-19 ‧ 由 Nick Yu 分享
DAY 6

Day06 WebRTC 中的 Signaling Server

Signaling server 在 WebRTC 中扮演什麼角色 前面說到 WebRTC 使用 Signaling server 來交換媒體資訊與網路候選者的...

2021-09-20 ‧ 由 Nick Yu 分享
DAY 7

Day07 NAT 類型

NAT 網路位址轉換(英語:Network Address Translation,縮寫:NAT)是一種實現內網主機與外網通訊的方法,它會在IP封包通過路由器...

2021-09-21 ‧ 由 Nick Yu 分享
DAY 8

Day08 NAT 穿透 ICE、STUN、TURN

ICE ICE(Interactive Connectivity Establishment,互動式連接建立)是用於 Offer/Answer 模式下的 NAT...

2021-09-22 ‧ 由 Nick Yu 分享
DAY 9

Day09 在瀏覽器上檢查現有設備

前幾篇介紹了 WebRTC 是如何連線的,今天我們要開始在瀏覽器上使用 WebRTC 的 API。 使用瀏覽器 + WebRTC 可以快速實現即時影音通訊,而且...

2021-09-23 ‧ 由 Nick Yu 分享
DAY 10

Day10 獲取攝影機及麥克風的訪問權限

上一篇我們使用 getUserMedia 來獲取使用者裝置權限,不過他的實際功能如其名,是用來取得使用者的媒體流(Media stream),裡面包含了要求的影...

2021-09-24 ‧ 由 Nick Yu 分享