921
技術社區[雲棲]
微信小程序的音頻組件中音樂播放器
音頻組件可以實現音頻類的在線播放和操作控製。甚至於微信官方已經構想到了不錯的樣式和操作方式，可以非常簡單地實現一個不錯的用戶UI。如果binderror屬性出現錯誤時，將會顯示不同的錯誤信息，以供開發者獲取錯誤信息，並提供響應的解決方案給用戶。在新建項目中view視圖編輯代碼：
在JS中編輯代碼，為了使界麵更美觀
更改wxss樣式文件，讓整個視圖變得更美觀：
保存上述代碼運行後最終顯示效果如圖所示
通過設置的音頻地址（src）和專輯圖片的地址（poser），載入網絡上的音頻和封麵信息，形成了一個矩形的音樂播放樣式，單擊專輯封麵的“播放”按鈕可以進行音樂的播放。通過對於author和name的設置確定了在右方顯示的音樂名稱和作者，而對於整個audio控件，最右邊自動加載其播放的進度。下方三個按鈕的作用就是對於音頻播放的控製和調整，先通過this.audioCtx=wx.createAudioContext('muAudio')獲取播放控件的上下文（這裏其實相當於網頁的getElementbyId），再通過監聽單擊按鈕事件來控製屬性。
最後更新：2017-10-08 05:36:33