欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > 微信小程序之音乐控制播放(audio的API)

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:789

HTML5自适应律师工作室类网

2020-04-04   浏览:654

高端HTML5响应式企业通用网

2020-05-06   浏览:560

html5响应式外贸网站英文版

2020-05-08   浏览:545

HTML5影视传媒文化公司类网

2020-05-12   浏览:543

微信小程序之音乐控制播放(audio的API)

发布时间:2021-01-02  

一.小知识

1.wx.getBackgroundAudioPlayerState(OBJECT):获取后台音乐播放状态。

微信小程序之音乐控制播放(audio的API)

[html] view plain copy

 

<span style="font-family:Comic Sans MS;">wx.getBackgroundAudioPlayerState({  

    success: function(res) {  

        var status = res.status  

        var dataUrl = res.dataUrl  

        var currentPosition = res.currentPosition  

        var duration = res.duration  

        var downloadPercent = res.downloadPercent  

    }  

})</span>  


2.wx.playBackgroundAudio(OBJECT)

微信小程序之音乐控制播放(audio的API)

[html] view plain copy

 

<span style="font-family:Comic Sans MS;font-size:18px;color:#333333;">wx.playBackgroundAudio({  

    dataUrl: '',  

    title: '',  

    coverImgUrl: ''  

})</span>  

3.wx.pauseBackgroundAudio()暂停播放音乐。

4.wx.seekBackgroundAudio(OBJECT)控制音乐播放进度。

微信小程序之音乐控制播放(audio的API)

[html] view plain copy

 

<span style="font-family:Comic Sans MS;">wx.seekBackgroundAudio({  

    position: 30  

})</span>  

5.wx.stopBackgroundAudio()停止播放音乐。

6.wx.onBackgroundAudioPlay(CALLBACK)监听音乐播放。

7.wx.onBackgroundAudioPause(CALLBACK)监听音乐暂停。

8.wx.onBackgroundAudioStop(CALLBACK)监听音乐停止。


二.案例

[html] view plain copy

 

<span style="font-family:Comic Sans MS;font-size:18px;color:#333333;"><view class="zn-uploadimg">  

    <button type="primary" bindtap="listenerButtonPlay">播放</button>  

    <button type="primary" bindtap="listenerButtonPause">暂停</button>