百度智能小程序 InnerAudioContext

InnerAudioContext

解釋： swan.createInnerAudioContext 的返回值。

屬性說(shuō)明

方法參數(shù)

支持格式

示例

圖片示例

代碼示例 1 ：實(shí)例方法全集

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

<view class="wrap">
    <view class="card-area">
        <button type="primary" bindtap="play">play</button>
        <button type="primary" bindtap="pause">pause</button>
        <button type="primary" bindtap="stop">stop</button>
        <button type="primary" bindtap="seek">seek</button>
        <button type="primary" bindtap="destroy">destroy</button>
    </view>
</view>

Page({
    onLoad() {
        //  每次觸發(fā)就會(huì)注冊(cè)一次回調(diào)事件，所以只需把所有回調(diào)寫在onLoad中即可
        const innerAudioContext = swan.createInnerAudioContext();
        innerAudioContext.src = 'https://b.bdstatic.com/miniapp/images/yanyuan.mp3';
        innerAudioContext.autoplay = false;

        innerAudioContext.onPlay(res => {
            swan.showToast({
                title: '音頻播放',
                icon: 'none'
            });
            console.log('onPlay', res);
        });

        innerAudioContext.onCanplay(res => {
            swan.showToast({
                title: '音頻進(jìn)入可播放狀態(tài)',
                icon: 'none'
            });
            console.log('onCanplay', res);
        });

        innerAudioContext.onPause(res => {
            swan.showToast({
                title: '音頻暫停',
                icon: 'none'
            });
            console.log('onPause', res);
        });

        innerAudioContext.onStop(res => {
            swan.showToast({
                title: '音頻停止',
                icon: 'none'
            });
            console.log('onStop', res);
        });

        innerAudioContext.onEnded(res => {
            swan.showToast({
                title: '音頻自然播放結(jié)束',
                icon: 'none'
            });
            console.log('onEnded', res);
        });

        innerAudioContext.onTimeUpdate(res => {
            console.log('onTimeUpdate', res);
        });

        innerAudioContext.onError(err => {
            swan.showModal({
                title: '音頻播放錯(cuò)誤',
                content: JSON.stringify(err)
            });
            console.log('onError', err);
        });

        innerAudioContext.onWaiting(res => {
            swan.showToast({
                title: '音頻加載中......',
                icon: 'none'
            });
            console.log('onWaiting', res);
        });

        innerAudioContext.onWaiting(res => {
            swan.showToast({
                title: '音頻加載中......',
                icon: 'none'
            });
            console.log('onWaiting', res);
        });

        this.innerAudioContext = innerAudioContext;
    },
    play() {
        this.innerAudioContext.play();
    },
    pause() {
        this.innerAudioContext.pause();
    },
    stop() {
        this.innerAudioContext.stop();
    },
    seek() {
        this.innerAudioContext.seek(120);
        swan.showToast({
            title: '跳轉(zhuǎn)到音頻120s處',
            icon: 'none'
        });
    },
    destroy() {
        this.innerAudioContext.destroy();
        swan.showToast({
            title: '音頻銷毀，需要重新觸發(fā)創(chuàng)建時(shí)期',
            icon: 'none'
        });
    },
    offTimeUpdate() {
        this.innerAudioContext.offTimeUpdate(res => {
            swan.showToast({
                title: 'offTimeUpdate',
                icon: 'none'
            });
            console.log('offTimeUpdate', res);
        });
    }
});

代碼示例 2 - 屬性全集

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

Page({
    onLoad() {
        const innerAudioContext = swan.createInnerAudioContext();
        innerAudioContext.src = 'http://vd3.bdstatic.com/mda-ic7mxzt5cvz6f4y5/mda-ic7mxzt5cvz6f4y5.mp3';
        innerAudioContext.startTime = 120;
        innerAudioContext.autoplay = true;
        innerAudioContext.loop = true;
        // 一般設(shè)置obeyMuteSwitch為false，否則用戶在系統(tǒng)靜音的情況下，會(huì)認(rèn)為api不能播放；
        innerAudioContext.obeyMuteSwitch = false;
        innerAudioContext.duration = 120;
        innerAudioContext.currentTime = 90;
        innerAudioContext.paused = true;
        innerAudioContext.volume = 0.5;
    }
});