臨近期末,復習任務繁忙,想要會看視頻,卻又覺得視頻講得太慢,那么該如何實現網頁端的強制倍速播放呢?
大多瀏覽器都帶有開發人員選項,以谷歌瀏覽器為例:
這是我校的在線教育平台,可以看到暫時沒有倍速播放按鈕
具體方法如下:
如果您是懂得瀏覽器開發人員選項的程序猿,可以直接轉到文章末尾的總結
總結 傳送門(可能需要先展開閱讀全文,否則會傳送到其他未知的地方👀)
下面是比較詳細的描述:
1.打開開發人員選項
方法有至少兩種:
方法一:右鍵,檢查(或者Ctrl+Shift+I)
方法二:按 F12 或 Fn+F12
會出現開發人員選項
2.選擇元素
1.按元素選擇按鈕
2.鼠標移到視頻上並點擊
3.輸入倍速播放代碼
1.點擊Console
2.在最下方空白處輸入:document.querySelector('video').playbackRate = 2.0
document.querySelector('video').playbackRate = 2.0
按回車
如果操作正確的話就會發現視頻是二倍速播放了
document.querySelector('video').playbackRate = 2.0中的2.0是播放速度
可以修改為你想要的播放速度
比如document.querySelector('video').playbackRate = 3.0是3倍播放
不同的瀏覽器具體方式可能會不太一樣,但總體方法就是這樣的。
總結
1.定位元素到待倍速播放的視頻
2.在Console中輸入倍速播放代碼 document.querySelector('video').playbackRate = 2.0 並回車
寫的比較詳細,適合非開發人員參考,歡迎大神前來指導。
請把倍速播放的方法用於正確的用途,不要用來刷網課哦~
這樣刷的網課很可能會被檢測到,並且不容易記錄倍速后的時長。
這種方法同樣適用於bilibili,愛奇藝等許多視頻網站,只是這些網站一般會自帶倍速播放按鈕的。
圖片來自本校在線教育平台和百度圖片,如有侵權。請聯系刪除。
2020.6.26更
有些同學找不到Console,可能是因為顯示的漢語,漢語對應的是“控制台”
另外附演示gif一張
可以看到快多了