微信小程序开发：一个音乐播放器

github源码地址
花了点时间撸了个微信小程序，分两个部分，音乐播放界面和音乐列表。

总结一下遇到的问题

UI分4层，第一层背景高斯模糊，第二层灰色半透明蒙层，第三层播放器，第四层列表
css设置背景图片路径不能是本地的，需要设置为网络图片，或者base64编码
图片旋转暂停通过移除或添加css的animation-play-state: paused;设置
本地存储当前播放的音乐，下次进入时选中

微信小程序开发：一个音乐播放器相关推荐

微信小程序开发之——音乐播放器-播放器(3.4)
一概述常用组件及API介绍播放器页面任务播放器页面任务数据准备音乐播放功能播放器页面二常用组件及API介绍 2.1 音频API 介绍微信小程序提供了播放音频的API,掌握这个API ...
微信小程序开发之音乐播放器
学习目标: 利用小程序实现音乐播放器页面布局. 显示当前播放音乐的封面图.标题.作者的信息. 实现音乐的播放.暂停.上一曲.下一曲的功能. 学习内容: 创建小程序工程项目音乐播放器页面布局与样式解读 ...
微信小程序开发之——音乐播放器-音乐推荐
一概述常用组件介绍内容区域滚动轮播图功能按钮热门音乐二常用组件介绍 2.1 scroll-view 组件组件介绍 scroll-view组件用于实现可滚动视图区域一般来说,当页面的 ...
微信小程序开发之音乐播放器真机测试 audio API
简单的试了试播放器,还是有不少坑的.开始在模拟器上跑,一直没有声音,总是刚开始播放就暂停.做个笔记. 准备资源: 音乐图片地址:http://ac-5g9r20ds.clouddn.com/63bed ...
微信小程序开发之——音乐播放器-编写页面结构和样式，如何化身BAT面试收割机
前言这些题目是网友去美团等一线互联网公司面试被问到的题目.笔者从自身面试经历.各大网络社交技术平台搜集整理而成,熟悉本文中列出的知识点会大大增加通过前两轮技术面试的几率. 主要分为以下几部分: (1 ...
微信小程序开发之——音乐播放器-播放列表(3.5)
一概述播放列表显示所有音乐列表专辑信息点击音乐专辑中的音乐播放此音乐音乐播放时,右侧显示正在播放:同时底部播放器显示音乐信息二播放列表 2.1 布局页面(pages/index/playl ...
使用小程序制作一个音乐播放器
此文主要通过小程序制作一个音乐播放器,实现轮播.搜索.播放.快进.暂停.上一曲.下一曲等功能. 一.创建小程序二.设计页面三.接口渲染一.创建小程序访问微信公众平台,点击账号注册. 选择小程序 ...
微信小程序——【云音乐播放器】
目录第一章开发准备一.项目结构二.新建微信小程序项目第二章标签页切换一.常用组件介绍二.编写页面结构和样式第三章音乐推荐一.组件介绍二.编写音乐推荐页面结构和样式第四章播放 ...
微信小程序仿网易音乐播放器项目
一.项目展示主页: 播放页: 搜索页: 排行榜页: 小控件: 二.项目结构三.项目功能点后端接口,使用node写的,使用了网易云音乐API: 封装的api文件 //env是基础地址js文件 im ...
【微信小程序】简易音乐播放器，进度条拖拉、音乐的播放与暂停
小程序简易音乐播放器实现粗糙的页面设计: wxml部分: <view class="test"><view class="img">& ...

微信小程序开发：一个音乐播放器

微信小程序开发：一个音乐播放器相关推荐

最新文章

热门文章