登录后再学习,可使用学习中心、个人中心等更完善的课程服务。立即登录>
关闭

从0到1实现音乐播放器小程序

  • 1 课时
  • 7.2K 学过
  • 8 分
小程序·云开发解决方案APINode.js

课程概述

本课程将带你做一个音乐播放器小程序。课程将分为三个部分。首先,课程将概览本次实战要写的小程序,设计主要功能和函数。接下来,课程将解构小程序的UI,分别介绍index、info、play和list的布局,以及各个布局的组件。课程最后则通过完全的实战演示音乐播放器小程序的搭建。

【课程目标】

设计小程序的主要功能和主要函数

学会小程序页面的布局

学会音乐播放器小程序的搭建

【适用人群】

学生、开发、个人开发者

【课程大纲】

知识模块

简介

从0到1实现音乐播放器小程序

从0到1实现音乐播放器小程序

适用人群

  • 小程序从业者,小程序开发者,小程序云开发者

机构简介

腾讯产业互联网学堂

腾讯云旗下面向云生态用户的一站式学习成长平台

讲义

本次直播为微信小程序开发者提供一站式解决方案,帮助开发者统一构建和管理资源,有效降低技术门槛,减少研发成本,提升开发效率,协助开发者快速搭建稳定高质量的微信小程序应用。今天将从小程序简介,ui解构以及代码实现三个部分从零到一实现播音乐放器小程序。

1 音乐播放器小程序简介

  • 小程序预览
  • 主要功能设计

作为播放器小程序,最重要的就是播放功能,可以暂停以及可以有下一首的切割功能。功能的简单交互是这样实现的。用户点击播放按钮,可以进行音乐的播放进度条滑动以及音乐封面的选转。用户点击暂停按钮,音乐暂停,进度条滑动暂停,音乐封面的选转也会随时暂停。用户点击下一首会进行下一曲的音乐播放,进度条滑动以及音乐封面的旋转。

  • 主要功能函数设计

2 ui解构

  • index布局
  • info布局
  • play布局
  • list布局

3 代码实现

利用云函数获取数据库列表,怎样利用数据实现相关功能。

打开微信开发者工具。详细演示请查看视频。

课程评价(2)

感谢你参加本课程,请你作出评价:
0/300

以下选自学员评价

杜***涛
2019-04-29
老师讲课还是很清晰的,声音也好听,就是抽奖手速不够,小小的遗憾~
用户2***519
2019-04-29
好好好,老师讲的细致。学到了东西