前言
今天接到一个给播放器新增倍速播放的功能;因为用的是uniapp自带的video,这里面没有倍速播放这个选项。然后在官方文档找了一会儿,找到一个API,就是这个=================>
使用
用法也很简单两个步骤
- 先在原生的播放器上覆盖一个按钮,我们可以使用
- 然后使用uni.createVideoContext(videoId, this)就可以了。
代码
具体实现步骤如下
首先html代码(重点是cover-view标签的触发)
<video style="width: 100%;" id="myVideo" class="video_two" :src="url"
@error="videoErrorCallback" :danmu-list="danmuList" enable-danmu danmu-btn controls>
<cover-view style="position: absolute;top: 128rpx;right: 60rpx;" @click="doubleSpeed">倍速</cover-view>
</video>
然后事件
doubleSpeed(){
let videoContext = uni.createVideoContext('myVideo', this)//这里的'myVideo'要和上方video标签的id相对应
videoContext.playbackRate(2.0) //括号里面可以设置倍速
},
如果想做成市面影视app的倍速播放功能。可以为倍速按钮添加选择框选择后传值给到videoContext.playbackRate