資訊專欄INFORMATION COLUMN
摘要：歌曲來源音樂說明目前只有體驗(yàn)版，如果有興趣的同學(xué)可以私聊我，我?guī)湍尤?，名額有限。
歌曲來源：QQ音樂
說明目前只有體驗(yàn)版，如果有興趣的同學(xué)可以私聊我，我?guī)湍尤?，名額有限。
因?yàn)閭€人開發(fā)者無法發(fā)布在線音樂播放小程序，所以開發(fā)該小程序目的只為學(xué)習(xí)小程序開發(fā)；
小程序涉及到到所有歌曲資源都來源于QQ音樂，部分API由本人對QQ音樂接口進(jìn)行了二次封裝（我會另外再寫一篇文章專門用來分享API，敬請期待）
編輯器效果展示因?yàn)橐獕嚎s為GIF格式，所以加快了播放速度并且畫質(zhì)有點(diǎn)差
真機(jī)截圖操作視頻
推薦頁面
歌手列表
各大排行榜
搜索頁面
歌手詳情頁
歌單（排行榜）詳情頁
播放器頁面
分享頁面
目前實(shí)現(xiàn)的功能歌單
電臺
歌曲播放
MV播放（最近發(fā)現(xiàn)QQ音樂的接口不返回MV數(shù)據(jù)了，所以這個功能暫時無法展示）
歌手列表
排行榜
歌曲歌手搜索（支持模糊查詢）
最近搜索記錄
熱門搜索詞條
歌手詳情頁
歌單詳情頁
歌曲分享
查看評論
歌詞滾動
最近播放歌曲
接下來準(zhǔn)備實(shí)現(xiàn)的功能用戶登錄
私人FM
增加點(diǎn)贊，評論功能
歌曲播放方式（隨機(jī)，單曲，循環(huán)）
收藏
全局播放器組件
項(xiàng)目目錄comment--自定義組件（播放器組件，開發(fā)中）
img--存放圖片
gedan--歌單頁
index--首頁
logs--歌手列表頁
playSong--播放器頁
rank--排行榜頁
search--搜索頁
share--分享頁
singer--歌手詳情頁
top--歌單詳情頁
app.js--應(yīng)用程序邏輯
app.json--應(yīng)用程序配置
app.wxss--應(yīng)用程序公共樣式
app.json
應(yīng)用程序配置文件
{
"pages": [
"pages/index/index",
"pages/logs/logs",
"pages/rank/rank",
"pages/search/search",
"pages/gedan/gedan",
"pages/playSong/playSong",
"pages/singer/singer",
"pages/top/top",
"pages/share/share"
],//頁面路徑列表
"requiredBackgroundModes": [
"audio"
],//需要在后臺使用的能力，這里我們使用到了【音樂播放】
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "HMusic",
"navigationBarTextStyle": "black"
},//全局到默認(rèn)窗口表現(xiàn)
"tabBar": {
"list": [
{
"pagePath": "pages/index/index",
"text": "推薦"
},
{
"pagePath": "pages/logs/logs",
"text": "歌手"
},
{
"pagePath": "pages/rank/rank",
"text": "排行榜"
},
{
"pagePath": "pages/playSong/playSong",
"text": "播放器"
}
],
"position": "top"
}//tab欄到表現(xiàn)，默認(rèn)是放在底部，根據(jù)position，我們將其設(shè)置為頂部顯示
}
每個頁面都有各自到配置頁面，可以對各自頁面進(jìn)行多帶帶對配置
[pageName].json用于指定頁面工作時，window的設(shè)置：
{
// 導(dǎo)航條背景色
"navigationBarBackgroundColor": "#fff",
// 導(dǎo)航條前景色（只能是white/black）
"navigationBarTextStyle": "black",
// 導(dǎo)航條文本
"navigationBarTitleText": "HMusic",
// 窗口背景顏色
"backgroundColor": "#fff",
// 窗口前景色
"backgroundTextStyle": "dark",
// 是否開啟下拉刷新
"enablePullDownRefresh": false
}
app.js應(yīng)用程序邏輯
// App函數(shù)是一個全局函數(shù)，用于創(chuàng)建應(yīng)用程序?qū)ο?App({
// ========== 全局?jǐn)?shù)據(jù)對象（可以整個應(yīng)用程序共享） ==========
globalData: { ... },
// ========== 應(yīng)用程序全局方法 ==========
method1 (p1, p2) { ... },
method2 (p1, p2) { ... },
// ========== 生命周期方法 ==========
// 應(yīng)用程序啟動時觸發(fā)一次
onLaunch () { ... },
// 當(dāng)應(yīng)用程序進(jìn)入前臺顯示狀態(tài)時觸發(fā)
onShow () { ... },
// 當(dāng)應(yīng)用程序進(jìn)入后臺狀態(tài)時觸發(fā)
onHide () { ... }
})
歡迎StarGitHub 博客
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/30028.html
摘要：為了提高自己，最近在學(xué)習(xí)微信小程序，選題是仿網(wǎng)易云音樂。查文檔發(fā)現(xiàn)，小程序中圖片加載完成后，有一個加載完成事件。前者在微信客戶端版本就不開始維護(hù)了，后者低版本需做兼容處理。目前還有一些功能暫未實(shí)現(xiàn)，會在以后繼續(xù)完善項(xiàng)目，繼續(xù)學(xué)習(xí)。 為了提高自己，最近在學(xué)習(xí)微信小程序，選題是仿網(wǎng)易云音樂。期間踩過了大把的坑，bug出現(xiàn)的難受和解決bug歡喜，一直是伴隨我階段性學(xué)習(xí)這個項(xiàng)目的心情。初步完成...
摘要：下一步準(zhǔn)備使用網(wǎng)易云代替音樂。已經(jīng)開發(fā)新的網(wǎng)易云代替音樂了，需要的可以看看這篇文章為微信小程序開發(fā)的網(wǎng)易云音樂庫 項(xiàng)目要做一個可以為日記添加音樂的小程序，所以要用到音樂api，參考了一些文章后我們封裝了一個qq音樂api庫（完成了動態(tài)token獲取，音樂搜索，音樂專輯圖片，音樂名稱，歌手名稱，播放），有需要的可以到Github自提。 小程序qq音樂api庫Gihub地址https://...
摘要：被美麗說少女粉吸引，就想著自己也寫一個來練練手，正好最近在學(xué)習(xí)微信小程序。微信小程序的組件真的很強(qiáng)大，以前寫圖片切換功能都好麻煩，小圓點(diǎn)的切換都要自己寫。 被美麗說少女粉吸引，就想著自己也寫一個來練練手，正好最近在學(xué)習(xí)微信小程序。接下來讓我們分享一下我的學(xué)習(xí)歷程吧！ 選題 其實(shí)糾結(jié)了好久該仿什么，看到別人都寫的差不多了，自己卻還沒有動手，很著急，那兩天一直在思考在查找，弄得自己特別煩躁...
閱讀 2921·2021-11-24 09:39
閱讀 2484·2019-08-30 15:53
閱讀 3053·2019-08-30 13:47
閱讀 1346·2019-08-30 12:50
閱讀 1503·2019-08-29 16:31
閱讀 2665·2019-08-29 13:14
閱讀 1583·2019-08-29 10:55
閱讀 820·2019-08-26 13:32
