幸福電台-TR-Radio線上廣播直播系統

不斷點收聽廣播的音樂平台

 

重視氣氛的幸福電台網站,主要設計理念為飄渺輕鬆、精緻優游,全站多為半透明之設計,幸福電台更希望讓各位觀眾朋友,能夠透過網際網路盡情地穿梭在網站的每個單元中,聆聽聲音、遨遊在音樂的國度,每分每秒都幸福!

 

 

  • 線上on live不斷點收聽
  • 節目表依時段判斷顯示
  • 串接電台API
  • 會員點歌
幸福電台-TR-Radio線上廣播直播系統

線上 on live 不斷點收聽


全程線上直播且切換畫面不造成音樂停頓,讓使用者聆聽音樂更加流暢、舒服。

  • 線上 on live 不斷點收聽

    01 / 線上直播ON LIVE

    播放器為串流平台,可線上24小時ON LIVE播放;將播放器嵌入網站中顯示,使音樂能夠同時與DJ播放的音樂達到同步的作用。

  • 線上 on live 不斷點收聽

    02 / 不斷點播放

    全站使用AJAX非同步傳出技術,讓廣播可以不斷點播放,也就是當使用者進入網站瀏覽資訊時,不會因為切換畫面而造成音樂斷點或停止,可繼續並流暢的播放與收聽。

  • 線上 on live 不斷點收聽

    03 / 節目表依時段判斷顯示

    節目表可由管理者於後台自行編輯上架與進行條件式搜尋,並於「節目表」頁面中顯示。

    接著,首頁的【聆聽空間】就會顯示當日的節目表資訊,並且透過程式判斷時間,讓該區塊能依照規則顯示「首則正在播放的節目資訊+另外兩則精采預告」。

  • 線上 on live 不斷點收聽

     

     

串接電台API


全程線上直播且切換畫面不造成音樂停頓,讓使用者聆聽音樂更加流暢、舒服。

  • 串接電台API

    01 / 歌單查詢

    歌單查詢頁面可以透過選擇日期與時段的方式,查詢當時所播放的歌曲,進行查詢後,就會顯示查詢結果。

    這裡的資訊是透過串接API的方式進行資料查找,網站透過API 查詢歌單資料庫,再進行資料回拋,顯示給使用者瀏覽。

  • 串接電台API

     

     

     

  • 串接電台API

    02 / 現正播放

    播放器上方顯示的「現在正在播放」,其資料也是透過API的方式,將資料撈進網站中,依時間點顯示資訊於此。

會員點歌


會員可註冊後進行點歌,並且一周只限定一次點播次數,使用者可於後台瀏覽點歌狀況,並可直接管理會員資訊與了解註冊方式。

  • 會員點歌

    01 / 會員註冊

    • 使用者:加入幸福電台註冊會員,除了可以直接填寫表單加入會員之外,還可透過Facebook、LINE 或Google的第三方平台進行註冊登入。
    • 管理者:管理者管理會員資訊,除了可以直接對會員資料進行編輯修改與刪除之外,同時還可以透過後臺查看會員的加入日期與加入來源,並於上方欄位進行條件式的搜尋,此方式有利更加了解哪些時段或來源的人數比較多,並進行接下來的行銷分析與廣告投遞。
  • 會員點歌

      

     

     

  • 會員點歌

    02 / 會員點歌

    • 使用者:當會員進入線上點歌之表單時,既有的聯絡資訊系統會直接自動帶入,比如姓名、電話與mail資訊,會員無須再次填寫即可直接選擇點播時段、點播對象、歌名及其他想傳遞的話語;另外,線上點歌除了需要登入會員帳號的限制之外,每個會員一個禮拜也只能夠點歌一次,如果點過了就不能再點播了。
    • 管理者:當會員送出表單時,管理者可在預設的信箱中收到點播表單資訊,同時也可以在後台管理介面中看到點播日期、點播者、歌名...等資訊,有利於管理者進行歌單的安排。
  • 會員點歌

     

     

     

管理文案內容


  • 管理文案內容

    01 / 廣告區塊

    首頁中有加入廣告區塊,此區塊管理者可自行編輯文案、簡述內容、圖片與連結,自行將文字進行色彩的編輯與修改,以利於行銷廣告活動。

  • 管理文案內容

     

     

  • 管理文案內容

     

     

  • 管理文案內容

    02 / 最新消息

    最新消息等圖文資訊,圖示框皆使用圓角設計,讓網站看起來更圓潤且平易近人,當使用者游標移動到資訊時,資訊下方會出現陰影凸顯資訊,並顯示具有色彩的READ MORE引導使用者點擊閱讀;而管理者同樣也可於後台進行編輯、修改、刪除與上下架管理。

  • 管理文案內容

     

     

  • 管理文案內容

    03 / 標題變更

    管理者可依照行銷等需求,無須透過網站公司,自行進行變更全站的所有標題文案與Banner背景;網站的標題設計為中文+英文標題(三則單字)+Banner圖片,管理者可視情況與需求於後台自行修改。

  • 管理文案內容

     

     

  • 管理文案內容

     

     

作品展示

ID:@323foylw