2015年6月14日 星期日

黑客松日記 + Wirecast for YouTube 筆記:g0v.tw hackath14n | 台灣零時政府第拾肆次野百合黑客松

今天大松,我陰錯陽差負責直播,順便衝刺了一下手上的專案,當然也吃了很多食物...

直播


初次使用 wirecast + ipad cam + apogee mic 直播,自己監聽起來感覺音質蠻不錯的,軟體方面都是免費 solution,感謝全知全能的 +Ly Cheng 大人提供。另今天我連中研院的網路又失敗了,還好有全知全能的 +Gavin Chang 大人架了直播專用網路。另由於 wirecast cam 透過 wifi 傳來的訊號還是時有不穩,還好有全知全能的 +Macpaul Lin 大人帶高級 DV 來錄影(淚)



為什麼要用 wirecast


wirecast 是一個桌面軟體,有 windows 跟 mac 版,功能是提供直播主控台,在直播訊號傳送出去前,可以在自己電腦上做畫面加工,如切換鏡頭、切割畫面、疊浮水印等,加工完以後的畫面才傳送到網路上。wirecast 這類軟體,讓網路直播不再只是赤裸裸的充滿 NG 的現場畫面,而是可以變得像電視上的球賽轉播一樣精緻。

wirecast 有分一般通用版跟 youtube 專用版。一般通用版支援包含 youtube 在內的多種直播平台,有 studio 跟 pro 兩種等級,都要付錢。youtube 專用版也有 studio 跟 pro 但價格都比通用版便宜,除此之外,還有第三個 play 等級,是免費的。大概是因為擔心 youtube 免費版的存在會衝擊到一般通用版的銷售,wirecast for youtube 的 pricing 網頁直接從 wirecast 官網進去是找不到的,要從 youtube help 連過去: wirecast for youtube 網頁

為什麼要用 wirecast cam


wirecast cam 是一個 mobile app,目前只有 ios 版,功能是跟 wirecast 桌面軟體搭配,把 ipad / iphone 當成外接鏡頭使用。傳送訊號的方式是透過 wifi,所以 ipad / iphone 要跟電腦連上同一個區域網路。

以往用筆電內建的鏡頭直播,一開始直播,人就不能坐在筆電前面,這樣無法一邊直播一邊監控畫面,也沒辦法拿筆電同時做別的事情。如果要外接鏡頭,就得多帶一大包 DV 轉接卡線材腳架等,讓出門難度大幅增加。wirecast cam 的出現,讓像我這種沒有 DV 也不打算在參加活動時多帶一大包傢俬的輕度直播宅,可以直接用隨身的平板跟手機,搭配一個小淑女包就裝得下的桌上型腳架組,從容優雅地進行直播。

我今天的裝備:

  • 延長線
  • Macbook Pro 13" + 產品隨附電源線
  • iPad air + 產品隨附 lightning USB 線 + 產品隨附白豆腐
  • Takeway T1 鉗式腳架 + Takeway T-TH01平板座
  • Apogee MiC 96k + 產品隨附專用 USB 線 + 產品隨附三腳小腳架

wirecast cam 設定方式


  1. 新增並設定好 youtube live event
    • 確定活動時間時,就可以設定 youtube live event 了,這樣可以在宣傳時同時釋出直播網址
  2. 安裝程式
    • mac 上安裝 wirecast for youtube
    • ipad 安裝 wirecast cam
  3. 接上訊號
    • mac 接上 apogee mic 96k,mic 指向音響,mic 的 gain 調到最大再往回微捲半個捲軸距離
    • mac 和 ipad 連上同一個區域網路
    • mac 打開 wirecast for youtube
    • ipad 打開 wirecast cam 並按下紅色錄製按鈕,此時 mac 會透過區網自動抓到 ipad 的 cam
  4. 設定畫面
    • mac 上的 wirecast for youtube 內新增 shot 選 ipad 為 source(會顯示主人替 ipad 取的名字)
    • mac 上的 wirecast for youtube 內的 ipad shot 上按齒輪按鈕,把 audio source 設定成 apogee mic 96k
  5. 開始直播
    • mac 上的 wirecast for youtube 內選單 output -> settings 登入 youtube 帳號,會自動抓取已經開好的 live event 資料
    • mac 上的 wirecast for youtube 內按 stream 按鈕將訊號傳送到 youtube
    • youtube live control room 網頁中按 preview
    • youtube live control room 網頁中按 start streaming
  6. 中斷與恢復直播
    • mac 上的 wirecast for youtube 內按一下 stream 按鈕停止傳送資料
    • mac 上的 wirecast for youtube 內再按一下 stream 按鈕繼續傳送資料
  7. 結束直播
    • youtube live control room 網頁中按 stop streaming
  8. 回顧直播內容
    • 直播結束後,直播內容會直接變成 youtube 影片,且自動略過中斷的部分
    • 以 g0v hackath14n 來說,早上九點到傍晚六點的直播,最後只有三個多小時的影片,包含早上專案簡報、下午短講、傍晚成果發表

