微信小程序API之audio

wxml:

<text>pages/audio/audio.wxml</text>
<view class="container">
</view><button bindtap="tapPlay">播放</button>
<button bindtap="tapPause">暂停 </button><slider
min="0"
max="100"
step="1"
disabled="{{true}}"
value="0"
show-value="{{true}}"
backgroundColor="#e9e9e9"
block-size="20"
block-color="#ffffff"></slider>

js:

//音频实例
const audio=wx.createInnerAudioContext();// pages/audio/audio.js
Page({/*** 页面的初始数据*/data: {value:0},//播放tapPlay(e){audio.play()console.log('正在播放ing...')//半秒监听一次setTimeout(()=>{//监听播放进度audio.onTimeUpdate(()=>{//输出音频总时长console.log(audio.duration);//输出当前的播放位置console.log(audio.currentTime);//实时更新进度条this.setData({value:audio.currentTime})})},500)},//暂停tapPause(e){audio.pause()console.log('暂停播放ed...');},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {//是否自动播放audio.autoplay=false//地址audio.src='https://mp32.9ku.com/upload/128/2020/02/13/1002010.mp3'},/*** 生命周期函数--监听页面初次渲染完成*/onReady: function () {},/*** 生命周期函数--监听页面显示*/onShow: function () {},/*** 生命周期函数--监听页面隐藏*/onHide: function () {},/*** 生命周期函数--监听页面卸载*/onUnload: function () {},/*** 页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh: function () {},/*** 页面上拉触底事件的处理函数*/onReachBottom: function () {},/*** 用户点击右上角分享*/onShareAppMessage: function () {}
})

微信小程序API之audio相关推荐

微信小程序上传接口php,微信小程序API 上传、下载
微信小程序API 上传.下载 wx.uploadFile(OBJECT) 将本地资源上传到开发者服务器.如页面通过 wx.chooseImage 等接口获取到一个本地资源的临时文件路径后,可通过此接口 ...
小程序长按api_微信小程序API相关知识科普
微信小程序API(Application Programming Interface),即应用程序编程接口.API是一种接口函数,把函数封装起来,给开发者,这样好多的功能就不需要你去实现了,只要会调用 ...
微信小程序api接口调用用封装
微信小程序api接口调用用封装 1. 在 02-项目下新建request目录及index.js文件 1.1 02-项目\request\index.js 1.2.index.js // 同时发送异步 ...
微信小程序API之showActionSheet（操作菜单）
微信小程序API之showActionSheet(操作菜单) wxml: <button bindtap="cd01">操作菜单01</button> &l ...
微信小程序API之showModal（Loding...）
微信小程序API之showModal(Loding-) wxml: <button bindtap="ts01">显示 Loading 加载框</button&g ...
微信小程序API之video
微信小程序API之video wxml: <button bindtap="tz">跳转tab页面</button><navigator url=&q ...
微信小程序API之setInterval
微信小程序API之setInterval wxml: <button bindtap="mystart">开始计数</button><button b ...
微信小程序API之request
微信小程序API之request wxml: <button bindtap="zfc">获取远程字符串数据</button> 返回数据: {{jieguo ...
微信小程序API之map
微信小程序API之map wxml: <map id="map" longitude="113.324520" latitude="23.099 ...

微信小程序API之audio

微信小程序API之audio

微信小程序API之audio相关推荐

最新文章

热门文章