微信小程序把玩（二十七）audio组件

原文:微信小程序把玩（二十七）audio组件

音频播放已经封装的很好！只需配合属性设置即可！（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>

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}})
}
})

posted on 2017-02-26 15:38 NET未来之路阅读(...) 评论(...) 编辑收藏

转载于:https://www.cnblogs.com/lonelyxmas/p/6444802.html

微信小程序把玩（二十七）audio组件相关推荐

微信小程序实战二：iView-Weapp组件引入及源码bug修复
文章目录 1.小程序插件中集成iView 2.在需要引入组件的页面配置 1.小程序插件中集成iView 从github下载iView的dist文件夹拷贝到项目中或者是用npm更新 npm instal ...
微信小程序把玩（二十八）image组件
原文:微信小程序把玩(二十八)image组件 image组件也是一个程序不可缺少的,可以这样说一个app中image组件随处可以看到,一般 image有两种加载方式第一种是网络图片第二种是本地图片资源 ...
微信小程序把玩（二十六）navigator组件
微信小程序把玩(二十六)navigator组件原文:微信小程序把玩(二十六)navigator组件 navigator跳转分为两个状态一种是关闭当前页面一种是不关闭当前页面.用redirect属性指 ...
微信小程序把玩（十九）radio组件
原文:微信小程序把玩(十九)radio组件 radio组件为单选组件与radio-group组合使用,使用方式和checkbox没啥区别主要属性: wxml <!--设置监听器,当点击radi ...
微信小程序把玩（三十二）Image API
原文:微信小程序把玩(三十二)Image API 选择图片时可设置图片是否是原图,图片来源.这用的也挺常见的,比如个人中心中设置头像,可以与wx.upLoadFile()API使用主要方法: wx. ...
微信小程序把玩（四十）animation API
原文:微信小程序把玩(四十)animation API 动画水还是比较深的,这里只是简单介绍下小程序中动画的一些属性和注意事项,做动画前一定要整理好思路将动画一步步分解,再进行组合!这里只做引入. w ...
微信小程序把玩（三十五）Video API
原文:微信小程序把玩(三十五)Video API 电脑端不能测试拍摄功能只能测试选择视频功能,好像只支持mp4格式,值得注意的是成功之后返回的临时文件路径是个列表tempFilePaths而不是tem ...
微信小程序入门二：底部导航tabBar
小程序底部导航栏组件tabBar,可以参考下官方的API:tabBar 先看代码 //app.json {"pages":["pages/index/index" ...
vue微信小程序开发(二)---页面以及导航
vue微信小程序开发(二)-菜单以及页面这里写目录标题 vue微信小程序开发(二)---菜单以及页面图标的选择创建并注册页面底部导航大家好,我是代码哈士奇,是一名软件学院网络工程的学生, ...

微信小程序把玩（二十七）audio组件

微信小程序把玩（二十七）audio组件相关推荐

最新文章

热门文章