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

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

Github地址

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

主要实现的功历悄咐能有:

1.实现音频播放,暂停

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

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

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

一丶index.js

二丶index.wxml

三丶index.wxss

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

附上官方相关api链接:

BackgroundAudioManager.html

wx.getBackgroundAudioManager()

slider组运早件

亲你好，小程序录的语音看你自己谨隐保存在手机的哪个部位了。如果是保存在手机内存里面，那你就找到手机内存找到它，下面为你介绍小程序录语音的方法：首先我们开打手机内的微信，在消息界面处一直下拉可以看到微信小程序，我们点击最近使用。在小程序内点击右上角的笑桥搜索功能输入录音。搜索到录音后我们点击打开录音功能。在录音界面我们点击左边的开始录音功能。因为第一次使用需要受理权限，我们点击权限允许。然后在界面内点击绿色的开始按钮。点击红色的停止可以停止录音进程停止录音后祥升厅在界面处有一条录音，就是我们刚刚录制出来的，点击旁边的...功能可以转发给自己好友或者编辑名称

BackgroundAudioManager

1, 获取实例

    const audio = wx.getBackgroundAudioManager()

    audio.title = "标题"   

    audio.src = "冲伏demo.mp3"

    src属性改变后即自动播放音频， 注意:title属性 必填,否则 不报错不播放。

    singer(歌手)  epname(专辑名) coverImgUrl(封面图)等属性 可选填滚陆

BackgroundAudioManager.play()     BackgroundAudioManager.pause()   两个方法用来控制音频播大判顷放 暂停  需要注意的是退出后台后  无法控制

---