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

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

Github地址

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

主要实现的功能有:

1.实现音频播放,暂停

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

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

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

一丶index.js

二丶index.wxml

三丶index.wxss

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

附上官方相关api链接:

BackgroundAudioManager.html

wx.getBackgroundAudioManager()

slider组件

在网易云音乐小程序中，单曲循环的设置 *** 作如下：

1. 打开网易云音乐小程序，并选择需要播放的歌曲。

2. 进入歌曲播放页面，点击歌曲封面左下角的“循环”按钮。

3. 将循环模式设置为“单曲循环”，设置完成后会自动开始播放。

需要注意的是，网易云音乐小程序的单曲循环功能只能针对单个歌曲进行设置，如果想要设置整个音乐列表为单曲循环，需在播放列表页面中进行设置，具体可以切换到“播放列表”页面，选择要循环的歌曲，然后点击“循环”按钮，将循环模式设置为“单曲循环”。

以上就是网易云音乐小程序单曲循环的设置方法，需要注意的是，不同的音乐播放器设置方式可能有所区别，具体 *** 作步骤以实际为准。

---