百度智能小程序 InnerAudioContext

InnerAudioContext

解释： swan.createInnerAudioContext 的返回值。

属性说明

方法参数

支持格式

示例

图片示例

代码示例 1 ：实例方法全集

在开发者工具中打开

<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() {
        //  每次触发就会注册一次回调事件，所以只需把所有回调写在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: '音频进入可播放状态',
                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: '音频自然播放结束',
                icon: 'none'
            });
            console.log('onEnded', res);
        });

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

        innerAudioContext.onError(err => {
            swan.showModal({
                title: '音频播放错误',
                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: '跳转到音频120s处',
            icon: 'none'
        });
    },
    destroy() {
        this.innerAudioContext.destroy();
        swan.showToast({
            title: '音频销毁，需要重新触发创建时期',
            icon: 'none'
        });
    },
    offTimeUpdate() {
        this.innerAudioContext.offTimeUpdate(res => {
            swan.showToast({
                title: 'offTimeUpdate',
                icon: 'none'
            });
            console.log('offTimeUpdate', res);
        });
    }
});

代码示例 2 - 属性全集

在开发者工具中打开

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;
        // 一般设置obeyMuteSwitch为false，否则用户在系统静音的情况下，会认为api不能播放；
        innerAudioContext.obeyMuteSwitch = false;
        innerAudioContext.duration = 120;
        innerAudioContext.currentTime = 90;
        innerAudioContext.paused = true;
        innerAudioContext.volume = 0.5;
    }
});