發(fā)布于:2021-01-15 16:45:56
0
1506
0
我喜歡媒體已經(jīng)從自定義插件(Flash…gross)到基本的HTML <video>和<audio>元素。</audio></video>例如,將這些媒體源看作是另一個(gè)元素可以讓我們使用CSS過濾器來調(diào)整顯示。用ffmpeg或插件做的事越少越好。
我注意到很多視頻網(wǎng)站都有調(diào)整視頻播放速度的功能,如果你想更快地觀看一些體育比賽的精彩片段,或者用超慢動(dòng)作觀看怪獸扣籃,這個(gè)功能非常棒。我希望它不需要一些特殊類型的服務(wù)器以更慢或更快的塊發(fā)送文件,我是對(duì)的:你所需要的是playbackRate屬性!
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的數(shù)字會(huì)減慢視頻速度,大于1的數(shù)字會(huì)加速,大于1的數(shù)字會(huì)恢復(fù)正常視頻速度。還要注意的是,playbackRate不是一個(gè)HTML屬性——它是一個(gè)屬性。
調(diào)整播放速率并不是你想為所有視頻網(wǎng)站做的事情,但如果你認(rèn)為你的用戶可能喜歡它,它只需要一個(gè)HTML元素屬性!
作者介紹
熱門博客推薦