JavaScript設置視頻播放速度


喜歡媒體已經從自定義插件(Flash ... gross)轉移到基本HTML中 <video><audio>元素。例如,將這些媒體源視為另一個元素,我們可以使用CSS過濾器來調整顯示。我們需要做的ffmpeg或插件越少越好。

許多視頻網站都實現了調整視頻播放速度的功能,如果試圖更快地通過一些體育賽事亮點或者看到怪物在超慢動作中扣籃,希望它不需要某些特殊類型的服務器來以較慢或較快的塊發送文件,你所需要的只是使用javascriptplaybackRate屬性!

const video = document.querySelector("video");
 
// Slow it to 50% speed
video.playbackRate = 0.5;
 
// Twice as fast!
video.playbackRate = 2;
 
// Back to normal
video.playbackRate = 1;

使用小於1的數字減慢視頻速度,大於1的數字使視頻加速,1將視頻恢復到正常速度。還要注意,playbackRate不是一個HTML屬性,而是一個屬性。調整播放速率並不是所有視頻網站都想做的事情,但如果你認為你的用戶可能喜歡它,那就只需要一個HTML元素屬性就可以了!  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM