遙控器功能上線!操作「線上看電視」教學說明
前陣子進行研發的「無線飛鼠遙控器操作」功能已經初步完成,且測試得差不多了,本篇會詳細說明如何操作,利用一支遙控器就能在電視上輕鬆觀看本站的電視節目,不需要另外接無線、鍵盤滑鼠。
基本上遙控器主要使用上 、下 、左 、右 、OK 這幾個鍵,對應到鍵盤上即為 4 個方向鍵及「Enter」,所以如果不是在電視上、而是在電腦使用,沒有遙控器一樣可用鍵盤進行操作,熟練的話會比滑鼠操作還方便。
會使用遙控器通常是螢幕尺寸很大、距離螢幕比較遠,不方便使用鍵盤的情況。如果能在電視上、或大尺寸螢幕看本站的節目,就適合使用遙控器操作。
1. Windows 環境
由於本站是網頁型態,適合用電腦的瀏覽器開啟,請參考之前寫過的「投影到電視上看的方法整理」,想辦法創造出讓本站顯示在電視上的環境,比較推薦的方式為:
2. Android 環境
Android 環境下的 Chrome 只適合觸控操作,不適合滑鼠,目前看起來不太適合遙控器使用。如果使用平板投射到電視的話,應該也不需要遙控器了(平板就是遙控器)。
很多人家裡有電視盒,多半是 Android 系統,可安裝 Chrome 瀏覽器 APP 來使用本站。經過測試後,Android 版本的 Chrome 看網頁不適合使用滑鼠操作,且按下遙控器按鍵時,訊號跟 Windows 系統的差異較大。這樣的話,本站目前研發的程式,將無法完全相容 Android 版本的 Chrome。
將來可能的作法有兩種:
1. 開發環境
本站目前開發的遙控器功能,測試環境是基於我買的這款「MX3 無線飛鼠遙控器」:
當然你不一定要買一樣的型號,不過基本要求是前面提到的上 、下 、左 、右 、OK 這 5 個鍵即可。
2. 推薦規格
如果你不是買 MX3 這個型號,以下是推薦購買時可考慮的要點。雖然基本只要 5 個鍵就能完成所有操作,但如有以下按鍵的話,操作會比較方便(請參照前面 MX3 的圖片):
1. 開啟「電視遙控器模式」
為了啟用遙控器功能,我在控制按鈕那一排最右邊,新增了一個「電視遙控器」開關:
此按鈕的起始狀態為關閉(按鈕是暗的),請先打開這顆按鈕(按鈕變亮),才能開啟「電視遙控器模式」。
當此功能開啟後,在 YouTube 播放器內,有一小部分的滑鼠操作功能會受影響,後面會說明。如果不想要某些滑鼠功能失效,可以關閉此開關,讓按鈕變暗即可。
2. 切換為按鍵模式
開啟「電視遙控器模式」後就能開始操作遙控器,但會有一些不便之處:
所以建議按照以下流程完成準備動作:
這樣就可以開始使用遙控器了。
1. 起始操作
上圖可看到,整個頁面分為三個區塊。在第一次操作時,或是游標失去焦點時(例如剛離開全螢幕狀態),可按方向鍵進行以下操作:
2. 上方群組選單區塊
進入上方群組選單區塊後,可進行以下操作:
3. 左方節目選單區塊
進入左方節目選單區塊後,可進行以下操作:
4. 下方其他區塊
進入下方其他區塊後,可進行以下操作:
5. 全螢幕模式
全螢幕播放時,目前支援的按鍵有這些(電腦鍵盤也可使用):
前面提到,啟用「電視遙控器模式」後,在全螢幕畫面下,會有一個小問題:
例如上圖點擊下方紅框處的「HD」設定按鈕後,正常來說會出現上方的設定選項。但是開啟「電視遙控器模式」後,這些設定選項將無法長時間停留在畫面上。
所以如果要使用播放器的設定功能,有兩種方式:
那麼就恢復播放器的設定功能了。
基本上遙控器主要使用
一、適用環境
會使用遙控器通常是螢幕尺寸很大、距離螢幕比較遠,不方便使用鍵盤的情況。如果能在電視上、或大尺寸螢幕看本站的節目,就適合使用遙控器操作。
1. Windows 環境
由於本站是網頁型態,適合用電腦的瀏覽器開啟,請參考之前寫過的「投影到電視上看的方法整理」,想辦法創造出讓本站顯示在電視上的環境,比較推薦的方式為:
- 用筆電投射到電視
- 客廳擺小電腦(準系統、迷你電腦)直接外接電視
2. Android 環境
Android 環境下的 Chrome 只適合觸控操作,不適合滑鼠,目前看起來不太適合遙控器使用。如果使用平板投射到電視的話,應該也不需要遙控器了(平板就是遙控器)。
很多人家裡有電視盒,多半是 Android 系統,可安裝 Chrome 瀏覽器 APP 來使用本站。經過測試後,Android 版本的 Chrome 看網頁不適合使用滑鼠操作,且按下遙控器按鍵時,訊號跟 Windows 系統的差異較大。這樣的話,本站目前研發的程式,將無法完全相容 Android 版本的 Chrome。
將來可能的作法有兩種:
- 另外做一個按鈕切換 Android 版本的遙控系統
- 另外開發 Android TVBOX 版本的「線上看電視」APP,讓遙控器來配合該平台使用
二、遙控器規格
1. 開發環境
本站目前開發的遙控器功能,測試環境是基於我買的這款「MX3 無線飛鼠遙控器」:
- 賣場:PCHome 商店街、AMAZON(圖片出處)
當然你不一定要買一樣的型號,不過基本要求是前面提到的
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」設定按鈕後,正常來說會出現上方的設定選項。但是開啟「電視遙控器模式」後,這些設定選項將無法長時間停留在畫面上。
所以如果要使用播放器的設定功能,有兩種方式:
- 離開全螢幕模式即可
- 或是先關閉「電視遙控器模式」
那麼就恢復播放器的設定功能了。
沒有留言:
張貼留言