1.在小程序内弊槐态安装音频文件租源;
2.在微信客户端粘贴音频,点击【发送】;
3.等待客户端发送成功,即可在微信内听到音频文件。
虽然界面很简单,但是一个音频播放器该有的功能大部分都有了(没有歌词显示功能).
主要实现的功能有:
1.实现音频播放,暂停
2.实现拖拽进度条,快进音频进度
3.实现上一首,下一首,列表循环播放
4.实现关闭小程序,也可在后台播放,正式版需要通过审核,开发版本可正常测试
一丶index.js
数据初始化
playMusic 切换播放歌曲的方法.
countTimeDown 循环计时,进度展示
sliderChange slider的洞盯启拖拽事件
lastMusic 上一首
playOrpause 中间则中的按钮,播放/暂停切换
nextMusic 下一首
listClick 列表点击纳如事件
界面切换,时长格式化
二丶index.wxml
三丶index.wxss
四丶要实现关闭小程序后,依然后台播放,微信顶部悬浮展示,需要再app.json配置requiredBackgroundModes属性
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)