微信小程序云音乐项目

article/2025/11/7 8:53:10

微信小程序云音乐项目

  • 微信小程序云音乐项目
      • 1. 项目介绍
        • 技术栈
        • 项目使用库
        • 项目目标
      • 2. 页面效果和功能展示
      • 3. 项目源码与 API 接口
      • 4. 项目说明
      • 5. 致谢

微信小程序云音乐项目

1. 项目介绍

LiliYao-NeteaseMusic-wechat

如果对各位朋友有用的话, 希望可以给个star⭐

技术栈

  • 使用微信小程序原生 WXML + WXSS + JS 进行开发
  • 使用 wx.request() 进行网络请求
  • CSS 使用 FLEX 进行布局
  • 项目组件库使用 Vant Weapp

项目使用库

  • Vant Weapp
  • pinyin-pro
  • hy-event-store

项目目标

  • 使用微信小程序开发云音乐项目

2. 页面效果和功能展示

  • 项目首页
  1. 首页轮播图 / 推荐新歌
    在这里插入图片描述

  2. 个性推荐 / 巅峰榜
    在这里插入图片描述

  • MV 页面
  1. 可切换地区和类型
    在这里插入图片描述
  • 登录页面
    在这里插入图片描述
    在这里插入图片描述

3. 项目源码与 API 接口

  • 项目 Github 地址:https://github.com/YangZheng0620/LiliYao-NeteaseMusic-wechat.git
  • 项目 Gitee 地址:https://gitee.com/YangZheng0620/lili-yao-netease-music-wechat
  • 视频演示地址:https://www.bilibili.com/video/BV1Wr4y1Y71D/
  • API 接口:https://binaryify.github.io/NeteaseCloudMusicApi/#/

4. 项目说明

  1. 这次项目算是我第一次动手完成的一个比较完整的项目,我自己知道的已经有很多不足,但还是成功在年前的最后一天完成,希望能够作为以后学习的基础。之前有思考过做一些电商项目练练手,但考虑了一下还是选择了做音乐项目,比较有趣。通过这个项目我也切实的收获很多。
  2. 本项目主要完成了歌曲、歌单、榜单三个大部分的内容,其他例如电台之类的没有进行开发。
  3. 本项目完全开源,仅供学习使用,将项目拉取下来,使用微信开发者工具应该就能够使用。如果对您的学习有所帮助,希望可以给个star⭐
  4. 祝大家新年快乐!!! - 2022.01.31

5. 致谢

  • 非常感谢王红元老师的小程序音乐项目开发实战让我学习到很多小程序相关的知识
  • 非常感谢后台提供者Binaryify,接口很稳定,文档很完善,收获很多

http://chatgpt.dhexx.cn/article/72tylYMA.shtml

相关文章

java实现音乐播放

