微信小程序 Audio API详解及实例代码

前端之家收集整理的这篇文章主要介绍了微信小程序 Audio API详解及实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

没啥可值得太注意的地方

重要属性

1. wx.getBackgroundAudioPlayerState(object) 获取播放状态

2.wx.playBackgroundAudio(object)播放音乐

3.wx.pauseBackgroundAudio()暂停音乐

4.wx.seekBackgroundAudio(object) 设置播放进度

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

三个监听器:

页面" },listenerButtonPlay: function() { wx.playBackgroundAudio({ //播放地址 dataUrl: 'http://sc1.111ttt.com/2016/1/09/28/202280605509.mp3',//title 音乐名字 title: '青云志',//图片地址 coverImgUrl: 'http://r1.ykimg.com/050E0000576B75F667BC3C136B06E4E7'

})
},/**

  • 播放状态
    */
    listenerButtonGetPlayState: function() {
    wx.getBackgroundAudioPlayerState({
    success: function(res) {
    console.log(res)
    //duration 总时长
    //currentPosition 当前播放位置
    //status 播放状态
    //downloadPercent 下载状况 100 即为100%
    //dataUrl 当前播放音乐地址
    }
    })
    },/**
  • 监听button暂停按钮
    */
    listenerButtonPause: function() {
    wx.pauseBackgroundAudio();
    },/**
  • 设置进度
    */
    listenerButtonSeek: function() {
    wx.seekBackgroundAudio({
    position: 30
    })
    },/
    停止播放
    /
    listenerButtonStop: function() {
    wx.stopBackgroundAudio()
    },onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
    /
  • 监听音乐播放
    */
    wx.onBackgroundAudioPlay(function() {
    console.log('onBackgroundAudioPlay')
    })

/**

  • 监听音乐暂停
    */
    wx.onBackgroundAudioPause(function() {
    console.log('onBackgroundAudioPause')
    })

/**

  • 监听音乐停止
    */
    wx.onBackgroundAudioStop(function() {
    console.log('onBackgroundAudioStop')
    })

},onReady:function(){
// 页面渲染完成
},onShow:function(){
// 页面显示
},onHide:function(){
// 页面隐藏
},onUnload:function(){
// 页面关闭
}
})

感谢阅读本文,希望能帮助到大家,谢谢大家对本站的支持

原文链接:https://www.f2er.com/weapp/45451.html

猜你在找的微信小程序相关文章