微信小程序 audio 組件實例詳解
音頻播放已經(jīng)封裝的很好！只需配合屬性設(shè)置即可！ （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">調(diào)為1倍速</button>
<!--慢放-->
<button type="primary" bindtap="audioPlaybackRateSlowDown">調(diào)為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
}
})
}
})
相關(guān)文章：
hello WeApp icon組件
Window text組件 switch組件
tabBar底部導(dǎo)航 progress組件 action-sheet
應(yīng)用生命周期 button組件 modal組件
頁面生命周期 checkbox組件 toast組件
模塊化詳 form組件詳 loading 組件
數(shù)據(jù)綁定 input 組件 navigator 組件
View組件 picker組件 audio 組件
scroll-view組件 radio組件 video組件
swiper組件 slider組件 Image組件
相關(guān)文章
這篇文章主要介紹了微信小程序 數(shù)據(jù)訪問實例詳解的相關(guān)資料,需要的朋友可以參考下2016-10-10
這篇文章主要為大家介紹了js?websocket斷線重連實例代碼詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
這篇文章主要介紹了微信小程序 歡迎界面開發(fā)的實例詳解的相關(guān)資料,這里實現(xiàn)歡迎界面的簡單實例和實現(xiàn)代碼及實現(xiàn)效果圖，需要的朋友可以參考下2016-11-11
微信小程序 網(wǎng)絡(luò)請求（post請求，get請求）
這篇文章主要介紹了微信小程序 網(wǎng)絡(luò)請求（post請求，get請求）的相關(guān)資料,需要的朋友可以參考下2017-01-01
微信小程序（應(yīng)用號）簡單實例應(yīng)用及實例詳解
這篇文章主要介紹了微信小程序（應(yīng)用號）簡單實例應(yīng)用的相關(guān)資料,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了js實現(xiàn)放大鏡，借助寬高等比例放大的兩張圖片，結(jié)合js中鼠標(biāo)偏移量、元素偏移量、元素自身寬高等屬性完成；左側(cè)遮罩移動Xpx,右側(cè)大圖移動X*倍數(shù)px，具體內(nèi)容請需要的小伙伴出差下面文章內(nèi)容2021-12-12
本文針對埋點(diǎn)系統(tǒng)和監(jiān)控系統(tǒng)的融合的一點(diǎn)進(jìn)行簡單的介紹與探索，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要為大家介紹了Qiankun原理詳解JS沙箱是如何做隔離示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
Javascript實現(xiàn)的分頁函數(shù)...2006-12-12
這篇文章主要為大家介紹了在web?worker中使用fetch實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11