看網課講師太囉嗦太慢?在線視頻課程效率低?教你自定義超倍速看

經常在網上看視頻教程的朋友,是否像我一樣為看視頻不能快速播放而煩惱呢?

有的講師講課太慢了,即時有倍速播放還是很囉嗦,直接跳過吧怕忽略整個流程沒法連接,跟著看很多步驟又是自己再熟悉不過的,能不能直接按照自己的速度倍速播放呢?

本文就分享一個我自用的小技巧,讓學習節奏把握在自己手裡。

⚠️⚠️⚠️不適合直播課程,只適合瀏覽器網頁版,且只適合WEB HTML5 video播放器,不支持Flash播放器播放視頻的網站!!

首先打開視頻播放器播放的網頁頁面

看網課講師太囉嗦太慢?在線視頻課程效率低?教你自定義超倍速看

在播放器頁面打開網頁檢查器

此處使用Chrome瀏覽器做演示,鼠標放在網頁播放器然後單擊右鍵,如果鼠標在播放器上不能單擊右鍵那就把鼠標放到播放器外的網頁元素上再單擊右鍵,選擇單擊“檢查”菜單

看網課講師太囉嗦太慢?在線視頻課程效率低?教你自定義超倍速看

如果網頁不讓你使用鼠標右鍵,那就在瀏覽器菜單打開網頁檢查器。如果你的系統和瀏覽器不一樣,那麼自行根據系統和瀏覽器去網上搜索打開檢查器的方法。


看網課講師太囉嗦太慢?在線視頻課程效率低?教你自定義超倍速看

開啟自定義倍速播放

在檢查器頁面選擇Console選項卡菜單,然後找到下發輸入框,粘貼以下代碼,即可使網頁視頻進行3倍速播放


看網課講師太囉嗦太慢?在線視頻課程效率低?教你自定義超倍速看

代碼如下,代碼一定要使用半角英文輸入,不能輸入中文字符哦。

或者直接複製粘貼下面代碼

<code>document.getElementsByTagName('video')[0].playbackRate = 3/<code>

如果不支持那說明不是HTML5視頻播放器,如果網頁可以切換那就切換HTML5,不能就沒辦法了


看網課講師太囉嗦太慢?在線視頻課程效率低?教你自定義超倍速看


代碼解釋,學過網頁JavaScript編程或者HTML5的人都應該知道,這個其實就是一個HTML5 視頻倍速播放器而已,但還是很實用。

<code>document.getElementsByTagName('video')/<code>

獲取本頁面的HTML5 視頻播放器

<code>[0] /<code>

獲取第一個元素,如果本頁有其它視頻播放器則[]括號內的數字代表第一(0+1)個播放器,一般一個網頁就一個視頻播放器同時播放,除非是個變態開發。

<code>playbackRate = 3 /<code>

設置一個播放倍速,此處意思就是3倍速播放,如果需要其它倍速,那麼把3替換成自己需要的速度即可。

這個值在Chrome瀏覽器的範圍為 0.07 - 16,其它瀏覽器或者業界標準請自查或者自己測試,反正人看視頻0.5-4倍已經是極限範圍了,完全夠用。


分享到:


相關文章: