空闲时间一边学Vue一边写了个音乐搜索播放的小网页（手机版），资源来自QQ音乐
先上链接
查看在线Demo(在大屏手机上效果最好)http://sioxas.github.io/
Github地址https://github.com/Sioxas/vue-music/
喜欢的话加个star
实现的功能
- 音乐播放、暂停、上一曲、下一曲
- 播放列表、添加到播放列表、做为下一首播放
- 搜索单曲、歌手、专辑、MV
- 查看歌手页面、专辑页面
- 热门搜索
- 搜索历史记录
- 排行榜
未实现的功能
- 我喜欢
- 查看MV
- 切换播放模式
- 下载
- 歌词
截图
排行榜
搜索
播放页面
专辑页面
歌手页面
播放列表
回复 (54)
666
点个赞
点赞
赞 自豪地采用 CNodeJS ionic
卧槽，炫酷啊，跟app效果差不多啊，厉害了
赞一个
做的挺不错的。就是安卓机卡成狗了、没有兼容uc浏览器
厉害
@bajian 兼容UC的工作量感觉巨大
来自酷炫的 CNodeMD
66666！数据来源是什么？
@bajian 一直以为手机上都是webkit.....UC上什么样子？
@bluebeach 资源都来自网页版QQ音乐
是自己抓取的吗？
可以！！6666 使用antd-moblie[cnode]版
看了楼主的 我也去做了个播放器、 https://xyxiao001.github.io/vue-blog/#/music
@xyxiao001 厉害了，这么神速呀！效果好棒，功能也很全啊。代码开源吗？
@wendaosanshou 对 开源了 https://github.com/xyxiao001
亲，来大搜车吗😄
@Sioxas 歌词解析 折腾我好久， 我要参考你的去做个手机端播放详情页
mark！感觉有点66666.
@xyxiao001 互相学习😄
这个真不错，赞！
楼主是女的吗？ @Sioxas
@bajian 动画卡顿现象已经修复啦
@Sioxas 恩，不卡了。咋整的？
好腻害
华丽~~
界面华丽,功能完善,不可多得的好demo
厉害
不错 看起来 很棒
挺好的~
怎样能做出这样一个项目啊？有没有教程啊？
@bajian 换成transform实现动画就不卡了
哎呦，爱上你了，楼主。我要给你生猴子，好东西啊
有没有人在看这个项目代码啊？能一起研究一下吗？
@jowang2016 你可以先看vue教程
@Sioxas 正在看，最看不懂的地方是如何关联到qq音乐网站的，我尝试打开那几个.vue文件中的url，但是都打不开啊
厉害了
@jowang2016 那是api....
这感觉太棒了，先马住。
先mark
@Sioxas 厉害了，大兄弟
@Sioxas 厉害了
先马住。。。学起来
不错
mark
@Sioxas 那些api都是怎么拿到的呀，不跨域吗
@ldyfy 是跨域的
在移动端浏览器太卡 自豪地采用 CNodeJS ionic
太酷了
看了楼主的，俺也 做了个简陋的。 https://www.darlin.me/