简介：audio是微信小程序中的一个音频组件，可以方便的实现小程序中播放/停止音频等自定义动作。附上微信小程序音频组件的相关属性说明：https://mp.weixin.qq.com/debu...这次我们将通过小程序音频，及相关api：使用wx.createAudioContext制作一个简单的音频播放控制页面。第一步：打开微信开发者工具，创建一个小程序项目，选择刚刚创建的空白文件夹。该工具会自动为您生成小程序所需的文件！然后在pages下创建一个名为audio的文件夹。Step2然后打开app.json，如下图添加“pages/audio/audio”，并写上页面路径，保证访问。写入后，音频文件会生成js/json/wxml等空白配置文件。第三步，直接粘贴代码，audio.json默认为audio.js（音频脚本文件）//audio.jsPage({data:{poster:'http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000',name:'thismoment',author:'XuWei',src:'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46',},onReady:function(e){//使用wx.createAudioContext获取audio上下文contextthis.audioCtx=wx.createAudioContext('myAudio')},audioPlay:function(){this.audioCtx.play()},audioPause:function(){this.audioCtx.pause()},audio14:function(){this.audioCtx.seek(14)},audioStart:function(){this.audioCtx.seek(0)}})audio.wxml(音频页面结构文件)
