SoulBeats本地播放器
- 項(xiàng)目地址：https://github.com/hackerwen/SoulBeats
- 預(yù)覽地址：http://blog.hackerwen.tech/SoulBeats/
- 界面參考：https://github.com/wangpengfei15975/skPlayer?utm_source=tuicool&utm_medium=referral
暫停界面：
image.png
播放界面：
image.png
最近想用Vue寫一個(gè)網(wǎng)頁播放器，但是一直沒有找到好用的api挺份，室友正在研究網(wǎng)易云api轉(zhuǎn)發(fā)凭舶，過幾天應(yīng)該就能弄出來啦趾牧。
自己就干脆練練原生js，參照了上面那位同學(xué)的界面（配色以及布局）寫出了這個(gè)播放器风皿。
主要是html5的audio標(biāo)簽控件的重寫疾牲。
等室友a(bǔ)pi弄好啦就用vue重構(gòu)弄成在線的播放器嬉愧。
技術(shù)：
- Html
- Css
- JavaScript
功能實(shí)現(xiàn)：
- 上/下一首
- 播放模式切換（單曲乍丈、順序剂碴、列表、隨機(jī)）
- html5 audio控件重寫
使用方法：
1.js入口處配置歌曲列表json生成列表（音樂外鏈折騰了我很久轻专，室友通過api加密轉(zhuǎn)發(fā)弄出了網(wǎng)易云的外鏈忆矛，但是貌似鏈接有時(shí)間限制，坑请垛，用畢竟靜態(tài)頁面催训，還是有很多不足，目前選擇的是七牛云服務(wù)）
七牛云音樂外鏈生成教程：http://jingyan.baidu.com/article/f54ae2fc34c9d41e92b849af.html
入口配置.png
