本文主要介绍了Html5播放器实现倍速播放的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
定义和用法
playbackRate 属性设置或返回音频的当前播放速度。
playbackspeed | 指示音频的当前播放速度。 例值:
|
示例代码1:
代码示例:
选择倍速播放:
var select = document.getElementById('select'); var video = document.getElementById('video'); select.addEventListener('change', function () { video.playbackRate = this.value; })
示例2:
应用倍速实例。
speed | boolean/array | [2, 1.5, 1.2, 0.5] | 设置为false则关闭倍速,可传入数组自定义显示哪几种倍速,速率1不需要填入,会自动添加,所设置速率值必须大于0,少于或等于3,最多设置6种速率(不包含1),所设置值会按由大到小自动排序 |
设置倍速代码如下:
到此这篇关于Html5播放器实现倍速播放的方法示例的文章就介绍到这了,更多相关Html5倍速播放内容请搜索0133技术站以前的文章或继续浏览下面的相关文章,希望大家以后多多支持0133技术站!
以上就是Html5播放器实现倍速播放的方法示例的详细内容,更多请关注0133技术站其它相关文章!