您好,登錄后才能下訂單哦!
這篇文章主要介紹了微信小程序怎么實現音樂播放控制的相關知識,內容詳細易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇微信小程序怎么實現音樂播放控制文章都會有所收獲,下面我們一起來看看吧。
基礎庫 1.2.0 開始支持,低版本需做兼容處理
獲取全局唯一的背景音頻管理器 backgroundAudioManager
。
backgroundAudioManager 對象的屬性列表:
屬性 | 類型 | 說明 | 只讀 |
---|---|---|---|
duration | Number | 當前音頻的長度(單位:s),只有在當前有合法的 src 時返回 | 是 |
currentTime | Number | 當前音頻的播放位置(單位:s),只有在當前有合法的 src 時返回 | 是 |
paused | Boolean | 當前是是否暫停或停止狀態,true 表示暫停或停止,false 表示正在播放 | 是 |
src | String | 音頻的數據源,默認為空字符串,當設置了新的 src 時,會自動開始播放 ,目前支持的格式有 m4a, aac, mp3, wav | 否 |
startTime | Number | 音頻開始播放的位置(單位:s) | 否 |
buffered | Number | 音頻緩沖的時間點,僅保證當前播放時間點到此時間點內容已緩沖。 | 是 |
title | String | 音頻標題,用于做原生音頻播放器音頻標題。原生音頻播放器中的分享功能,分享出去的卡片標題,也將使用該值。 | 否 |
epname | String | 專輯名,原生音頻播放器中的分享功能,分享出去的卡片簡介,也將使用該值。 | 否 |
singer | String | 歌手名,原生音頻播放器中的分享功能,分享出去的卡片簡介,也將使用該值。 | 否 |
coverImgUrl | String | 封面圖url,用于做原生音頻播放器背景圖。原生音頻播放器中的分享功能,分享出去的卡片配圖及背景也將使用該圖。 | 否 |
webUrl | String | 頁面鏈接,原生音頻播放器中的分享功能,分享出去的卡片簡介,也將使用該值。 | 否 |
backgroundAudioManager 對象的方法列表:
方法 | 參數 | 說明 |
---|---|---|
play | 播放 | |
pause | 暫停 | |
stop | 停止 | |
seek | position | 跳轉到指定位置,單位 s |
onCanplay | callback | 背景音頻進入可以播放狀態,但不保證后面可以流暢播放 |
onPlay | callback | 背景音頻播放事件 |
onPause | callback | 背景音頻暫停事件 |
onStop | callback | 背景音頻停止事件 |
onEnded | callback | 背景音頻自然播放結束事件 |
onTimeUpdate | callback | 背景音頻播放進度更新事件 |
onPrev | callback | 用戶在系統音樂播放面板點擊上一曲事件(iOS only) |
onNext | callback | 用戶在系統音樂播放面板點擊下一曲事件(iOS only) |
onError | callback | 背景音頻播放錯誤事件 |
onWaiting | callback | 音頻加載中事件,當音頻因為數據不足,需要停下來加載時會觸發 |
errCode | 說明 |
---|---|
10001 | 系統錯誤 |
10002 | 網絡錯誤 |
10003 | 文件錯誤 |
10004 | 格式錯誤 |
-1 | 未知錯誤 |
示例代碼:
const backgroundAudioManager = wx.getBackgroundAudioManager() backgroundAudioManager.title = '此時此刻'backgroundAudioManager.epname = '此時此刻'backgroundAudioManager.singer = '汪峰'backgroundAudioManager.coverImgUrl = 'https://cache.yisu.com/upload/information/20220117/465/14206.jpg?max_age=2592000'backgroundAudioManager.src = 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E061FF02C31F716658E5C81F5594D561F2E88B854E81CAAB7806D5E4F103E55D33C16F3FAC506D1AB172DE8600B37E43FAD&fromtag=46' // 設置了 src 之后會自動播放
關于“微信小程序怎么實現音樂播放控制”這篇文章的內容就介紹到這里,感謝各位的閱讀!相信大家對“微信小程序怎么實現音樂播放控制”知識都有一定的了解,大家如果還想學習更多知識,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。