微信小程序：音樂播放器

liangzai_cool 發(fā)布于2019-08-20 13:59 / 994人閱讀

摘要：最近終于做了第一個(gè)微信小程序，是音樂類的應(yīng)用，所以音樂播放器必不可少。因?yàn)檫\(yùn)行環(huán)境的限制，沒有現(xiàn)成的輪子，只能自己重新造一個(gè)了。

最近終于做了第一個(gè)微信小程序，是音樂類的應(yīng)用，所以音樂播放器必不可少。
因?yàn)檫\(yùn)行環(huán)境的限制，沒有現(xiàn)成的輪子，只能自己重新造一個(gè)了。

功能清單

基礎(chǔ)功能：播放，暫停，進(jìn)度，停止

擴(kuò)展功能：播放列表，歌曲切換，播放模式，播放事件

處理官方API的坑（BUG？）

Andriod，從暫停狀態(tài)恢復(fù)播放，不會觸發(fā)播放事件

手機(jī)終端，歌曲播放完成后，停止事件會觸發(fā)兩次

手機(jī)終端，后臺播放器如果處于播放暫停狀態(tài)時(shí)，播放其他歌曲會變成繼續(xù)播放當(dāng)前歌曲

處理不了的坑

iOS，設(shè)置進(jìn)度會有嚴(yán)重的延遲，播放進(jìn)度顯示不同步，多次設(shè)置進(jìn)度還會是播放器變得不穩(wěn)定，所以暫時(shí)不做進(jìn)度控制的功能

iOS，當(dāng)小程序切換到后臺執(zhí)行時(shí)，除了之前播放過的歌曲，播放其他歌曲會失效

輪子地址

https://github.com/zengdongba...

云服務(wù)器 GPU云服務(wù)器微信小程序微信小程序支付微信小程序部署微信小程序搭建

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/81352.html

相關(guān)文章

在微信小程序使用音樂api的方法，以及微信小程序播放背景音樂失敗的解決方案匯總

摘要：下一步準(zhǔn)備使用網(wǎng)易云代替音樂。已經(jīng)開發(fā)新的網(wǎng)易云代替音樂了，需要的可以看看這篇文章為微信小程序開發(fā)的網(wǎng)易云音樂庫項(xiàng)目要做一個(gè)可以為日記添加音樂的小程序，所以要用到音樂api，參考了一些文章后我們封裝了一個(gè)qq音樂api庫（完成了動態(tài)token獲取，音樂搜索，音樂專輯圖片，音樂名稱，歌手名稱，播放），有需要的可以到Github自提。小程序qq音樂api庫Gihub地址https://...

Sleepy 2019-08-23 17:16 評論0 收藏0
300行代碼寫一個(gè)音樂播放器小程序

摘要：項(xiàng)目主要是微信小程序也用到了等。前端部分主要是歌曲播放控制和交互部分的代碼，更多關(guān)于小程序的內(nèi)容可見微信小程序開發(fā)文檔小程序框架結(jié)構(gòu)微信小程序的入口是根目錄下的它們分別描述的小程序的主題邏輯和公共配置部分。剛進(jìn)公司不久，因?yàn)楣静块T年后業(yè)務(wù)拓展的關(guān)系，可能在年后會被分配到公司的微信公眾號組做小程序相關(guān)的開發(fā)工作，因此寫了個(gè)微信小程序wx-audio踩坑。目前還有一些功能沒有寫完：如返...

chenatu 2019-08-20 13:56 評論0 收藏0
微信小程序-仿QQ音樂

摘要：歌曲來源音樂說明目前只有體驗(yàn)版，如果有興趣的同學(xué)可以私聊我，我?guī)湍尤耄~有限。歌曲來源：QQ音樂說明目前只有體驗(yàn)版，如果有興趣的同學(xué)可以私聊我，我?guī)湍尤?，名額有限。因?yàn)閭€(gè)人開發(fā)者無法發(fā)布在線音樂播放小程序，所以開發(fā)該小程序目的只為學(xué)習(xí)小程序開發(fā)；小程序涉及到到所有歌曲資源都來源于QQ音樂，部分API由本人對QQ音樂接口進(jìn)行了二次封裝（我會另外再寫一篇文章專門用來分享...

Faremax 2019-07-01 11:15 評論0 收藏0
指尖一點(diǎn)歌聲來--微信小程序之仿網(wǎng)易云音樂心得

摘要：為了提高自己，最近在學(xué)習(xí)微信小程序，選題是仿網(wǎng)易云音樂。查文檔發(fā)現(xiàn)，小程序中圖片加載完成后，有一個(gè)加載完成事件。前者在微信客戶端版本就不開始維護(hù)了，后者低版本需做兼容處理。目前還有一些功能暫未實(shí)現(xiàn)，會在以后繼續(xù)完善項(xiàng)目，繼續(xù)學(xué)習(xí)。為了提高自己，最近在學(xué)習(xí)微信小程序，選題是仿網(wǎng)易云音樂。期間踩過了大把的坑，bug出現(xiàn)的難受和解決bug歡喜，一直是伴隨我階段性學(xué)習(xí)這個(gè)項(xiàng)目的心情。初步完成...

KitorinZero 2019-08-22 11:18 評論0 收藏0
微信小程序資源匯總

awesome-github-wechat-weapp 是由OpenDigg整理并維護(hù)的微信小程序開源項(xiàng)目庫集合。我們會定期同步上的項(xiàng)目到這里，也歡迎各位 UI組件開發(fā)框架實(shí)用庫開發(fā)工具服務(wù)端項(xiàng)目實(shí)例Demo UI組件 weui-wxss ★1873 - 同微信原生視覺體驗(yàn)一致的基礎(chǔ)樣式庫zanui-weapp ★794 - 好用易擴(kuò)展的小程序 UI 庫wx-charts ★449 - 微信小程...

Olivia 2019-08-21 17:48 評論0 收藏0