微信小程序音频播放之音乐播放器

使用微信小程序实现一个简易的音乐播放器.

Github地址

虽然界面很简单,但是一个音频播放器该有的功能大部分都有了(没有歌词显示功能).

主要实现的功能有:

1.实现音频播放,暂停

2.实现拖拽进度条,快进音频进度

3.实现上一首,下一首,列表循环播放

4.实现关闭小程序,也可在后台播放,正式版需要通过审核,开发版本可正常测试

一丶index.js

二丶index.wxml

三丶index.wxss

四丶要实现关闭小程序后,依然后台播放,微信顶部悬浮展示,需要再app.json配置requiredBackgroundModes属性

附上官方相关api链接:

BackgroundAudioManager.html

wx.getBackgroundAudioManager()

slider组件

不需要添加服务类目。

微信小程序播放视频用联合视频播放器，是因为使用联合播放器进行播放的话，不需要添加文娱服务类目，就可以直接播放，使用起来非常方便，也不会出现无法播放或者是延迟的情况。

播放器是指能播放以数字信号形式存储的视频或音频文件的软件，也指具有播放视频或音频文件功能的电子器件产品。

目前，横屏小程序可以分为以下几大类：

1、旅游类小程序：通过地图查看附近景点，了解旅游路线，查阅行程安排等；

2、视频类小程序：提供影视剧精选，实景采集等开放数据服务；

3、电影类小程序：提供在线看电影、离线下载等功能；

4、游戏类小程序：提供桌面游戏、电视游戏、网游等服务；

5、就餐类小程序：用于查询餐馆菜谱，就餐及外卖等服务的小程序；

6、图书类小程序：用于图书查询、下载、推荐书籍等功能；

7、健康类小程序：基于移动设备的健康数据采集和分析等功能。

---