直播導播台 Live!
專案說明
太陽花運動期間由 g0v.today 彙整直播連結,運動之後直播連結四散不易傳播。希望透過直播連結導播台讓直播主主動 submit 連結,打造直播聯播網。
授權方式
(程式碼部分如 MIT/BSD /文件部分,如 CC-BY)
MIT, CC-BY
專案目前狀態
開發中
專案資訊
Repository: https://github.com/g0v/live
Live: https://g0v.github.io/live/
Link Manager: http://g0v.github.io/live/link_manager
Status Bar: http://g0v.github.io/live/status_bar.html
People
g0v x CCSP 2014 參與意願調查
簡單來說就是 2014/05/10 09:00 ~ 21:00 我們可以利用 g0v x CCSP 2014 Hackathon 的免費場地衝自己專案的進度 :+1: (香油錢可自由樂捐)
- 時間:2014/05/10 09:00 ~ 2014/05/10 21:00 ( iCal/Outlook, Google 日曆 )
- 地點:台灣大學資訊工程學系德田館 B1 / 台灣大學資訊工程學系
- 目前人數:18 / 200
直播導播台 Live! 小組
- yutin
- NewCliCker
【報名方式】http://ccsp.kktix.cc/events/hackathon
此次黑客松會送給每位參加者一件紀念 T-shirt,報名時按照當日貴小組的預計出席人數來選擇票券,例如:〈你被服貿了嗎〉專案預計出席 4 個人,報名時就選擇 4 張「小組組員票」。
香油票的訂購方式較彈性,例如:一個 5 人小組參加 Hackathon,想要捐 1000 元,那就選擇 5 張「小組組員票」與 1 份 1000 元的「自由樂捐開源大眀神香油錢」。
也許可使 Google AdSense 來請企業贊助
References:
目標與功能(要如何解決)
預定使用者
上傳連結:社運直播人、直播關注者
回報品質:直播觀看者
預定功能
- 狀態回報系統
- 回報:由觀看者回報直播狀態,分三種:ok、有問題(選擇、或key-in)、offline
- 統計:後接 Google analytics
- 訂閱
- 觀看者
- 直播者:可確認直播連結是否 ok

- 投稿/審核連結
由直播人投稿連結後,管理群組簡單審核後直接貼入 hackfoldr 議題首頁。

*
- 封存舊連結 history
自動收集過期連結,用 timeline 方式呈現或單純列表。

系統架構
Hackfoldr 整合
Hackfoldr 仍是一個最佳的 aggregator 解決方案。G0V Live! 利用與 hackfoldr 的 loosely integration 達成各項功能。
- 影音串流支援
- 原先 hackfoldr 若有多個 tabs 皆開啓影音串流,因為切換 tab 時 iframe 僅是隱藏,故 audio 仍會播放,若同時有多個影音串流播放中,則 audio 會被 mix 在一起,反而讓人聽不清楚。
- 因此需要改而使用 <video> 直接於 hackfoldr 內嵌播放器,由 hackfoldr 於切換 tab 時,一併控制播放器。因此需要一一實作對於各家影音串流的支援。目前已支援的有:
- youtube
- ustream
- 內嵌狀態回報控制列
- 在切換到影音串流的 tab 之後,若有在 ethercalc 上加上 bar="<url>" 的 attribute,便會自動外增一個 iframe 顯示 <url>。此 <url> 即為狀態回報系統的狀態回報控制列,格式為: bar="hxxp://g0v.github.io/live/status_bar.html?<url>"
- 依據 bar 設定顯示 iframe
- 將此 iframe 於適當位置顯示於播放器旁邊。
- 狀態回報控制列的 <iframe> 應該要把播放器的 <iframe> 「擠開」。目前為「覆蓋」。
- 自動偵測 <iframe> 高度,調整 hackfoldr 的設定。
- clkao enhanced hackfoldr:
狀態回報系統
- 狀態回報控制列:
- 使用 github pages,網址為 hxxp://g0v.github.io/live/status_bar.html?<url>
- 畫面:

- The web page of the Bar (HTML + Bootstrap)
- mouse-over 「訂閱」按鈕時,pop up 說明解釋將會收到直播狀態改變通報。
- 直播狀態改變通報 = 鄉民們按左邊按鈕的 events with proper aggregation
- Mechanism to deploy as github pages
- 請在 root folder 下打 `make deploy` 或 `./deploy.sh`。
- 申請 Google Analytics
- 將 Google Analytics 的 account 開給需要的人。以下為有權限的人(有需要的人請把自己加進去,已經有權限的人請幫忙開):
- jeffhung
- 加上 social likes 按鈕,方便散佈資訊,並顯示 like counts。
- 應該搭配 video 的 title,目前因為還抓不到,所以 title 的值為 <title>。
- 取得 youtube title 的方法: curl 'hxxp://gdata.youtube.com/feeds/api/videos/<video_id>?format=5&alt=json'tx
- bar 上面的「回報錯誤」看起來像是個按鈕,常會引人點按。
- 當按下狀態回報按鈕時,發送 event 至 Google Analytics


- 當 event 發送出去之後,暫時 disable 所有通報按鈕 N minutes。
- 說明頁面
- 需要以另開新頁的方式開啟說明頁面,因為 status_bar 會被 <iframe> 包起來使用,上下寬度很小,沒有空間使用 pop-up。
- 應該以 role 為單位解說。如:
- 想成為直播主,我可以做什麼?
- 可附上「簡易完成SNG-Ustream直播教學簡易版 」的連結。
- 觀看直播時,我可以幫忙什麼?
- Mock-up:

- 需要 TXT 協助。
- 定時匯整記錄於 Google Analytics 的狀態回報,並依據 subscription 發送給 subscribers
- 能夠以 service account 登入使用 google analytics api
- 抓取 category 為 VideoStatus 的 events,並整理之。
- 發送給 subscribers
- clkao enhanced hackfoldr:
- http://hackfoldr.org/hackfoldrtest/9S9TGa-b0pU
- https://ethercalc.org/hackfoldrtest
- References:
- https://github.com/g0v/api.ly/blob/master/bill-analytics.ls
上稿審核界面

4/23版
這本版本的想法是讓使用者提供網址就好。收到的網址再由rsghost那邊確認後,把直播帳號加入直播掃描清單,之後就無需手動加入。
- 自動抓取影音 title
影音串流資料庫
儘管狀態回報系統使用 Google Analytics 記錄大家的狀態回報,我們仍然需要有個地方收集欲上稿的影音串流。目前看來 Justin Lee 選擇使用 firebase 儲存。
已下架的影音串流,仍應留在資料庫裡,於 archive 畫面以 timeline 顯現。
- Archive 畫面 mock up
與 g8v.tw 整合
(TBD)
與太陽花盒子整合
- 太陽花盒子:https://g0v.hackpad.com/Fr9H87GPcUM
- 提供 API 供 太陽花盒子 讀取(目前active)影音串流列表
相關專案:
第五權電視牆監看「評」台g8v.tv
https://g0v.hackpad.com/lk9pamtKwyr
呼叫 NewCliCker (irc: newclicker) XD
收到,感謝 ET Blue 的invited,讓我注意到這一篇,更感謝 IPA chiu 起的頭,讓我重新審視自己的思緒化為文字時該注意的條理與重點。我寫的專案在這邊 第五權電視牆監看「評」台 g8v . tv 草稿 ,直播導播/聯播台的概念算是g8v.tv中的 近/中程 目標,已經把共筆權限改成public,讓大家一起編輯討論,然後我會開始試著先把目前我已經部分完成的簡陋成果放進hackfoldr來簡單的present一下自己的構想。
太陽花盒子
https://g0v.hackpad.com/Fr9H87GPcUM
我覺得如果要馬上可執行的點子 可能不是搞介面與太陽盒 因為馬B的爛攤子太多了 等於每天都有可能需要 直播等 所以 介紹使用 google+ hangouts on air 可參考看看
我說的這算 馬上應用方法 當然與後續增強版版 如妳們說的 中 遠 期的開發
[Google+] Hangouts 視訊聚會超好用 § 群組聊天、畫板、螢幕分享初體驗
如何在YouTube 做Live 視訊直播?(Hangouts 直播)
這樣寫一個小型 自動內嵌 YouTube 的介面與聊天室軟體 也許會比較ez 因為在 YouTube 上你不需有大量頻寬的成本問題也降低了硬體成本 ˋ
我也有寫在這篇 g8v.tv 因為開版的好像不是同一人 @@
*
https://www.youtube.com/watch?v=wcCxO079CjQ
*
https://www.youtube.com/watch?v=C3WouWiu7pI
Hangouts外掛
https://chrome.google.com/webstore/detail/hangouts/nckgahadagoaajjgafhacjanaoiihapd?utm_source=chrome-ntp-icon
Hangouts API
https://google-developers.appspot.com/+/hangouts/writing?hl=zh-tw
使你的Google Chrome成為即時資訊中心 – Knew Tab
閱讀更多:http://blog.3bro.info/archives/knewtab/#ixzz307GjARbK
http://blog.3bro.info/archives/knewtab/
Handsome Stats
https://www.handsomestats.com/demo/
這個小工具的作者是yutin嗎?我們這邊應該用的上喔?