微信小程序播放音頻

發表時(shí)間：2021-4-12

發布人(rén)：融晨科技

浏覽次數：73

今天做微信小程序涉及到(dào)播放音頻文件：

使用audio标簽來(lái)綁定音頻路徑

<audio id='audioid' src='{{vidioUrl}}' binderror="audioError" bindplay="audioPlay" bindeneded="playEnd" bindtimeupdate="timeUpdate"> </audio>

目前沒有做到(dào)播放下一首的(de)功能，隻有暫停和(hé / huò)播放。
最上(shàng)面的(de)播放條是(shì)通過progress的(de)percent來(lái)實現的(de)，

<progress percent="{{currtRate}}" stroke-width="2" activeColor="#ffd200" backgroundColor="#bcbcbc"  />

通過currtRate來(lái)實現播放條的(de)已播放長度

界面：

<view class="ub-ver info-container" style="height:5em;">  
 <!-- 音頻播放 -->  
     <view class='ub fonts12 align-items-center' >  
     <view>{{currentTime}}</view>  
     <view class="umw-6"></view>  
     <view class='ub-f1'>  
       <progress percent="{{currtRate}}" stroke-width="2" activeColor="#ffd200" backgroundColor="#bcbcbc"