百度智能小程序 音頻

2020-08-28 15:48 更新

audio 音頻

解釋:音頻

屬性說明

屬性名類型默認值必填說明

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}

MediaError.code

返回錯誤碼描述

1

獲取資源過程被用戶終止

2

網(wǎng)絡(luò)錯誤

3

當解碼時發(fā)生錯誤

4

不支持音頻

示例 

在開發(fā)者工具中打開


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


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號