设置在线html视频几倍数播放,HTML5 音频或视频实现倍速播放

在视频网站中我们常常会看到工具栏中有“倍速”或“倍速播放”等功能操作，进而满足部分群体需求。

当然了，这种设计属于辅助性功能体验，我们可以将其进行辅助性设计添加。

playbackRate 视频音频播放速率

在HTML5中基于或元素我们可以通过JavaScript控制playbackRate属性值对其实现功能操作。

语法：

audio|video.playbackRate=playbackspeed

示例：

// HTML 部分：

1

0.5

2

添加元素，放置一个速率选择标签，通过changeRate变更音频或视频速率。

const audio = document.getElementById('audio');

const select = document.getElementById('select');

// change rate ...

function changeRate() {

audio.playbackRate = select.options[select.selectedIndex].value;

}

playbackRate我们可以设置0.5(慢)、1(正常)、2(快)，以变更播放速度。

元素和上面的方法一样，达到音频与视频速率的变动。