微信小程序 audio 組件實(shí)例詳解
音頻播放已經(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:"這是一個(gè)頁(yè)面"
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組件
頁(yè)面生命周期 checkbox組件 toast組件
模塊化詳 form組件詳 loading 組件
數(shù)據(jù)綁定 input 組件 navigator 組件
View組件 picker組件 audio 組件
scroll-view組件 radio組件 video組件
swiper組件 slider組件 Image組件
相關(guān)文章
這篇文章主要介紹了JavaScript函數(shù)柯里化，柯里化即Currying是把接受多個(gè)參數(shù)的函數(shù)變換成接受一個(gè)單一參數(shù)函數(shù)，并且返回接受余下的參數(shù)且返回結(jié)果的新函數(shù)的技術(shù)，下面文章詳細(xì)內(nèi)容,需要的朋友可以參考一下2021-11-11
微信小程序 圖片加載（本地，網(wǎng)路）實(shí)例詳解
這篇文章主要介紹了微信小程序 圖片加載（本地，網(wǎng)路）實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-03-03
這篇文章主要為大家介紹了sockjs前端WebSocket二次封裝示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
這篇文章主要為大家介紹了解析Clipboard?API剪貼板操作實(shí)例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
這篇文章主要介紹了微信小程序圖片自適應(yīng)支持多圖實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-06-06
微信小程序?qū)崿F(xiàn)拖拽 image 觸摸事件監(jiān)聽(tīng)的實(shí)例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)拖拽 image 觸摸事件監(jiān)聽(tīng)的實(shí)例的相關(guān)資料,這里提供image觸摸并監(jiān)聽(tīng)的簡(jiǎn)單實(shí)例，需要的朋友可以參考下2017-08-08
這篇文章主要為大家介紹了前端框架arco?table源碼遇到的問(wèn)題解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
JavaScript 對(duì)象創(chuàng)建的3種方法
這篇文章主要給大家分享的時(shí)JavaScript 對(duì)象創(chuàng)建的3種方法,在 JavaScript中，對(duì)象是一組有屬性名和屬性值組成的無(wú)序集合，對(duì)象的創(chuàng)建可以通過(guò)對(duì)象字面量、new 關(guān)鍵字 和Object.create()函數(shù)來(lái)創(chuàng)建。2021-11-11
這篇文章主要為大家介紹了JavaScript函數(shù)式編程Thunk原理示例解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要介紹了微信小程序 數(shù)據(jù)綁定的相關(guān)資料,并附實(shí)例代碼，需要的朋友可以參考下2016-10-10