微信小程序：音樂(lè)播放器

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

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

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

功能清單

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

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

處理官方API的坑（BUG？）

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

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

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

處理不了的坑

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

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

輪子地址

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/81352.html

相關(guān)文章

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

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

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

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

chenatu 2019-08-20 13:56 評(píng)論0 收藏0
微信小程序-仿QQ音樂(lè)

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

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

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

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

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

Olivia 2019-08-21 17:48 評(píng)論0 收藏0