01. 微信小程序音乐播放器

已于 2022-02-04 15:24:47 修改
阅读量1.2k 收藏 6
点赞数
分类专栏： 音乐播放器微信小程序 文章标签： 微信小程序 小程序
于 2022-02-04 15:24:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45465526/article/details/122783387
版权

项目简介

最近在学微信小程序，所以打算做一个音乐播放器的微信小程序。

项目需求（原型图）

这个是我做的原型图，比较简陋（有些界面直接用了网易云音乐小程序的截图，因为是仿着网易云音乐来做的）

首页

在这里插入图片描述

播放页

在这里插入图片描述

我的

在这里插入图片描述

榜单（歌单）

在这里插入图片描述

榜单（歌单）详情页

在这里插入图片描述

最近播放页（暂无）

后端

后端使用网易云音乐 API，该项目具备登录接口,多达200多个接口。

后续原型图可能会有修改

我家空空
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
微信小程序制作的音乐播放器
02-21
本项目是基于微信小程序开发的一款音乐播放器应用，它为用户提供便捷的音乐播放体验，但请注意，由于开发者提到可能存在一些bug，所以在实际使用过程中可能会遇到一些问题。 1. **微信小程序开发环境** 在开始开发...
微信小程序音乐播放器.zip
03-16
这个"微信小程序音乐播放器"项目是专为学习如何在微信小程序中构建一个音乐播放器而设计的。通过这个项目，我们可以深入理解微信小程序的开发流程，以及音乐播放功能的实现细节。 首先，我们要了解微信小程序的基本...
微信小程序开发之——音乐播放器-音乐推荐
我的博客
11-26 3815
一 概述 常用组件介绍 内容区域滚动 轮播图 功能按钮 热门音乐 二 常用组件介绍 2.1 scroll-view 组件 组件介绍 scroll-view组件用于实现可滚动视图区域 一般来说，当页面的高度超过要显示区域的高度时，先设置外层容器的高度，使之低于内部的高度，然后在外层容器的样式中设置overflow-y:scroll，就可以实现上下滚动了 但是，这种方式只是从样式上实现了滚动，如果需要在滚动到顶部或底部时触发事件，就需要手动编写代码来实现了 常用属性 属性 类型 说明
微信小程序中实现——【音乐播放器】
热门推荐
py20010218的博客
12-10 2万+
微信小程序实现音乐播放器
音乐播放器微信小程序的设计与实现（附源码）_微信小程序开发音乐播放器
最新发布
2401_84691810的博客
05-15 726
分享一些资料给大家，我觉得这些都是很有用的东西，大家也可以跟着来学习，查漏补缺。《Java高级面试》《Java高级架构知识》《算法知识》本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录需要这份系统化的资料的朋友，可以点击这里获取知识》**[外链图片转存中…(img-SDg9Ol1f-1715720439009)]《算法知识》[外链图片转存中…(img-5Z6C6QoM-1715720439009)]本文已被。
小程序基本命令
aiven1637的博客
10-30 3280
onLoad: function () { // 生命周期函数--监听页面加载 onReady: function () { // 生命周期函数--监听页面初次渲染完成 }, onShow: function () { // 生命周期函数--监听页面显示 }, onHide: function () { // 生命周期函数--监...
微信小程序｜音乐播放器小程序设计与实现
BS009的博客
03-26 3375
此次音乐播放器小程序的开发，需要用到的知识不仅涉及到界面设计与功能设计方面的知识，还需要涉及到数据库与编程语言上面的知识，这些知识点对于一个即将毕业的学生来说，一是为了巩固在校所学相关专业知识；二是为了让学生学会如何将专业理论知识运用于现实软件的开发过程；三是让学生明白知识是无穷无尽的，要时刻明白活到老学到老的真正含义，让学生要养成时刻学习的习惯，同时也要相信通过此次程序的开发，会让学生对于专业知识的理解与软件开发水平的提高有着极大的帮助。
微信小程序实现音乐播放器（2）
richest_qi的博客
07-21 1万+
是全局唯一的背景音频管理器。小程序切入后台，如果音频处于播放状态，可以继续播放。但是后台状态不能通过调用API操纵音频的播放状态。从微信客户端6.7.2版本开始，如果需要小程序切后台后继续播放音频，需要在全局配置文件app.json。属性，如"requiredBackgroundModes"["audio"]实例，可以通过wx.getBackgroundAudioManager()中配置requiredBackgroundModes。............
微信小程序-音乐播放器总结
gfhj778的博客
03-30 1723
在这里主要是讨论和总结在进度条问题上 在项目中，我为slider绑定了chang和changing事件，但是总是在拖动的时候出现抽搐，拖动过程可以播放的，但就是卡在抽搐这个问题上，最后终于发现在changing事件中就因该要seek(event.detail.value)了，因此在改进后明显没有抖动抽搐，拖动顺畅。在此处进度条改变是靠setInetval的。 但在这个问题改变后，点击slider某一段就页出现卡退现象了，状态就如: 例：currentTime=10 点击时slider.value=99 出
微信小程序音乐播放器
01-26
A wxapp music player 一个微信小程序的音乐播放器 现已上线微信小程序 可以搜索"ChickenMusic音乐播放器"查找本小程序 功能列表 首页：歌曲歌手搜索，轮播图，各大榜单，热门歌单 正在播放： 当前播放歌曲展示，...
JavaScript基于微信小程序的音乐播放器源码.zip
06-02
JavaScript基于微信小程序的音乐播放器源码JavaScript基于微信小程序的音乐播放器源码JavaScript基于微信小程序的音乐播放器源码JavaScript基于微信小程序的音乐播放器源码JavaScript基于微信小程序的音乐播放器源码...
微信小程序实现音乐播放器
10-15
主要为大家详细介绍了微信小程序实现音乐播放器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
一款基于微信小程序的音乐播放器
08-10
一款基于微信小程序的音乐播放器
微信小程序-音乐播放器
01-27
在这个"微信小程序-音乐播放器"项目中，我们将深入探讨如何利用微信小程序开发一个功能完备的音乐播放器。 首先，我们需要了解微信小程序的基础架构。每个小程序由多个页面组成，每个页面由四个部分构成：JSON配置...
微信小程序开发之——音乐播放器-播放器(3
2401_84048671的博客
04-01 2490
pages/index/index.js文件的data对象定义基础数据playlist这里我希望可以帮助到大家提升进阶。Android学习PDF+架构视频+面试文档+源码笔记高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料这几块的内容。非常适合近期有面试和想在技术道路上继续精进的朋友。喜欢本文的话，不妨给我点个小赞、评论区留言或者转发支持一下呗~《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！Android）**
基于微信小程序开发——音乐播放器
WayneLJL的博客
06-15 8017
本系统开发用于体验客户注册登录后，可以随时查看当前音乐的咨询与最新消息，采用访问并请求音乐自主研发node.js开源网页资源的方法，搭建可选择播放音乐型小程序，可以实现最基本的音乐播放、收藏、搜索、以及增删歌单等操作。主要围绕登录用户与游客两个角色进行开发，游客在未注册的情况下只能查看资讯并试听歌曲，只有登录后才能管理歌单并添加歌曲至最喜爱歌单或自己需要的歌单。具体功能归纳如下：（一）、游客、普通用户：1.可以播放音乐、模糊搜索音乐2.可以操作背景切换夜间模式与日常模式3.可以查看音乐咨询、跳转......
微信小程序音乐播放器开发与API实践
通过这个案例，学习者可以理解如何在微信小程序中构建一个基础的音乐播放器，包括页面结构的设计、音频组件的使用以及事件处理机制。这对于理解和实现类似音乐播放、视频播放等媒体内容的呈现具有重要意义，也是微信...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值