iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Software Development

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

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

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

Day 21 - 應用篇 - 媒體裝置選擇

視訊過程中,使用者可能會有切換鏡頭或其他硬體設備的需求,而這樣的功能需要先取得所有的裝置設備,並取代媒體軌道來完成。 取得裝置設備資訊 透過MediaDevic...

2021-10-05 ‧ 由 Jo6678 分享
DAY 22

Day 22 - 應用篇 - 螢幕分享

視訊過程中,有時我們會藉由分享螢幕畫面,來表達我們想描述的事情,而這樣的功能可藉由MediaDevices的getDisplayMedia方法來完成。 分享螢幕...

2021-10-06 ‧ 由 Jo6678 分享
DAY 23

Day 23 - 應用篇 - 錄音錄影

有時我們會希望將視訊的過程記錄起來,而這樣的功能可藉由MediaRecorder來完成。 錄製媒體流 初始化MediaRecorder並傳入錄製的媒體流及設定,...

2021-10-07 ‧ 由 Jo6678 分享
DAY 24

Day 24 - 進階篇 - 頻寬調整

爾後的文章會介紹WebRTC的進階知識,包含通話品質提升、品質分析與系統架構,讓有興趣的大家有一些方向繼續研究與鑽研,而本篇會介紹在WebRTC中如何調整頻寬。...

2021-10-08 ‧ 由 Jo6678 分享
DAY 25

Day 25 - 進階篇 - Codec

在談談Codec之前,要先來簡要的說明一下採集這些媒體資訊的過程。 多媒體採集 在自然界中有許多的訊號,例如光、溫度、聲音、影像,這些我們稱為類比訊號,但這些訊...

2021-10-09 ‧ 由 Jo6678 分享
DAY 26

Day 26 - 進階篇 - Codec設定

前一篇大致介紹了編解碼的用途以及常見的編解碼器,而本篇要介紹如何設定我們偏好的編解碼器。 取得支援的編解碼器 在設定之前,我們可使用以下程式碼,來得知設備支援的...

2021-10-10 ‧ 由 Jo6678 分享
DAY 27

Day 27 - 進階篇 - 統計數據與分析

為了讓系統可以改良或更穩定,通常都需要收集數據並分析。 取得編解碼格式資訊 getStats方法內包含了許多的統計數據,我們可以將type為codec的數據取出...

2021-10-11 ‧ 由 Jo6678 分享
DAY 28

Day 28 - 進階篇 - 測試工具與除錯

本篇將介紹官方提供的WebRTC測試工具,並學習如何使用它們。當需要除錯或分析時,這些工具就會成為得力助手。 Troubleshooter Troublesho...

2021-10-12 ‧ 由 Jo6678 分享
DAY 29

Day 29 - 進階篇 - 多對多通話

閱讀與實作前面的文章後,大家對於如何建立WebRTC應該都有一定程度的認識了,而本篇要介紹WebRTC實際應用於多對多通話時的常見架構。 Mesh Mesh是一...

2021-10-13 ‧ 由 Jo6678 分享
DAY 30

Day 30 - 完賽感言與回顧

完賽感言 兩年前 兩年前,我就有參加鐵人賽的衝動,但當時的我不認為自己有能力長時間撰寫一個主題,因為這需要對主題有深度的了解,簡單來說,就是我太菜了。 時隔一年...

2021-10-14 ‧ 由 Jo6678 分享