iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Software Development

新手也能打造網路電話系統-WebRTC入門與活用 系列

因為疫情的關係,我們無法經常見面,但我對你的關心少不了,打一通視訊電話讓我看看你過的好不好,待在家裡是否胖了些。你說:「視訊軟體百百種,我有選擇障礙」,我說:「沒關係,我親手打造一個送給你」。
本系列將帶領新手了解WebRTC技術,並實作一套網路電話系統給你最親愛的人。你擔心沒有相關的專業知識?別怕!新手都能學會了,你還在等什麼?趕快訂閱起來,把本系列文章看完吧!

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

Day 01 - 前言

自我介紹與參賽初衷 哈囉! 大家好,先跟大家做個簡單的自我介紹 我是Joe,一位剛畢業的研究生(X),喔不對,應該是剛失業的社會人士(O)。我大部分的時間是一位...

2021-09-15 ‧ 由 Joe 分享
DAY 2

Day 02 - 觀念篇 - WebRTC

WebRTC問世之前 網路電話最早追溯到1995年一家名為VocalTec的以色列公司,它制定VoIP(Voice over Internet Protocol...

2021-09-16 ‧ 由 Joe 分享
DAY 3

Day 03 - 觀念篇 - WebRTC Protocol

通訊協定 通訊協定(Protocol)是讓雙方遵守傳輸的資料格式、速度、步驟、檢查與糾錯所制定的標準,有了統一的標準,雙方才能正確且穩定的傳遞資料,簡單來說,就...

2021-09-17 ‧ 由 Joe 分享
DAY 4

Day 04 - 觀念篇 - Session Description Protocol

Session Description Protocol(簡稱SDP)會談描述協議是一種用於媒體協商之協議,由一行以上的UTF-8文本所構成,每行以一個字母作為...

2021-09-18 ‧ 由 Joe 分享
DAY 5

Day 05 - 觀念篇 - Interactive Connectivity Establishment

Interactive Connectivity Establishment(簡稱ICE)互動式連結建立是一種整合STUN與TURN協議之框架,用於在NAT環境...

2021-09-19 ‧ 由 Joe 分享
DAY 6

Day 06 - 觀念篇 - Session Traversal Utilities for NAT、Traversal Using Relays around NAT

Session Traversal Utilities for NAT Session Traversal Utilities for NAT(簡稱STUN)N...

2021-09-20 ‧ 由 Joe 分享
DAY 7

Day 07 - 觀念篇 - WebRTC API

WebRTC提供應用層級相關之API,其中包含取得裝置多媒體資料流、建立點對點連線,以及向遠端傳輸任意類型資料等,使開發者可自定義與實作WebRTC。 建立We...

2021-09-21 ‧ 由 Joe 分享
DAY 8

Day 08 - 應用篇 - 使用者音視訊控制(1)

本篇要來實作如何取得使用者音視訊,因為這是進行通話的必要事項,若沒有音訊也沒有視訊,那就不會有聲音也不會有畫面。 取得使用者音視訊 透過MediaDevices...

2021-09-22 ‧ 由 Joe 分享
DAY 9

Day 09 - 應用篇 - 使用者音視訊控制(2)

上一篇我們學會使用getUserMedia方法,來取得使用者音視訊並呈現於網頁,而本篇要介紹傳入getUserMedia方法的約束條件有哪些屬性,並做到更進階的...

2021-09-23 ‧ 由 Joe 分享
DAY 10

Day 10 - 觀念篇 - WebSocket

在Day 04 - 觀念篇 - Session Description Protocol的時候,我們了解到在傳遞SDP的時候需要藉由一些通訊方式來完成,而Web...

2021-09-24 ‧ 由 Joe 分享