Advertisement

音乐应用:使用Vue.js和Vant模仿网易云移动端,初期采用NeteaseCloudMusicApi接口

  •  5星
  •     浏览量: 0
  •     大小:None
  •      文件类型:None


简介:
这是一款基于Vue.js框架与Vant组件库开发的音乐应用程序,旨在复刻网易云音乐的移动用户体验。项目初期将运用NeteaseCloudMusicApi接口以提供流畅的歌曲播放、搜索和个人收藏功能等核心体验。 音乐在做完vue-admin-webapp后,我看到了许多仿网易云的项目,并且我也想自己做一个来满足自己的虚荣心,使用我自己制作的项目听歌。本项目是一个移动端应用,采用了Vue 3.10.0、动画3.7.2、轴距先锋Vue路由器3.10.0和vuex 3.10.0等技术栈,并且最初接口都是使用的NeteaseCloudMusicApi中的api目录结构。 整个项目的文件目录结构如下: - public - favicon.ico (favicon图标) - index 在开发过程中,我非常感谢binaryify大佬的网易云API。如果觉得项目还不错的话,请给我点个star支持一下。

全部评论 (0)

还没有任何评论哟~
客服
客服
  • 使Vue.jsVant仿NeteaseCloudMusicApi
    优质
    这是一款基于Vue.js框架与Vant组件库开发的音乐应用程序,旨在复刻网易云音乐的移动用户体验。项目初期将运用NeteaseCloudMusicApi接口以提供流畅的歌曲播放、搜索和个人收藏功能等核心体验。 音乐在做完vue-admin-webapp后,我看到了许多仿网易云的项目,并且我也想自己做一个来满足自己的虚荣心,使用我自己制作的项目听歌。本项目是一个移动端应用,采用了Vue 3.10.0、动画3.7.2、轴距先锋Vue路由器3.10.0和vuex 3.10.0等技术栈,并且最初接口都是使用的NeteaseCloudMusicApi中的api目录结构。 整个项目的文件目录结构如下: - public - favicon.ico (favicon图标) - index 在开发过程中,我非常感谢binaryify大佬的网易云API。如果觉得项目还不错的话,请给我点个star支持一下。
  • 一个Vue.js构建的仿作品
    优质
    这是一款基于Vue.js框架开发的网易云音乐网页端仿制项目,旨在为用户提供与官方应用相似的听歌体验。通过重构UI设计和优化前端技术栈,力求实现高效的页面加载和流畅的操作交互。 一款基于Vue.js开发的高仿网易云音乐Web应用。
  • 使Vue.js仿(包含听歌搜索功能)
    优质
    本项目利用Vue.js框架开发了一个仿网易云音乐的应用程序,集成了歌曲播放与搜索两大核心功能,为用户提供便捷流畅的音乐体验。 使用Vue.js可以仿制网易云音乐的功能,包括听歌以及搜索功能的实现。
  • Remusic-Master:Android版的仿
    优质
    Remusic-Master是一款在Android平台上运行的应用程序,它以其界面和功能高度模仿网易云音乐而受到用户的欢迎。 复活的仿网易云音乐安卓版客户端截屏学分变更记录如下: 2.6版本:加入开屏广告,并修正动画及一些问题。 1.6版本:加入桌面小部件,修复了动画及其他的一些问题。 12月23日更新:加入了锁屏控制功能。 12月17日更新:取消多任务下载,转而使用服务下载并增加下载通知提醒。 11月17日更新:增加了本地歌曲侧边导航栏,并修复了一些播放相关的问题。 11月版本更新:新增了主题换肤功能。 8月19日更新:引入歌词浏览和调节歌曲进度的功能;可以保存网络歌单至主页显示。 7月27日版本更新:底部控制栏改为片段形式,设置活动恢复无动画效果,使该部分看起来垂直固定于屏幕底部。使用Android-Observescrollview取代CollapsingToolbarLayout来优化布局,并支持服务端的在线歌曲播放和歌单管理功能(但目前不支持无缝播放)。通过本地代理方式增加对在线音乐缓存的支持;并对主页刷新时出现闪屏的问题进行了修正。 以上就是各版本的功能更新介绍。
  • Web前实战:使HTML、CSS、JSjQuery仿
    优质
    本课程详细讲解如何运用HTML、CSS、JavaScript及jQuery等技术,逐步构建一个类似网易云音乐官方网站的网页项目。适合前端开发入门者学习实践。 在进行前端培训期间,我参照网易云音乐官网的设计风格制作了一个仿制网站。
  • NeteaseCloudMusicApi:基于Node.js的API服务
    优质
    NeteaseCloudMusicApi是一款构建于Node.js框架上的开源项目,旨在为开发者提供便捷访问网易云音乐数据资源的服务。通过简洁易用的接口,用户能够轻松获取歌曲信息、歌单详情等丰富内容,极大地促进了音乐应用开发的灵活性与效率。 网易云音乐API的Node.js API服务基于Binaryify/NeteaseCloudMusicApi项目开发。该项目需要在NodeJS 8.12+环境下运行。 安装步骤如下: - 使用命令行工具克隆GitHub仓库:`git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git` - 进入仓库目录后,执行 `npm install` 启动服务的指令为: - 在默认端口3000上运行时使用命令:`node app.js` - 若要更改服务器监听的端口号(例如4000),在Mac/Linux环境下可以这样操作:`PORT=4000 node app.js` - 对于Windows用户,建议通过git-bash或cmder等终端执行以下指令来设置环境变量并启动服务:`set PORT=4000 && node app.js` 此API从v3.31.0版本开始支持Node.js调用。引入的方法为module的文件名,并返回包含状态码和请求内容的对象,具体参考项目中的test.js示例文件。
  • PHP仿,含数据库功能
    优质
    这是一款模仿网易云音乐设计的PHP应用程序,集成了丰富的音乐资源和社交分享功能,并具备用户数据管理及数据库操作能力。 我制作了一个使用TP5框架的PHP音乐项目,模仿了网易云音乐的功能。目前除了播放器功能外,其他部分都已经实现。
  • MusicPlayer: MusicPlayerDome - 软件源码(API)
    优质
    MusicPlayerDome是一款基于网易云音乐API开发的音乐播放器软件源代码项目,适用于开发者学习和二次开发。 MusicPlayerDome音乐播放器模仿网易云音乐(个人练习制作的音乐播放器),实现了API大多数功能,并采用了NeteaseCloudMusicApi接口。目前项目正在参考B站进行改进,未来将更新为最新版本UI。 已完成页面包括: 1. 主页 2. 我的页面 3. 云村 4. 视频页面 5. 歌单页面 6. 搜索页面 7. 歌手页面 8. 歌曲评论 9. 登录页面 10. 歌曲列表 11. 个人页面 12. 私人FM 13. 收藏页面 14. 排行榜 15. 每日推荐 16. 播放页面 效果图如下:(展示部分界面) 此项目参考了https://github.com/Rikkatheworld/RikkaMusic该项目实现功能。
  • 基于Vue的仿制Web
    优质
    本项目是一款基于Vue框架开发的网易云音乐网页版模仿应用,旨在为用户提供流畅的音乐播放体验和简洁明了的操作界面。 基于Vue的仿网易云音乐Web应用项目旨在复刻网易云音乐的核心功能与用户体验。该项目采用现代前端技术栈构建,致力于为用户提供流畅、直观且高度互动的在线音乐服务体验。 通过使用Vue.js框架,本项目实现了组件化开发模式,提高了代码可维护性和扩展性,并利用了最新的Web API和CSS特性来优化性能及界面设计。此外,还借鉴了网易云音乐的设计理念与交互细节,力求在视觉效果上达到高度相似的效果。 该项目不仅限于功能上的复制粘贴,在用户体验方面也做了不少创新尝试,旨在为用户提供一个既熟悉又新颖的在线音乐平台选择。
  • 项目源码.zip
    优质
    这是一个包含网易云音乐移动端前端项目的源代码压缩包,适用于开发者学习参考和研究。 该项目包括推荐音乐、热歌榜、搜索和播放页面等功能。