IT俱乐部 HTML5 Html5播放器实现倍速播放的方法示例

Html5播放器实现倍速播放的方法示例

定义和用法

playbackRate 属性设置或返回音频的当前播放速度。

playbackspeed

指示音频的当前播放速度。

例值:

  • 1.0 正常速度
  • 0.5 半速(更慢)
  • 2.0 倍速(更快)
  • -1.0 向后,正常速度
  • -0.5 向后,半速

示例代码1:

代码示例:


选择倍速播放:

    0.5
    1.0
    1.25
    1.5
    2.0
var select = document.getElementById('select');
var video = document.getElementById('video');
select.addEventListener('change', function () {
    video.playbackRate = this.value;
})

示例2:

应用倍速实例。

var player = polyvPlayer({ wrap: '#player', width: 800, height: 533, vid: 'e785b2c81c9e018296671a1287e99615_e', });
speed boolean/array [2, 1.5, 1.2, 0.5] 设置为false则关闭倍速,可传入数组自定义显示哪几种倍速,速率1不需要填入,会自动添加,所设置速率值必须大于0,少于或等于3,最多设置6种速率(不包含1),所设置值会按由大到小自动排序

设置倍速代码如下:

var player = polyvPlayer({ wrap: '#player', width: 800, height: 533, speed:[2, 1.5, 1.2, 0.5], //倍速播放参数设定值 vid: 'e785b2c81c9e018296671a1287e99615_e', });

到此这篇关于Html5播放器实现倍速播放的方法示例的文章就介绍到这了,更多相关Html5倍速播放内容请搜索IT俱乐部以前的文章或继续浏览下面的相关文章,希望大家以后多多支持IT俱乐部!

本文收集自网络,不代表IT俱乐部立场,转载请注明出处。https://www.2it.club/navsub/html5/5407.html
上一篇
下一篇
联系我们

联系我们

在线咨询: QQ交谈

邮箱: 1120393934@qq.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

返回顶部