W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
解釋:音頻
屬性名 | 類型 | 默認值 | 必填 | 說明 |
---|---|---|---|---|
id | String | 否 | audio 組件的唯一標識符 | |
src | String | 否 | 要播放音頻的資源地址 | |
loop | Boolean | false | 否 | 是否循環(huán)播放 |
controls | Boolean | false | 否 | 是否顯示默認控件 |
poster | String | 否 | 默認控件上的音頻封面的圖片資源地址,如果 controls 屬性值為 false 則設(shè)置 poster 無效 | |
name | String | 未知音頻 | 否 | 默認控件上的音頻名字,如果 controls 屬性值為 false 則設(shè)置 name 無效 |
author | String | 未知作者 | 否 | 默認控件上的作者名字,如果 controls 屬性值為 false 則設(shè)置 author 無效 |
binderror | EventHandle | 否 | 當發(fā)生錯誤時觸發(fā) error 事件,detail = {errMsg: MediaError.code} | |
bindplay | EventHandle | 否 | 當開始/繼續(xù)播放時觸發(fā) play 事件,detail = {duration} | |
bindpause | EventHandle | 否 | 當暫停播放時觸發(fā) pause 事件,detail = {duration} | |
bindtimeupdate | EventHandle | 否 | 當播放進度改變時觸發(fā) timeupdate 事件,detail = {currentTime, duration} | |
bindended | EventHandle | 否 | 當播放到末尾時觸發(fā) ended 事件,detail = {duration} |
返回錯誤碼 | 描述 |
---|---|
1 | 獲取資源過程被用戶終止 |
2 | 網(wǎng)絡(luò)錯誤 |
3 | 當解碼時發(fā)生錯誤 |
4 | 不支持音頻 |
<audio
poster="{{poster}}"
name="{{name}}"
loop="false"
author="{{author}}"
src="{{src}}"
id="myAudio"
controls
bind:error="audioError"
bind:play="audioPlay"
bind:pause="audioPause"
bind:timeupdate="audioTimeUpdate"
bind:ended="audioEnded">
</audio>
Page({
data: {
poster: 'https://b.bdstatic.com/searchbox/icms/searchbox/img/xuezhiqian.jpg',
name: '演員',
author: '薛之謙',
src: 'https://b.bdstatic.com/miniapp/images/yanyuan.mp3'
},
audioError(e) {
console.log('audio ', e.type);
swan.showToast({
title: '加載音頻資源出錯',
duration: 1000,
icon: 'none'
});
},
audioPlay(e) {
console.log('audio ', e.type);
swan.showToast({
title: '音頻開始播放',
duration: 1000,
icon: 'none'
});
},
audioPause(e) {
console.log('audio ', e.type);
swan.showToast({
title: '音頻暫停',
duration: 1000,
icon: 'none'
});
},
audioEnded(e) {
console.log('audio ', e.type);
swan.showToast({
title: '音頻播放完',
duration: 1000,
icon: 'none'
});
},
audioTimeUpdate(e) {
console.log('audio ', e.type);
}
});
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: