live.g0v.tw 立院影城特別版
*
https://www.youtube.com/watch?v=cygd0tvbk50
要解決的問題
- 現有的聯播網無法 cover 所有直播
- 新上架的直播網址需要一直更新
- g0v.today 工人 24 小時隨時待命放最新網址會很累
- 過期的直播網址需要保存、可以回頭查詢
- 過期的直播需要連到對應的文字轉播,讓網友可以邊看邊幫忙補完文字
需要功能完整的直播專用網頁,可內嵌在 g0v.today 中,也可單獨瀏覽。網址為 live.g0v.tw
mockup
功能
- 使用者從 g0v.today 左側選單,按下其中一個選項,打開內嵌的 live.g0v.tw 頁面…
- …看到一個影片清單
- 每個影片有時間、地點、主題等 metadata
- 影片下面可以連到相關的文字稿
- 使用桌機的話,一列可以有好幾個影片
- 使用手機或平板的話,影片會自動變成上下疊起來
- 預設只會看到目前 on air 的影片
- 在大螢幕上可能可以全部自動開播,桌機應該跑得動?
- 在手機等小螢幕上不會自動開播
- 看到感興趣的直播主題,點下去會連到該直播的 youtube / ustream / justin 頁面
- 想找過去的影片,按下某個連結後可以…
- 使用者直接打開 live.g0v.tw
- 按下某個連結,可以回到 g0v.today 的 hackfoldr 內嵌頁面
- 維護人員想更新直播網址時,進入 github repo 或某後台…
- 直接加一筆新的 item 並附上 meta data
- 把舊的 off air 的 item 標上某個 class,使它 display: none 之類的
- 設定好後…
- 前台會自動更新
- off air 的影片會自動抓取結束時間,標註在 metadata 欄位
技術實做
https://github.com/g0v/ivod.ly.g0v.tw/ (= http://ivod.ly.g0v.tw/ ) 也許可以參考
簡單一點的話就是掛上 http://mediaelementjs.com/ 即可