【uniapp项目】doItMusic2.0基于网易云音乐的开源uniapp项目

2023-08-29 02:42| 来源: 网络整理| 查看: 265

【2.0】doItMusic 基于网易云音乐

uniapp 项目。

项目地址

https://gitee.com/iszsq/doItMusic

参考项目

GitHub网易云音乐接口开源项目 Binaryify/NeteaseCloudMusicApi

项目介绍 1.0的版本中，主要探讨的是视频的上下滑动播放，和nvue原生组件解决视频层级过高问题。当前2.0版本的主要特点如下：对接口进行进一步的封装，调用接口变得简单；新增音乐播放界面，配合globalData全局变量，只维护一个audioContext上下文；使用uniapp提供的动画接口编写动画；配合vuex状态管理，监听音乐播放的状态数据；引入音乐播放进度、缓存进度条监听；解析歌曲的lrc歌词数据，一并展示；基于沿用视频播放界面上下滑动切换；引入搜索功能，综合、单曲、歌单、视频等；解决微信小程序一些样式兼容问题，一些第三方组件、image都需要使用view组件包裹；项目描述

看到了网易云接口的开源项目后，想配合做一个前端页面，顺便熟悉uniapp；这是一个基于uniapp开发的媒体类项目，比较小众，主要功能点是歌曲搜索；音乐、视频播放、规范化开发、以及animation动画的使用等等。因为需求受众较少，只是做学习用，可参考的地方还是有的，后续应该做一些业务需求广的项目。

技术点 sass - HBuilder X安装sass编译uView - 一套不错的兼容多端的ui框架vuex状态监听音乐播放，uniapp animation动画lrc歌词解析视频播放搜索功能等等… 项目演示 H5演示地址

pc端查看按F12。演示地址

扫码访问

在这里插入图片描述