微信小程序 audio 组件实例详解

网友投稿 317 2023-07-05


微信小程序 audio 组件实例详解

音频播放已经封装的很好!只需配合属性设置即可! (method和data配合使用)

主要属性:

wxml

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="不详"/>

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组件

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="不详"/>

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组件


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:Javaweb中使用Jdom解析xml的方法
下一篇:微信小程序 toast组件详细介绍
相关文章

 发表评论

暂时没有评论,来抢沙发吧~