iT邦幫忙

2021 iThome 鐵人賽
DAY 30
0
Mobile Development

Flutter with GetX, loading*175%歷程 系列 第 30 篇

[Day30] Flutter with GetX flutter_WebRTC

13th鐵人賽 flutter flutter_webrtc
1805 瀏覽

Flutter_WebRTC

本篇需搭配後疫情時代的WebRTC微學習 Day28服用

用docker建立本地的turn server & signaling server.

docker compose up -d
container起來後
https://ithelp.ithome.com.tw/upload/images/20211014/20140296IFLKHVWcop.png

接著在瀏覽器輸入 https://localhost:8080/ 並同意鏡頭的權限
https://ithelp.ithome.com.tw/upload/images/20211014/201402965ySmxlLALi.png

程式的部分有點長 請大家參考這個GitHub repo
大致上音訊視訊建立前使用socket.io溝通(其實任何形式都可以, 只要發送接收的到就好)
並轉發 webRTC Signaling server的必要資訊.

https://ithelp.ithome.com.tw/upload/images/20211006/20130062BpShvgyeri.png

實際效果如下
Yes

鐵人賽至今是第30篇 就用最近survey的webRTC作結尾 感謝觀看


上一篇
[Day29] Flutter with GetX native_splash
系列文
Flutter with GetX, loading*175%歷程 共 30 篇
  1. 26
    [Day26] Flutter with GetX Push Notification
  2. 27
    [Day27] Flutter with GetX connectivity
  3. 28
    [Day28] Flutter with GetX Socket.io
  4. 29
    [Day29] Flutter with GetX native_splash
  5. 30
    [Day30] Flutter with GetX flutter_WebRTC
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Todd
iT邦新手 1 級 ‧ 2021-10-14 23:46:59

恭喜完賽！

登入發表回應

我要留言

立即登入留言
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23096 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