Giter VIP home page Giter VIP logo

music-player's Introduction

Vue 音乐播放器

重点重点重点

这个项目最后走到了尽头,但是音乐是没有尽头的,欢迎大家移步 NeteaseMusic,基于这个项目改造而来,支持网易云和qq音乐双平台!预览地址:http://music.jsososo.com || http://y.jsososo.com

介绍

项目用 vue-cli 3.0 搭建,功能有根据qq号获取歌单、qq音乐的搜索功能、歌词显示、下载等。所有的设置信息均存在 localStorage。

同时支持获取网易云音乐歌单中对应的qq音乐歌曲

问题

腾讯在 19.3.29 对原有的获取歌单接口增加了一步登陆校验,需要用户现在 y.qq.com 进行登陆
19.4.20,不能在通过原来的方式获取到高品质的音乐了

接口

接口都是自己从 企鹅音乐网站上拔的,自己整理了一下可以参考 http://jsososo.com/#/article?id=5a6254c0c4
部分接口通过php转发伪造refer。

目前已经添加喜欢和取消喜欢的功能,但是由于接口限制,目前的措施比较low,需要先用户现在qq音乐web端登陆,然后将cookie信息复制粘贴到站内的一个输入弹窗内,之后通过iframe的形式来请求。但是因为无法获取iframe内容,通过简单粗暴的直接拉取歌单全部歌曲并通过判断有无歌曲的方式来确定是否增删成功。

开发计划

  • 接入歌词
  • 接入加入歌单等功能 (因为需要获取qq音乐页面的部分cookie,暂缓)
  • 接入推荐音乐
  • 背景给美化一下
  • 无损音质
  • 移动端兼容
  • 下载管理
  • 歌单列表批量操作

更新记录

  • 19-05-25: 搜索列表下拉刷新
  • 19-04-28: 评论
  • 19-04-26: 电台
  • 19-04-22: 下载中出错捕获
  • 19-04-12: 二维码手机下载
  • 19-04-08: 歌词翻译
  • 19-03-19: 下载中心 & fix 歌词第一次点击滚动后会卡住的问题
  • 19-02-13: 批量添加、删除到歌单
  • 19-02-12: 歌词拖动 & 列表页批量下载
  • 19-01-26: 网易云歌单转qq音乐
  • 19-01-11: 播放器增加喜欢按钮 & 列表增加下载按钮
  • 19-01-10: 新增添加、取消喜欢的歌曲 & fix 某些情况下非128k的音乐403
  • 18-12-13: bug fix: 切歌单下一首报错 && 下架歌曲播放
  • 18-12-12: 无损音质 & 下载
  • 18-12-10: 各种细节优化
  • 18-12-06: 背景图片用专辑图片
  • 18-12-04: 接入企鹅音乐歌词
  • 18-11-06: 接口更换为企鹅音乐

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.