雲端圓滿落幕!SegmentFault 思否助力 RTC 2020 程式設計挑戰賽

SegmentFault發表於2020-04-30

宅在這個不一樣的春天裡,我們經歷了一場不一樣的程式設計比賽。

3 月 10 日,RTC 2020程式設計挑戰賽春季賽正式開啟,來自 70+高校及開發團隊的 300+名開發者報名參賽,組成了 100+隊伍,最終有18支入圍決賽。以 RTC 技術為主題的比賽,也依靠 RTC 技術完成了決賽路演。

4 月 25 日下午,入圍的 18 支隊伍依次通過 Agora Video Call App 與大賽評委視訊面對面進行了答辯。同時,答辯全程也通過 B 站對外進行了直播。

在直播間裡,有人偶遇了 SegmentFault 思否社群的“大佬”。

            

有人吐槽正經參賽隊的不正經隊名。

            

你還能見到 6.3k Star 開源專案 rrweb 的作者。

            

還有在伯明翰大學就讀,在團隊中負責 CV 演算法部分的“睡衣少年”。

            

當然!更重要的是,參賽作品也都是別出心裁,特色各異。經過評委的現場評分,以及程式碼審查,我們評選出了最終結果,並在 4 月 29 日通過 Agora Video Call 舉行了一場歡樂的☁️雲端頒獎禮。

大概是這樣一個趕腳?

本次大賽的入圍作品也都已上傳至 Github。我們給大家一一介紹一下這些獲獎作品。

第一賽道獲獎作品

?第一賽道第三名

首先第一個賽道「為多人視訊通話應用設計」中獲得第三名是 Hehung 開發的「極簡視訊通話 UI 設計」。作者本身從事的是嵌入式開發,前端開發是他的業餘愛好。

為了實現他想要的效果,他把我們提供的 demo 的 CSS 整體重寫了,然後結合 JS實現了互動簡潔、色彩明亮的介面。當每個通話人進入頻道之後,介面會自動改變大小,並進行自動佈局,視窗的大小也實現了自適應。

        

?第一賽道第二名

獲得第二名的作品是 1099 小分隊的視訊聊天應用。團隊的兩位成員是來自復旦大學經濟系的,聽到這裡,直播間裡的觀眾也直呼“跨度好大”。

他們在 Agora Demo 的原基礎上,增加了同屏搜尋、錄屏功能,以及彈幕和互動。

?第一賽道第一名

獲得第一名的是「半自動排版會議室」。這個作品的作者 Derek 也參加過我們在 2016 年與 SegmentFault 舉辦的 Hackathon。

他在日常使用視訊會議時發現,一般視訊視窗的佈局都是固定的,所以他開發了一個可以自動排版視訊視窗布局的 Web 視訊會議室。當一對一通話時,視訊視窗可以佔滿全屏;當三人通話時,會自動變為四分屏。使用者也可以通過拖拽來改變每個視訊視窗的位置。

            

在視訊會議過程中,我們會遇到多人同時說話,結果聽不清任何一方在說什麼。在這個作品中,如果拖拽放大其中一個視訊視窗,該對話人的音量也會自動增大,就可以避免這種問題。

       網頁端演示

第二賽道獲獎作品

?第二賽道第三名

在第二賽道獲得第三名的是神隆架團隊。他們基於 Agora SDK 開發了一個可以“匿臉”的一對一視訊社交應用。使用者配對成功後進入視訊聊天房間。最開始兩人的視訊都是馬賽克,視訊下方會不斷更新一些可以聊的話題建議。如果你覺得跟對方聊得投機,可以雙擊點贊增加“好感度”,隨好感度的提升,馬賽克會慢慢淡去。如果有一段時間沒有點贊,馬賽克還會回來,甚至最後結束通話。

              

?第二賽道第二名

獲得第二名是啟明無障礙科技團隊的作品“啟明盲人新世界”。視障人士是很容易被忽視的群體之一。聽過啟明無障礙科技創始人周江南的講解分享,我們也瞭解到,其實視障人士也可以通過實時語音來進行社交,也可以線上 K 歌,只是目前這塊市場是個空白。

              

