视频倍速播放（视频倍速率来加速播放音视频文件）

本文主要是介绍视频倍速播放（视频倍速率来加速播放音视频文件），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

倍速播放问题，在html5代码中，是使用playbackRate来实现，音频、视频播放速率都可以实现：

// 获取视频速率
var playback = video.playbackRate;
// 设置视频播放速率
video.playbackRate = 1.5;
// 获取音频播放速率
var audioPlay = audio.playbackRate;
// 设置音频播放速率
audio.playbackRate = 1.5;

完整示例代码如下：

<video id="video" width="180" height="314" autobuffer controls src="cuplayer.mp4" type="video/mp4"></video><p>请选择播放速率：<select id="rate"><option value="0.5">0.5</option><option value="1" selected>1.0</option><option value="1.25">1.25</option><option value="1.5">1.5</option><option value="2">2.0</option></select></p>
<p><button id="play">视频播放</button></p>
var sel = document.getElementById('rate');
var btn = document.getElementById('play');
var video = document.getElementById('video');
sel.addEventListener('change', function () {video.playbackRate = this.value;
});
btn.addEventListener('click', function () {video.play();
});

这篇关于视频倍速播放（视频倍速率来加速播放音视频文件）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---