音频播放已经封装的很好!只需配合属性设置即可! (method和data配合使用)
主要属性:
wxml
<audio action="{{action}}" src='http://sc1.111ttt.com/2016/1/09/26/202261732256.mp3' poster= 'http://avatar.csdn.net/E/3/9/1_u014360817.jpg' controls="true" name="钢琴曲" author="不详"/> <button type="primary" bindtap="audioPlay">播放</button> <button type="primary" bindtap="audioPause">暂停</button> <!--正常速度--> <button type="primary" bindtap="audioPlaybackRateNormal">调为1倍速</button> <!--慢放--> <button type="primary" bindtap="audioPlaybackRateSlowDown">调为0.5倍速</button>
js
Page({ data:{ // text:"这是一个页面" action: { method: '' } }, audioPlay:function() { this.setData({ action: { method: 'play' } }) }, audioPause:function(){ this.setData({ action: { method: 'pause' } }) }, audioPlaybackRateNormal:function() { this.setData({ action:{ method: 'setPlaybackRate', data: 1 } }) }, audioPlaybackRateSlowDown:function() { this.setData({ action: { method: 'setPlaybackRate', data: 0.5 } }) } })
相关文章:
hello WeApp icon组件
Window text组件 switch组件
tabBar底部导航 progress组件 action-sheet
应用生命周期 button组件 modal组件
页面生命周期 checkbox组件 toast组件
模块化详 form组件详 loading 组件
数据绑定 input 组件 navigator 组件
View组件 picker组件 audio 组件
scroll-view组件 radio组件 video组件
swiper组件 slider组件 Image组件
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。