博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序 Audio API
阅读量:4091 次
发布时间:2019-05-25

本文共 3174 字,大约阅读时间需要 10 分钟。

目录

这里写图片描述

没啥可值得太注意的地方

重要属性:

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

这里写图片描述

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

这里写图片描述

3.wx.pauseBackgroundAudio()暂停音乐

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

这里写图片描述

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

三个监听器:

这里写图片描述

wxml

   
1
2
3
4
5
1
2
3
4
5

js

Page({  data:{    // text:"这是一个页面"  },  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(){    // 页面关闭  }})   
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
你可能感兴趣的文章
在win10环境下安装虚拟机并运行win7系统步骤
查看>>
查看磁盘或者文件的容量
查看>>
使用Visual Studio Code创建第一个ASP.NET Core应用程序
查看>>
ubuntu16.04配置anaconda环境
查看>>
[转]LocalDB数据库修改排序规则,修复汉字变问号
查看>>
css常用单位
查看>>
apache 列目录修复
查看>>
Codeforces Round #318 [RussianCodeCup Thanks-Round] (Div. 2)C. Bear and Poker
查看>>
ZVRK函数
查看>>
【函数】fill和fill_n填充之区别
查看>>
git学习笔记
查看>>
iOS 3D touch
查看>>
Firefly-rk3399 开发板环境搭建
查看>>
(转)C++经典面试题(最全,面中率最高)
查看>>
Dubbo与Zookeeper、Spring整合使用
查看>>
The 2014 ACMICPC Asia Invitational Xian
查看>>
Docker系列一:Docker基本概念及指令介绍
查看>>
Android初学第30天
查看>>
Branch Prediction
查看>>
Ajax自动完成(autocomplete)-响应文本框输入后显示模糊数据列表
查看>>