線上 YouTube 新聞播放器,單一網頁快速切換多個直播頻道

YouTube 是全球最大的影音平台,除了豐富多元的影片內容,還有來自世界各地的新聞直播頻道。然而,無論是在 YouTube 網站或官方 App,切換新聞頻道的操作都不如電視般直覺方便。為了解決問題,筆者建立了「線上 YouTube 新聞播放器」,將多個台灣新聞直播頻道整合在同一頁面,透過按鈕輕鬆切換頻道,支援電腦與行動裝置。

原本的「線上 YouTube 新聞播放器」是把頻道寫死在 HTML 程式碼裡,若想修改或自訂頻道都得編輯 HTML 文件。筆者又製作了 v2 更新版本,在既有框架上加入「自訂頻道」功能,右側點擊「新增」按鈕,輸入 YouTube 影片網址或 ID 就能新增一個頻道,也可以隨時刪除自訂頻道。

要提醒一點,自訂頻道是使用瀏覽器本地儲存(localStorage)保存資料,如果清除瀏覽紀錄時一併刪除 Cookie 與網站資料,自訂頻道列表也會跟著消失。

名稱:YT 新聞直播

網址 v1:https://is.gd/xQyLTC

網址 v2:https://is.gd/9jMDAp

使用說明:

1. 開啟「線上 YouTube 新聞播放器 v1 版」網頁,整個頁面僅有頻道按鈕和播放器,在頁面上方點擊按鈕即可切新聞頻道,無需離開當前頁面。
線上 YouTube 新聞播放器 v1 版介面,頁面上方是一排台灣新聞頻道按鈕,下方為正在播放的 YouTube 新聞直播畫面
2. 使用 v2 版本,頁面右側多了「自訂頻道」功能,讓使用者自行添加喜歡的 YouTube 直播或影片,如遊戲、音樂、電影等。
線上 YouTube 新聞播放器 v2 版桌面介面,右側顯示自訂頻道清單與「添加頻道」「刪除頻道」按鈕
3. 點擊「添加頻道」按鈕會彈出輸入框,有預設頻道名稱可自行修改,輸入 YouTube 影片連結或 ID,點擊「儲存」就會在右側欄新增一個頻道按鈕。
線上 YouTube 新聞播放器 v2 版彈出新增自訂頻道視窗,包含頻道名稱與 YouTube 影片網址或 ID 的輸入欄位
4. 點擊「刪除頻道」按鈕後,右側頻道清單會出現勾選框,勾選要刪除的頻道,再點擊同位置的「✓勾選/確認」即可刪除;若未勾選任何頻道,直接點按鈕則會取消刪除。
線上 YouTube 新聞播放器 v2 版進入刪除模式,右側自訂頻道列表出現勾選框,上方「刪除頻道」按鈕變為粉紅色的「✓勾選/確認」
5. 兩種版本都採用響應式設計,在手機螢幕上,預設頻道按鈕會變成下拉式選單,自訂頻道則在播放器下方,操作方式與上述相同。
線上 YouTube 新聞播放器 v2 手機版畫面示意,左側為播放器加下方自訂頻道列表,右側為台灣新聞頻道的下拉選單

結語:

自從大型語言模型(如 ChatGPT)這類 AI 聊天服務出現之後,以往需要專業能力的工作變得更加簡單。筆者不是網頁設計人員,而是利用 AI 機器人協助撰寫 HTML 程式碼,先提出需求獲得基本的網頁框架,再逐步調整介面與功能,包括響應式設計、瀏覽器記憶上次觀看頻道等。

打開網頁即可收看 YT 新聞直播,整個切換流程都在同一個畫面中完成,適合在電腦工作時背景播放新聞。若想修改 YouTube 播放器介面或增加功能,可以下載 HTML 文件,並依自身需求添加或修改頻道連結,也能向 AI 傳送文件並說明需求,打造個人 YT 播放器。