<dfn id="hx5t3"><strike id="hx5t3"><em id="hx5t3"></em></strike></dfn>

    <thead id="hx5t3"></thead><nobr id="hx5t3"><font id="hx5t3"><rp id="hx5t3"></rp></font></nobr>

    <listing id="hx5t3"></listing>

    <var id="hx5t3"></var>
    <big id="hx5t3"></big>

      
      

      <output id="hx5t3"><ruby id="hx5t3"></ruby></output>
      <menuitem id="hx5t3"><dfn id="hx5t3"></dfn></menuitem>

      <big id="hx5t3"></big>

        這位辯手,你想試試線上語音 battle 么?

        思否編輯部

        最近好像有個奇葩說相關的話題上了熱搜。不過,那些話題并不是我們這次的主題,我們更想聊聊辯論賽的“未來”。

        說是“未來”,或許現在也同樣適用。在疫情還未解除的情況下,很多線下活動都無法進行,辯論就是其中之一。不過已經有人將這個場景從線下搬到了線上。

        我們 2019 年 RTC 創新編程挑戰賽的三強之一,“辯之竹”團隊實現了一套功能完整的辯論系統,能計時、在線辯論、裁判視頻點評,還能統計票數等。而且,它已經應用于很多辯論比賽中。于是我們讓“辯之竹”撰寫分享了一下作品的初衷,還有核心功能的實現:

        1 項目介紹

        為解決傳統辯論賽UI丑、各系統相互割裂、線下舉辦各類成本等問題,特開發此系統。該套系統完全體包括:

        • 可定制的賽事計時器
        • 賽程、評委和辯手 管理后臺
        • 賽程查看和無紙化提交分數的小程序
        • 賽后即時點對點反饋個人表現的辯力提升系統
        • 遠程裁決的視頻會議部分

        image.png

        2 項目初心

        作為一個大學生,我們經常在大學舉辦各類辯論賽,但是在當前的辯論賽事中,長期存在著五大問題,即如圖:

        image.png

        • 日程查看不直觀
        • 計時器簡陋不美觀
        • 統計票數麻煩且不環保
        • 復盤數據獲取困難
        • 優質裁判資源稀少

        除了以上問題,其實我們也發現現在的辯論賽非常受限于場地的局限,就算同一學校的兩支辯論隊也要解決申請教室、邀請評委、宣傳吸引觀眾等問題,更別說如果是兩所學校,兩個城市,甚至兩個國家的辯論隊之間要舉辦比賽了。所以也想著能否把辯論賽整體搬遷到線上進行,正好接觸到聲網Agora 的黑客松大賽,了解到 SDK 每個月有 10000 分鐘的免費額度,也看下了他支撐的語言框架和 SDK 集成文檔很豐富,于是就想著參賽做個作品,能幫助解決相關問題的同時,提升鍛煉自己的技術水平。

        3 解決日程觀看不直觀

        日程展示一直是個問題。傳統賽事中,日程展示通常都是以發送 PDF 的形式呈現,當參賽人員和觀賽人員想要查看日程時,往往需要[打開QQ->進入賽事群->點開群文件->打開PDF->人工尋找對應日期的日程]。

        就算完成了上述步驟,日程文件往往也是一個字號小、信息繁復、不直觀的 PDF 文件。尋找一個日程很麻煩且不適。為了讓參賽人員和觀賽人員更直觀的看到日程,特在小程序內設置此頁面。

        圖:日程展示

        數據儲存使用了微信的云開發,并設計了 Web 端的后臺頁面,利用微信提供的API進行小程序端和 Web 端的數據統一來在 Web 端添加日程。

        4 解決計時器簡陋不美觀

        其次,計時器的不美觀問題,傳統計時器如圖:

        圖:傳統計時器

        顯然,這種計時器與任何現代的設計思維都背道而馳,完全無美感可言。我找朋友為我設計了計時器的頁面,并利用 HTML + JavaScript 實現其功能。計時器展示如圖:

        圖:計時器展示

        圖:計時器圖片展示

        JS 的主要實現部分在./web/admin-battle-add.php

        該計時器主要實現了如下功能:

        • 辯手姓名、圖片展示
        • 鍵盤操控
        • 自定義環節

        由于使用 HTML 開發,它有相比 exe 的更高跨平臺能力。

        5 解決統計票數問題

        同時,響應無紙化潮流,我還設計了無紙化提交分數的裁判系統。它的另一個好處是避免了人工計算分數,防止人為誤差的出現 + 計算分數的等待。

        文件在:./Wechat Mini Program/Bam1/client/src/pages/user/judge.js

        圖:小程序裁判入口

        裁判界面的環節是與計時器同步的。

        圖:裁判界面

        這里為了防止數據丟失,還使用Taro.setStorageSync(),在每一次寫完數據后,將數據存入臨時數據。同樣,當全部寫入完畢,再使用微信云開發提交到服務器。

        圖:分數實時回傳

        $obj = $wx->databaseQuery("db.collection(\"battle-judge-point-conclude\").where({env:\"{$GLOBALS["env"]}\",battleId:\"{$bid}\",judgeId:\"{$r["judgeId"]}\"}).get()");

        6 復盤數據獲取更容易

        個人辯力提升系統也是本系統的另一個亮點。在傳統賽事中,辯手對自己的表現只能以輸贏來衡量,很難量化出一個標準,往往會拖慢對個人的提升。

        但是在最普遍的三輪投票制中,有一輪即分數票,評委會根據選手的表現給出對應的分數。在傳統賽事里,因為統計麻煩,所以往往不會將這個分數反饋給辯手。這浪費了一個很重要的資源。所以此系統利用評委在云上的分數,將每個辯手的分數落實到每個辯手身上,這樣可以直觀量化出辯手的水平,為辯手的進一步提升提供幫助。

        圖:個人辯力提升系統

        7 裁判遠程視頻

        最后,目前在辯論賽上普遍存在一個問題:缺少優質裁判資源。倒不是說優質裁判特別特別少,而是請優質裁判所需要的高昂的食宿、交通費用往往給辯論組委會帶來很大的經濟困難。

        故利用Agora聲網公司提供的視頻會議SDK開發了遠程視頻裁決系統。

        在前期開發中,其實并沒有非常多的實際視頻通話使用需求,聲網提供的開發者免費時長(每月10000分鐘免費),為我作為一個大學生的開發提供了很大便利。同時,聲網便利的SDK及其文檔介紹使我很快就將服務接入了已有系統,整體開發體驗非常好。得益于聲網的優質服務,在幾次測試中,視頻會議的穩定性非常之高,完全滿足了使用需求。

        圖:遠程視頻裁決系統

        文字直播:

                $("#send").click(function () {

        接入RTC視頻Channel:

          rtc.client.init(option.appID, function () {

        此外,在上述展示出來的部分外,該系統還有完備的數據錄入(指賽事信息錄入),辯手信息和裁判信息錄入系統。在這里不多展示。目前該系統已應用到實際環境多次,支撐多次辯論賽事的開展,歡迎大家使用,也歡迎大家可以一起參與到該項目的開發維護。

        8 涉及技術

        • 小程序: Taro, 微信云開發
        • 網頁端: Material Pro(樣式), PHP,Agora SDK

        9 開源與更多

        作者于卓浩:重慶大學在讀大一學生,喜歡學習新技術,興致來了就寫些自己喜歡的小項目。希望能在有限的時間多學習一些有用的知識~

        個人 Github:https://github.com/pkmq24

        開源地址:https://github.com/AgoraIO-Co...

        RTC 2020 編程挑戰賽春季賽已經開啟報名了!本次大賽從?3月10日 ~ 4月21日 進行報名、組隊與開發,4 月 22 日至 4 月 24 日提交作品,4 月 25 日評獎,全程在線上進行。本次大賽準備了豐厚的大獎,獲獎者更有機會進入聲網 Agora 應聘快速通道,快拉上小伙伴報名吧!

        閱讀 1.9k

        SegmentFault 之聲
        在這里,我們將為你推送 SegmentFault 思否公司官方合作信息,和合作伙伴最新動態。SegmentFault 思否是...

        讓我們陷入困境的不是無知,而是看似正確的謬誤論斷。思考、否定、再思考,出家人不打誑語,撰文者不說空話。

        2.6k 聲望
        6.2k 粉絲
        0 條評論

        讓我們陷入困境的不是無知,而是看似正確的謬誤論斷。思考、否定、再思考,出家人不打誑語,撰文者不說空話。

        2.6k 聲望
        6.2k 粉絲
        宣傳欄
        一本到在线是免费观看_亚洲2020天天堂在线观看_国产欧美亚洲精品第一页_最好看的2018中文字幕