啟明無障礙團隊開發了「啟明直播」,通過加入無障礙互動,讓視障人士可以線上 K 歌、連麥交流、視訊會議,是一個有溫度的創新應用。

?第二賽道第一名

獲得第二賽道第一名的作品是「Syncit」。作者YanZhen Yu 也是開源專案 rrweb 的作者。rrweb可以利用瀏覽器的 API 錄製、回放任意 Web 介面中的使用者操作。rrweb 也是 Syncit 功能的基礎。在開發 Syncit 的過程中,他對 rrweb 進行了狀態機重構等優化,可實現更好的實時回放。而Syncit 使用 Agora RTM 實時訊息 SDK 實現 transporter 的部分。Agora SDK 也為實際使用帶來很好的穩定性和低時延。

        _遠端共享演示_

Syncit 適用於很多場景,比如遠端客服,當使用者遇到問題的時候,雙方可以通過 Syncit 進行遠端的協助。而且,即便在弱網環境下,也可以獲得“畫質不降級”的 Web 共享體驗。

第二賽道特別獎項

第二賽題「開發實時音視訊應用」中,有很多高質量的硬核作品。所以,除了評出 1、2、3 名以外,最終還評選出了三個作品,分別獲得最佳應用獎、最佳創意獎、最佳實踐獎

?最佳應用獎:「竹辯」

這個作品是去年前三名之一,「竹之辯」線上辯論平臺的升級版。作者於卓浩叫上了在伯明翰大學就讀的王嘉維,在去年作品的基礎上,完善了功能與介面,並引入了機器學習演算法進行聲紋、人臉識別,以防止有人冒名頂替上場辯論。同時,他們還利用了微軟的情緒識別介面,來判斷參賽者的情緒與表現。

              

?最佳創意獎: Zero 團隊

他們的作品不走尋常路。恐怕每個人都會面對頸椎問題吧?恐怕學生黨也難逃此劫。所以這個團隊做了一個視訊互動遊戲「拿頭玩」,這個遊戲的“口號”是:每天一遍,頸椎康健。它長這樣?

            

真的是拿頭在玩兒

為了讓頸椎操沒那麼乏味,他們設計了一個“職場甩鍋”的場景,一個人甩鍋,另一個人躲鍋。兩個玩家進入房間後,每個人的視訊視窗下方會不斷有要甩出去鍋和對方甩過來的鍋,搖搖頭就能甩或躲。

最佳實踐獎:Femto X 團隊

這支團隊是來自上海科技大學的。經過這段時間的網課過程後,他們從中發現了很多問題,比如直播、答疑、課件共享等都是通過不同的軟體實現的,體驗割裂;還有課程主頁與課程資源頁面資訊邏輯不清晰等。於是,他們基於 Agora SDK 開發了一套教學系統——Xeducation。

            

他們將檔案系統、直播系統、課程平臺進行了整合。你可以在上圖看到,課程表、通知與作業安排集合到了一起。他們基於 Agora RTM實時訊息 SDK 實現了課程直播中的彈幕功能,並用 Agora 錄製 SDK 實現了錄製回放。另外,Xeducation 還支援筆記、課堂簽到、測試提交、課件共享等功能。

綜上,本次獲獎的團隊為:

獲獎團隊除了會得到本季度大賽獎金,還可以申請進入聲網應聘快速通道。另外,我們還將推出萌新加速計劃,為具有潛力的初創公司提供一系列加速孵化服務的優惠政策,幫助企業快速成長。這次包括獲獎作品在內,所有入圍決賽的專案,都已在 Github 開源:

https://github.com/AgoraIO-Co...

我們後續還將邀請參賽團隊們線上分享他們的開發實踐。同時,我們將在 6 月開啟秋季賽,屆時還會新的賽題面向更多的開發者,讓大家都有一展身手的舞臺,敬請期待。

相關文章