uniapp设置音频的倍速播放无效

uniapp设置音频的倍速播放无效


        <u-popup :show="showpopup" mode="right" @close="showpopup=false" :customStyle="{width:'600rpx'}">
            <view class="popuonewai">
                <view class="popuone" @click="beisu(0.5)">X0.5view>
                <view class="popuone" @click="beisu(1.0)">X1.0view>
                <view class="popuone" @click="beisu(1.5)">X1.5view>
                <view class="popuone" @click="beisu(2.0)">X2.0view>
            view>
        u-popup>



// 播放的速度
            beisu(num) {
                console.log(num);
                this.innerAudioContext.playbackRate = (Number(num))
                this.innerAudioContext.pause()
                this.innerAudioContext.play()
                this.showpopup = false;
            },

倍速未生效

延时器延迟执行行不通 还有先暂停再继续执行也不行

可以设置指定的倍速进行播放

img

你是在什么场景下做的测试?
不同场景不同情况,也有不同的处理方案

去插件市场下载插件,使用插件进行倍速播放

我在html页面试的可以实现,不知道博主的音频引入那部分是咋写的


<audio id="audio" controls src="./11111.m4a"></audio>
    选择倍速播放:
    <select id="select">
      <option value="0.5">0.5</option>
      <option value="1" selected>1.0</option>
      <option value="1.25">1.25</option>
      <option value="1.5">1.5</option>
      <option value="2">2.0</option>
    </select>
    <script>
      var select = document.getElementById('select')
      // 音频元素
      var audio = document.getElementById('audio')
      // 改变播放速率
      select.addEventListener('change', function () {
        console.log('改变前',audio.playbackRate)
        audio.playbackRate = this.value
        console.log('改变后',audio.playbackRate)
      })
    </script>