遙控器功能上線！操作「線上看電視」教學說明

前陣子進行研發的「無線飛鼠遙控器操作」功能已經初步完成，且測試得差不多了，本篇會詳細說明如何操作，利用一支遙控器就能在電視上輕鬆觀看本站的電視節目，不需要另外接無線、鍵盤滑鼠。

基本上遙控器主要使用上、下、左、右、OK 這幾個鍵，對應到鍵盤上即為 4 個方向鍵及「Enter」，所以如果不是在電視上、而是在電腦使用，沒有遙控器一樣可用鍵盤進行操作，熟練的話會比滑鼠操作還方便。

一、適用環境

會使用遙控器通常是螢幕尺寸很大、距離螢幕比較遠，不方便使用鍵盤的情況。如果能在電視上、或大尺寸螢幕看本站的節目，就適合使用遙控器操作。


1. Windows 環境

由於本站是網頁型態，適合用電腦的瀏覽器開啟，請參考之前寫過的「投影到電視上看的方法整理」，想辦法創造出讓本站顯示在電視上的環境，比較推薦的方式為：

• 用筆電投射到電視
• 客廳擺小電腦(準系統、迷你電腦)直接外接電視

2. Android 環境

Android 環境下的 Chrome 只適合觸控操作，不適合滑鼠，目前看起來不太適合遙控器使用。如果使用平板投射到電視的話，應該也不需要遙控器了(平板就是遙控器)。

很多人家裡有電視盒，多半是 Android 系統，可安裝 Chrome 瀏覽器 APP 來使用本站。經過測試後，Android 版本的 Chrome 看網頁不適合使用滑鼠操作，且按下遙控器按鍵時，訊號跟 Windows 系統的差異較大。這樣的話，本站目前研發的程式，將無法完全相容 Android 版本的 Chrome。

將來可能的作法有兩種：

• 另外做一個按鈕切換 Android 版本的遙控系統
• 另外開發 Android TVBOX 版本的「線上看電視」APP，讓遙控器來配合該平台使用

二、遙控器規格

1. 開發環境

本站目前開發的遙控器功能，測試環境是基於我買的這款「MX3 無線飛鼠遙控器」：

• 賣場：PCHome 商店街、AMAZON(圖片出處)

當然你不一定要買一樣的型號，不過基本要求是前面提到的 上、下、左、右、OK 這 5 個鍵即可。


2. 推薦規格

如果你不是買 MX3 這個型號，以下是推薦購買時可考慮的要點。雖然基本只要 5 個鍵就能完成所有操作，但如有以下按鍵的話，操作會比較方便(請參照前面 MX3 的圖片)：

• 快轉、快退鍵：這兩個鍵可以在播放清單時，直接跳下一集、上一集，非常方便
• PageUp、PageDown：也就是圖片上的「PG+」、「PG-」，可方便捲動螢幕
• 數字鍵：雖然目前用不到，但將來會針對數字鍵開發其他功能。
• 鍵盤：MX3 背面的鍵盤沒有那麼必要，不過偶爾需要輸入、或操作某些按鍵時，可派上用場

三、準備動作

1. 開啟「電視遙控器模式」

為了啟用遙控器功能，我在控制按鈕那一排最右邊，新增了一個「電視遙控器」開關：



此按鈕的起始狀態為關閉(按鈕是暗的)，請先打開這顆按鈕(按鈕變亮)，才能開啟「電視遙控器模式」。

當此功能開啟後，在 YouTube 播放器內，有一小部分的滑鼠操作功能會受影響，後面會說明。如果不想要某些滑鼠功能失效，可以關閉此開關，讓按鈕變暗即可。


2. 切換為按鍵模式

開啟「電視遙控器模式」後就能開始操作遙控器，但會有一些不便之處：

• 滑鼠游標仍在螢幕上，可能會誤點擊其他功能
• 滑鼠經過某些地方可能造成 hover 效果，導致導覽列選項彈出來

所以建議按照以下流程完成準備動作：

• 把滑鼠移到螢幕邊緣，例如最左或最右處，且最好超出網頁主區塊的左、右邊界，如此可確保游標不會經過任何網頁內容
• 然後點擊遙控器上的「滑鼠/按鍵」切換鈕，也就是切換到按鍵模式，讓滑鼠完全沒有作用

這樣就可以開始使用遙控器了。

四、各種模式操作

1. 起始操作



上圖可看到，整個頁面分為三個區塊。在第一次操作時，或是游標失去焦點時(例如剛離開全螢幕狀態)，可按方向鍵進行以下操作：

• 上：跳到上方群組選單區塊
• 左：跳到左方節目選單區塊
• 下：跳到下方其他區塊
• 長按右鍵：如果螢幕上有 YouTube 播放器，可切換全螢幕模式

2. 上方群組選單區塊

進入上方群組選單區塊後，可進行以下操作：

• 左、右：在選單之間左右切換
• OK：點擊選單
• 下：跳到節目選單區塊

3. 左方節目選單區塊

進入左方節目選單區塊後，可進行以下操作：

• 上、下：
  
  • 在左側選單之間上下切換
  • 當移動到頂，再按「上」就會跳到群組選單區塊
• OK：點擊
• 左：進入全螢幕模式
• 右：跳到其他區塊

4. 下方其他區塊



進入下方其他區塊後，可進行以下操作：

• 上、下、左、右：
  
  • 由於這個區塊範圍很廣，所以每個方向都可能進行移動，例如上圖的位置。且這個區塊最上面可移動到「控制按鈕」區塊，最下面可移動到「相關節目」區塊，只要是能點擊的地方都能移動。
  • 上：當移動到頂，也就是「控制按鈕」區塊時，再按「上」就會跳到群組選單區塊
  • 左：當移動到最左邊，再按「左」就會跳到節目選單區塊
• OK：點擊
• 長按右鍵：進入全螢幕模式

5. 全螢幕模式

全螢幕播放時，目前支援的按鍵有這些(電腦鍵盤也可使用)：

• 左：退後 5 秒
• 右：前進 5 秒
• 上：音量加大
• 下：音量減少
• OK(Enter)：暫停/播放 切換
• 空白(Space)：暫停/播放 切換
• k：暫停/播放 切換
• 長按右鍵：離開全螢幕模式
• ESC：離開全螢幕模式
• f：離開全螢幕模式
• m：靜音/恢復音量 切換
• PageUp：播放上一集 (2020.4.8 新增)
• PageDown：播放下一集 (2020.4.8 新增)

五、注意事項

前面提到，啟用「電視遙控器模式」後，在全螢幕畫面下，會有一個小問題：



例如上圖點擊下方紅框處的「HD」設定按鈕後，正常來說會出現上方的設定選項。但是開啟「電視遙控器模式」後，這些設定選項將無法長時間停留在畫面上。

所以如果要使用播放器的設定功能，有兩種方式：

• 離開全螢幕模式即可
• 或是先關閉「電視遙控器模式」

那麼就恢復播放器的設定功能了。