最近呢,心血来潮,写了一个播放音乐的工具类,在这里给大家分享一下 上代码图 注意:音乐文件格式是WAV格式 如果有需要,直接复制可用 public class MusicPlay { private AudioClip aau; private String url; …

利用百度云存储制作外链mp3音乐地址

有些开发者需要使用到外链的背景音乐,或者需要在QQ空间添加外链的背景音乐地址等,现在网上找到的资源都不太稳定,可以利用百度的云存储实现稳定的外链。 1、 进入百度云的云存储管理平台 http://developer.baidu.com/bae/bcs/bucket/ 2、创建…

html显示链接音乐,歌曲链接怎么填_HTML中如何链接本地音乐

歌曲链接怎么填 例如:菊花台 1.百度MP3搜索菊花台 点击歌曲名菊花台,出现一个网页。 3复制一下歌曲链接就是了 音乐链接怎么制作 1、首先通过各种软件将要制作音乐链接的音乐下载到电脑上,这边通过软件将歌曲“感恩的心”下载到桌面。 背景音乐怎么弄,歌曲连接地址该填什么…

QQ音乐的歌曲真实地址解析

以QQ音乐的单曲页面URL https://y.qq.com/n/yqq/song/000YU69H3N55rZ.html 为例,说明如何解析得到真实的音频地址。 打开该页面地址,是这样的: 点击页面中的播放按钮,会在新页面的播放器里播放该音乐。在新页面中打开开发者工具的…

在线音乐播放地址//歌曲URL地址提取

项目场景: 项目场景:在项目中添加音乐时,无法找到在线音乐的播放地址,即无法定位歌曲URL地址 问题描述: 微信小程序中设置背景音乐的播放时,无法定位歌曲的URL 代码: const backgroundAudioM…

python爬虫qq音乐_Python爬虫-QQ音乐无损音乐地址解析

首先进行申明或提示:我列表中的粉丝可能对这篇文章看不大懂,如有兴趣可继续阅读; 转载时必须署名JTY起风了; 代码纯手打,纯为自己的想法进行编写,如有雷同纯属意外; 此篇文章只作为学习与交流,若将此作为下载音乐的手段,后果自负。 基础步骤 QQ音乐,腾讯旗下的一…

如何获取音乐的地址链接

通过网页打开网易云音乐,搜索想要链接的歌曲 打开开发者工具(快捷键一般为F12) 切换到Network中, 点击F5刷新,加载中Type为media就是音频文件,鼠标移上去就可以看到相应音乐地址链接。下面警告部分也是地址链接。这个方法同样适合…

小程序歌曲播放地址获取方法

2020.12.26测试有效(但失效很快) 打开网易云歌曲打开Network播放 找v1开头(其他另说) 使用 /*** 当小程序启动,或从后台进入前台显示,会触发 onShow*/onShow: function (options) {this.innerAudioContext…

6个免费的音乐下载网站,一键下载MP3歌曲

分享6个免费下载音乐的网站,个个音乐资源丰富,想听的各种风格音乐都能在这里找到,而且还能在线播放以及直接下载MP3格式,喜欢听歌的朋友一定不能错过! 1、Myfreemp3 https://tool.liumingye.cn/music/ 一个超好用的…

如何在在网站上下载视频

如何下载视频 现在很多的视频网站都不支持下载(毕竟怕你把人家辛辛苦苦拍的视频弄走),但是有时你又想去下载一些视频做一些私人用途。如果是商业用途不建议下载,应该去购买视频的版权。 大多数视频网站都做了很多工作去限制下载…

网页视频下载

网页视频下载 程序准备安装步骤下载视频剪切视频 程序准备 下载Firefox浏览器并安装 下载VideoDownloadHelper合作应用并安装 下载视频剪切合并器并安装 安装步骤 打开Firefox,开始安装组件 输入“Video DownloadHelper” 搜索点进去安装 安装完成后,在这里有一…

如何下载网站的在线视频

欢迎访问我的个人博客: luomuxiaoxiao.com 文章目录 一、工具准备1.1 FFmpeg安装1.2 youtube-dl安装 二、使用方法2.1 查看支持的网站2.2 查看下载源的文件及其清晰度 多年来看视频形成了一个习惯:只要是能下载下来看的绝不在线看。这样做主要有几个原因…

4个简单有效的网页视频下载方法,超级简单好用

有很多网站的视频是没有下载功能的,想要下载视频怎么办呢?今天就分享给大家4个简单有效的网页视频下载方法,多个平台都适用,而且操作简单,一看就会! 一、审查元素下载 一个简单快速的网页视频下载的方法&…

使用Chrome下载网站视频

引论 在现实生活中,我们经常需要下载一些视频,但是这些视频又没有提供下载的链接或者需要下载客户端。怎么办呢?使用Chrome可以下载大部分网站上的视频,让我们一起学习一下 流程 使用Chrome打开需要下载视频的网站按F12&#xf…

下载网页视频方法

Google 方法一 F12或者点击视频里面设置保存 打开网页点击F12 会弹出下图的页面里的弹框 我们可以在搜索栏里面输入视频后缀名进行搜索文件 常见的视频后缀名 avi flv mp4 vo dat avi rm rmvb mpg mov mkv然后我们可以根据视频大小来判断哪个是自己需要下载的文件 方法…

8个视频素材网站,免费可商用,视频剪辑必备。

本期给大家推荐8个免费、商用的视频素材网站,且4K、高清无水印,建议收藏起来! 1、菜鸟图库 视频素材下载_mp4视频大全 - 菜鸟图库 菜鸟图库主要提供设计素材为主,自媒体等相关素材也很多,像商用图片、背景图、视频素材…

网页视频下载:怎么批量下载网页上的视频

如何批量下载网页视频?虽然说市场上有很多网页视频下载器和插件,但是真正支持批量下载网页视频 (尤其是4K和8K超高清视频)的工具确很少,下面我来分享一个有效的网页视频下载工具,希望能帮你轻松将喜欢的网页视频保存到…

10大免费视频素材网站

对于Web设计师和视频编辑者来说,免费视频素材是一种非常宝贵的资源。一段全景拍摄视频可以为网站的设置背景,或者很好地填充视频中的过渡效果。但是当然,大多数人买不起录制此类镜头的设备。 视频素材是您在需要时查找简短,高质量…

如何下载网页中的视频?

使用chrome浏览器 1.进入想下载的视频界面。 2.按下F12,再按F5刷新。 3.点开“网络”或Network,点击视频播放按钮,就会发现有一个任务正在下载(蓝色进度条不断变长),右键这个任务选择新窗口打开。 4.在新…

5个超实用视频素材网站,免费下载~

推荐几个高清无水印的视频素材网站,重点是可以免费下载使用,建议收藏! 菜鸟图库 https://www.sucai999.com/video.html?vNTYxMjky 可以称之为最大素材库,在这里你可以找到设计、办公、图片、视频、音频等各种素材。视频素材就有…