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

微信小程序音频播放之音乐播放器,第1张

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

Github地址

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

主要实现的功能有:

1.实现音频播放,暂停

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

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

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

一丶index.js

二丶index.wxml

三丶index.wxss

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

附上官方相关api链接:

BackgroundAudioManager.html

wx.getBackgroundAudioManager()

slider组件

1、wx.getBackgroundAudioManager :

获取全局唯一的背景音频管理器。 小程序切入后台,如果音频处于播放状态,可以继续播放枣物镇。但是后台状态不能通过调用API *** 纵音频的播放状态。

从微信客户端6.7.2版本开始,若需要在小程序切后台后继续播放音频,需要在 app.json 中配置 requiredBackgroundModes 属性。开发版和体验版上可以直接生效,正式版还需通过审核。

2、onUnload和onHide事件中暂停音蚂滑乐的播放。

3、onShow中调用播放事件

4、在播放结束的事件凳粗中,再次播放,以达到循环播放的效果。

育儿柚道小程序中有针对育儿教育提供的音频课程,主要包含读书、读文的音频内容。

综上述的需求,分析出我们的系统需求,

小程序中对于音频播放有两种

我们用到的属性伏喊和方法如下:

将播放器的产品扒枯组成分为三层,

先春厅洞看一下我们用到的控制方法和微信音频播放对应的 api

用到的 api 如下


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/8269446.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-14
下一篇 2023-04-14

发表评论

登录后才能评论

评论列表(0条)

保存