細部調整選項


  1. 一開始用 wirecast 自動預設的 1080p 4000k bitrate,cpu 常常吃到 100%,膽小的我於是把 output canvas 改成 720p 2500k bitrate,心理上感覺好像有改善一點,但不確定
  2. 中間 youtube 直播頻道出現吱吱吱噪音,但現場監聽沒問題,似乎把 shot 的 output source 重設一次可以改善,但不確定

以上資訊,供輕直播愛好者們參考。

COSCUP 野生官網


如同先前在 google+ 所發表的,我在動民主的企劃之旅已經告一段落宣告脫坑(詳 google+ community 文章:動民主 post hackath13n 報告暨脫坑宣言),加上最近又一直在做各式各樣的野生官網,所以今天的專案是:COSCUP 野生官網 @ g0v hackath14n

今天提案結束以後,
超幸運地馬上有一位橫空出世的前端工程師 Mr.BigMouth 出手幫忙,霹靂趴啦地釐清需求、敲定 spec、分配任務,然後光速把功能做了出來,我則在旁邊依照指示調整 html css 跟問一堆結構規劃方面的問題。對於習慣一個人半夜默默自幹、一邊打電動一邊悠哉寫 code 的我來說,這種幾近 pair programming 超高效率開發的體驗很罕有,感覺超級精實,好久沒有在黑客松這麼紮實地做事情了,非常滿足!

雖然我還是浪費的一半的時間在外面喇賽... 但以往是全部的時間都浪費在外面喇賽,這次至少有一半的時間在認真跟隊友打怪,算是大進步 XD

然後開始反省,為什麼會演變成每次來黑客松都在喇賽,其實在黑客松現場是很容易被打斷的,跟A打個招呼、回答B的問題、和C敘舊、旁聽D跟E的聊天,時間很快就不見了,而我是很討厭 context switch 的人,所以後來乾脆放棄在黑客松做事情,全部都在家裡 prehack,去現場就是吃東西跟招呼客人。這次多虧 Mr.BigMouth 雷厲風行地衝刺進度,讓我也不禁跟著收起懶散的心情,把外務擺一邊,專心做事。專心做事的感覺真好,這才是 g0v 魂啊!

下午 LY 給我看 COSCUP 2015 正式官網的進度,全知全能的 +Li-Ting Shirley Huang 大人已經用一個叫做 react native 的超過我腦容量的外星科技自幹完全端並準備在 ios 上架,壞消息是這種作法下議程資料並不是 json 檔案,目前是一個 js object 的型態,而且將來不曉得會長什麼樣子,所以目前野生官網還無法取用正式官網資料,兩邊暫時只能先各自開幹。目前雙方進度:


繼市長給問嗎/全民記者會之後,再度無法跟 soidid 協作,老天為什麼要拆散我們(被拖走)

HackFoldr iOS app


今天還有一件另人驚艷的事情,就是全知全能的 superbil +Kai-Yuan Cheng 大人展示了基於 HackFoldr 2.0 UI 設計的 ios app,超美超順超好用,請看 VCR:
看完決定趕快把 sharefoldr 做完然後請他寫 ios app 好了 lol

工商服務:superbil 有在接 ios app 的案子喔,揪瞇

沒有八卦


早上 LY, soidid, pm5 集體不出現的時候,大家還在猜他們是不是故意迴避公開場合,結果中午 LY 到了,馬上被鄉民團團圍住,還差點被逼上台短講... 可惜沒有成功 XD

後來下午吃點心時,跟提案做論文系統的 Tim 聊天,他問說,g0v 會不會像植物公司和數字聯盟這樣鬧分裂?我跟阿平老師馬上回答:不會,因為 g0v 一開始就是完全地分裂,每個人自己一派,所以已經無法再分裂 lol

番外篇:餐具


今天值得一提的是終於記得自備餐具,我帶的是室友買牛頭牌不銹鋼炒鍋送的 牛頭牌雙層粉彩隔熱杯碗 跟 ikea 的半瓷杯子,感覺超爽der,有把手的隔熱杯碗又堅固又好拿容量又大又不怕燙又不怕摔,而且不會像免洗碗盤那樣軟軟的歪來歪去、一直讓油油的食物沾到手,裝熱食的時候也不擔心紙碗的塑膠內膜釋出有毒物質,百利無一害。g0v 大松一直請大家自備餐具,我竟然到現在才執行,真是汗顏... 今天唯一的缺陷是忘記帶筷子跟湯匙,下次要記得 XD

結語


以上就是我眼中的 hackath14n,其他精彩專案,請見:

錄影


g0v hackath14n 直播全程存檔影片(太早開始直播,前面有 20 分鐘都是待機閒聊中... 下次可以效法 RSCT 地下電台的主播精神,待機時把鏡頭切到 macbook 跟旁邊馬克泡講垃圾話 XD)

文件


g0v.tw hackath14n hackfoldr




本文授權:CC BY 4.0 / ETBlue