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

Question

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

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

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

倍速未生效

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

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

Answer 1

Answer 2

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

Answer 3

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

【报Bug】uni-app 音频没法使用倍速播放 - DCloud问答 【报Bug】uni-app 音频没法使用倍速播放 - 我是dcloud 4年的开发者了，希望uni-app 背景音和音频api加入倍速功能 原生html5 都自带这个功能 uni-app 剔除掉了 有点不可思议 社群电商 知识付费 听书 等相关APP 都在使用这个功能 市场很大 希望大佬们关注市场需... https://ask.dcloud.net.cn/question/74530

Answer 4

我在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>