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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序音频播放之音乐播放器相关的知识,希望对你有一定的参考价值。

参考技术A 使用微信小程序实现一个简易的音乐播放器.
Github地址

虽然界面很简单,但是一个音频播放器该有的功能大部分都有了(没有歌词显示功能).
主要实现的功能有:
1.实现音频播放,暂停;
2.实现拖拽进度条,快进音频进度;
3.实现上一首,下一首,列表循环播放;
4.实现关闭小程序,也可在后台播放,正式版需要通过审核,开发版本可正常测试;

一丶index.js

二丶index.wxml

三丶index.wxss

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

附上官方相关api链接:
BackgroundAudioManager.html
wx.getBackgroundAudioManager()
slider组件

以上是关于微信小程序音频播放之音乐播放器的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序-图片录音音频播放音乐播放视屏文件

微信小程序音乐播放器

微信小程序背景音频播放

许嵩音乐智能问答系统微信小程序之音乐播放器

微信小程序音乐播放器怎么使用网页音乐

#yyds干货盘点#杨校老师课堂之微信小程序音乐播放器(上)