微信小程序之网易云音乐的实现-云音乐

这篇具有很好参考价值的文章主要介绍了微信小程序之网易云音乐的实现-云音乐。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

微信小程序之网易云音乐的实现-云音乐

基本介绍

  • 基本功能都实现了,音乐的上一首下一首播放等,顺便把进度条的拖动播放写了下

  • 主页的每日推荐界面写了 ,登录通过账号密码登录(你也可以自己加一个验证码或者邮箱登录)

  • 基于iPhone6(375*667分辨率)开发,后面一些计算都是通过获取当前屏幕下的尺寸来计算的,但是不保证在其他分辨率下是否完好(我已经尽力了~)

  • 下载地址

    • github地址: https://github.com/superBiuBiuMan/Wechat_NetEase_CloudMusic
    • gitee地址: https://gitee.com/superBiuBiu/Wechat_NetEase_CloudMusic
  • 遇到的问题和解决办法

    • 单击我跳转
  • API地址(自己服务器的~)

    • https://cloudmusic.dreamlove.top/
  • 更改自己的API地址

    • 虽然目前我这服务器的可以用,但是服务器会有过期的一天

    • 项目使用 @网易云音乐 NodeJS 版 API

    • 可以去github地址下载后台,然后安装依赖包并修改/utils/config.js文件

    • 如果是自己电脑搭建API服务器,将host配置项修改为如下,因为此API服务器默认使用3000端口(但需要注意的是,如果自己电脑不是公网ip,在手机上调试可能需要内网穿透)

      export default {
      	host: 'http://localhost:3000',
      }
      

微信小程序之网易云音乐的实现-云音乐

云音乐网易音乐发布订阅添加订阅关系图

微信小程序之网易云音乐的实现-云音乐

项目预览

首页

微信小程序之网易云音乐的实现-云音乐

视频

微信小程序之网易云音乐的实现-云音乐

搜索界面

微信小程序之网易云音乐的实现-云音乐

微信小程序之网易云音乐的实现-云音乐

每日推荐

微信小程序之网易云音乐的实现-云音乐

个人中心

微信小程序之网易云音乐的实现-云音乐

登录界面

微信小程序之网易云音乐的实现-云音乐

播放音乐界面
  • 动态图

微信小程序之网易云音乐的实现-云音乐

  • 静态图

微信小程序之网易云音乐的实现-云音乐

微信小程序之网易云音乐的实现-云音乐文章来源地址https://www.toymoban.com/news/detail-496239.html

到了这里,关于微信小程序之网易云音乐的实现-云音乐的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • SSM+微信小程序网易云音乐设计与实现 毕业设计-附源码261620

      随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,微信小程序的网易云音乐系统被用户普遍使用,为方便用户能够可以随时进行微信小程序的网易云音乐系统

    2024年02月10日
    浏览(25)
  • 微信小程序之网易云音乐小案例

    目录 一.编写对网易云音乐api发起请求的代码 二.编写视频项(组件) 三.编写mv列表:包含(轮播图+视频列表[每个视频项引用组件来呈现]) 四.编写视频详情页 成品图: 准备工作: ——在pages下新建两个page(index,video_detail)mv首页和视频详情 ——在根目录下创建components,并在其中创建

    2024年02月05日
    浏览(35)
  • 网易云音乐微信小程序 毕业设计

    本期我们将讲解网易云音乐微信小程序。 之前我已经讲过网易云音乐小程序的旧版本。现在是全新的版本,涉及的功能点非常多。接下来,我们将对这个项目进行详细介绍。 首先,我们来看整个网易云音乐小程序的主页,也就是音乐界面。首页中有一个 banana 轮播图,下面是

    2024年02月09日
    浏览(26)
  • 微信小程序仿网易音乐播放器项目

    主页样式 播放页样式 搜索页样式 排行榜页样式 小控件样式 网易云音乐API接口 后端接口,使用node写的,使用了网易云音乐API: 封装的api文件 主页面功能点 banner,滑动菜单栏采用微信的API( swiper 与 scroll-view )进行开发 滑动到底部重新获取后续的歌曲,使用onReachBottom周期

    2024年02月06日
    浏览(27)
  • 基于网易云音乐API的微信小程序——zwhdlb的音乐平台

    最近在学习小程序的开发的过程中,临时想写一个音乐小程序,看到了网易云 提供了后台api程序,这方便我们直接进行音乐小程序的开发不用再从后端开始开发,网易云音乐平时也经常在用,因此想记录一下学习过程 开发工具:微信开发者工具 界面UI组件库用到的是ColorUI

    2023年04月27日
    浏览(41)
  • uniapp 仿网易云音乐播放器 微信小程序

    uniapp 仿照网易云播放器功能

    2024年02月12日
    浏览(72)
  • 微信小程序实现音乐播放器(1)

    代码涉及的主要文件有: app.json app.wxss pages/music/music.json pages/music/music.wxml pages/music/music.wxss pages/music/music.js 另外,你可能需要的图片资源,在这里! BackgroundAudioManager实现背景音乐 imzusheng / netease-music-uniapp

    2024年02月09日
    浏览(29)
  • 尚硅谷微信小程序开发 仿网易云音乐App 小程序 后端接口服务器搭建

    目录 小程序学习 视频相关的教程文档与笔记分享 配套服务器 源码地址: 接口使用说明文档 接口列表 启动服务 测试服务启动OK网页  http://localhost:3000/test.html​编辑  Postman测试服务器接口 postman配置 服务ip地址全局变量 ​编辑选择全局变量 登录接口测试 1. 发送验证码  手

    2024年02月09日
    浏览(39)
  • 微信小程序实现自定义音乐播放(定时、进度条)

    实现关键: 1、wx.getBackgroundAudioManager()  2、在app.json中配置:\\\"requiredBackgroundModes\\\": [\\\"audio\\\"] 界面 具体实现步骤: ======****进度条组件 wxml wxss   js  json  ======****调用部分 wxml less   json   js 1、在onLoad中创建播放对象 2、将播放的步骤封装成一个方法 注意事项: 1、代码中的src为需

    2024年02月16日
    浏览(24)
  • 微信小程序实现一个音乐播放器的功能

    1.页面包含一个音乐列表,点击列表中的音乐可以播放对应的音乐。 2.播放中的音乐在列表中有标识,并且可以暂停或继续播放。 3.显示当前音乐的播放进度和总时长,并可以拖动进度条调整播放进度。 4.点击切换按钮可以切换到下一首音乐。 5.点击循环按钮可以切换音乐的

    2024年01月22日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包