h5播放器playbackRate设置当前播放速度实现倍速播放
-
-
阿酷tony 这家伙很懒，还没有设置简介
0 人点赞了该文章 · 3333 浏览
我是阿酷tony，从事视频直播行业近十年，方向：视频直播、微信直播、视频加密技术、流媒体环境、网页视频播放器，组建了一个交流群，点击加入一起交流。
定义和用法
playbackRate 属性设置或返回音频的当前播放速度。
浏览器支持
所有主流浏览器都支持 playbackRate 属性。
注意：Internet Explorer 9及更早IE版本不支持 playbackRate 属性。
语法如下：
// 视频获取速率
var videoSpeed = video.playbackRate;
// 视频设置播放速率，如正常速度播放
video.playbackRate = 1.0;
// 获取音频播放速率
var audioSpeed = audio.playbackRate;
// 音频设置播放速率，如正常速度播放
audio.playbackRate = 1.0;
来个例子吧：
选择播放速率：
var eleSelect = document.getElementById('selRate');
var eleButton = document.getElementById('btnPlay');
// 视频元素
var video = document.getElementById('video');
// 改变播放速率
eleSelect.addEventListener('change', function () {
video.playbackRate = this.value;
});
// 点击播放按钮
eleButton.addEventListener('click', function () {
video.play();
});
全部 0条评论