微信小程序Video组件实现视频倍速播放

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/dengchenrong/article/details/88417117

要在小程序中实现视频倍速播放功能,在微信小程序api开发文档中有描述:
https://developers.weixin.qq.com/miniprogram/dev/api/VideoContext.playbackRate.html?search-key=rate,
支持05/0.8/1.0/1.25/1.5倍率
在这里插入图片描述
在这里插入图片描述
下面整个demo:
https://developers.weixin.qq.com/s/w5mgzamw7454

1、wxml在这里插入图片描述

  • wxml源码
<view class="mod_action">
  <button bindtap="bindButtonRate" data-rate='0.5'>倍速0.5</button>
    <button bindtap="bindButtonRate" data-rate='1'>倍速1</button>
    <button bindtap="bindButtonRate" data-rate='1.5'>倍速1.5</button>
  </view>

2、js
在这里插入图片描述
3、创建播放器,缺少这一步会报以下错误
在这里插入图片描述
报错的原因就是没有创建绑定播放器,但是在js中调用了playbackRate的方法在这里插入图片描述
效果:
只是实现基本功能,样式就自行发挥了。
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/dengchenrong/article/details/88417117
今日推荐