音乐小程序项目介绍范文6篇思维导图

（1）实现音乐控制，在pages/index/编写代码实现自动选择列表中的第一首歌 （2）在data中定义一些状态属性，来记录音乐的比方状态，播放未知等 （3）底部播放器显示播放曲目，在pages/index/编写代码 （4）在pages/index/文件中编写播放器样式 （5）利用条件渲染来显示不同的按钮 （6）在pages/index/中编写事件处理函数play()和pause() （7）实现单击"下一曲"按钮进行换曲 （8）在pages/index/中编写事件处理函数next() （9）查看效果

（1）音乐小程序基础页面和样式: （2）测试页面、、 文件:

（3）查看显示效果

搭建本地应用服务器没有server-index模块，进行搭建server-index模块 搭建本地应用服务器没有server-multiparty模块，进行搭建server-multiparty模块,并启动服务 在htdocs文件夹中放入音频

（1）在pages/index/play .wxml编写播放器页面结构代码 （2）在pages/index/play .wxml编写播放器页面样式代码:pages/index/ （3）查看效果 （4）在音乐列表中获取到当前音乐专辑的src路径，绑定到页面image组件中 （5）在pages/index/文件中编写样式 （6）查看效果

（1）在pages/index/编写播放器页面下方的滑块结构 （2）在pages/index/编写样式 （3）查看结果 （4）在pages/index/文件中控制进度条的进度和时间显示

（5）在slider组件上绑定bindcchange事件，实现滑动进度条调节音乐播放进度 （6）在pages/index/文件中编写sliderchange函数 （7）查看效果

（1）在pages/index/文件中，编写轮播图的页面结构 （2）在page/index/中编写样式 （3）查看效果