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元素属性就可以了!  

posted @ 2020-12-25 14:51  summer_xbc  阅读(5867)  评论(0编辑  收藏  举报