小編給大家分享一下微信小程序怎么獲取音頻時(shí)長(zhǎng)與實(shí)時(shí)獲取播放進(jìn)度問(wèn)題，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

我們提供的服務(wù)有：成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、曲麻萊ssl等。為上千多家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的曲麻萊網(wǎng)站制作公司

首先在沒(méi)有播放音頻之前，居然拿不到總時(shí)長(zhǎng)

但是在播放之后也需要設(shè)置setTimeout來(lái)獲取

所以在監(jiān)聽(tīng)音頻播放進(jìn)度更新事件中獲取。順便獲取當(dāng)前播放進(jìn)度

按照官方的寫(xiě)法

audioPlayed: function () {
  myAudio.play()
  setTieout(() => {
    myAudio.onTimeUpdate(() => {
      console.log(myAudio.duration)  //總時(shí)長(zhǎng)
      console.log(myAudio.currentTime)  //當(dāng)前播放進(jìn)度
    })
  }, 500)
}

但是這兩個(gè)console都沒(méi)有觸發(fā)，很是神奇

增加延遲的時(shí)間也沒(méi)有用

打斷點(diǎn)都沒(méi)有進(jìn)去

但是！

audioPlayed: function () {
  myAudio.play()
  setTieout(() => {
    myAudio.currentTime
    myAudio.onTimeUpdate(() => {
      console.log(myAudio.duration)  //總時(shí)長(zhǎng)
      console.log(myAudio.currentTime)  //當(dāng)前播放進(jìn)度
    })
  }, 500)
}

在里面寫(xiě)了一個(gè)

myAudio.currentTime  或者   myAudio.duration

斷點(diǎn)就進(jìn)去了，console也出來(lái)了

由于過(guò)于神奇，所以記錄一下

下面看下微信小程序音頻長(zhǎng)度獲取的問(wèn)題

小程序推薦使用wx.createInnerAudioContext()創(chuàng)建的innerAudioContext，我們也通過(guò)這個(gè)接口創(chuàng)建音頻。

音頻的長(zhǎng)度可以通過(guò)屬性獲取：

但是，給innerAudioContext賦值src后就能獲取嗎，請(qǐng)看下面的例子：

onLoad: function () {
    bgM = wx.createInnerAudioContext();
    bgM.src = 'https://upyun.lesson.bbwansha.com/dub/user/2.mp3';
    console.log(bgM.duration);//0
    bgM.onCanplay(()=>{
       console.log(bgM.duration)//0
    })
    bgM.play();
    bgM.onPlay(()=>{
       console.log(bgM.duration)//0
    })
    setTimeout(()=>{
      console.log(bgM.duration)//2.795102
    },1000)
},

賦值結(jié)束后不能獲取能夠理解，在onCanplay，onPlay沒(méi)法獲取有點(diǎn)難以理解。

還好，我們通過(guò)setTimeout可以獲取到。

獲取到之后，還有個(gè)問(wèn)題，在開(kāi)發(fā)工具里，音頻播放完之后，duration不變。

偶爾出現(xiàn)的問(wèn)題：但在真機(jī)上，duration變?yōu)?了，也就是第二遍播放的時(shí)候，獲取不到duration了。這個(gè)可以聲明個(gè)個(gè)變量解決。

看完了這篇文章，相信你對(duì)“微信小程序怎么獲取音頻時(shí)長(zhǎng)與實(shí)時(shí)獲取播放進(jìn)度問(wèn)題”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

分享文章：微信小程序怎么獲取音頻時(shí)長(zhǎng)與實(shí)時(shí)獲取播放進(jìn)度問(wèn)題
本文URL：http://chinadenli.net/article38/pgogsp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、企業(yè)網(wǎng)站制作、響應(yīng)式網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)公司、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)