2023年微信小程序API 音频·创建InnerAudioContext对象
作者: --时间: 2022-09-29
阅读量:
使用微信小程序API创建InnerAudioContext对象
在微信小程序中,通过使用音频API的wx.createInnerAudioContext()函数可以轻松地创建一个内部audio上下文InnerAudioContext对象。 InnerAudioContext对象提供了对音频的控制和管理,可以方便地实现一些基本的音频功能,例如播放、暂停、停止等操作。1. 支持低版本兼容处理
微信小程序音频API基础库从1.6.0开始支持InnerAudioContext对象的创建,但对于低版本的小程序,需要做兼容处理。因此,在使用InnerAudioContext对象之前,需要考虑你的小程序是否支持此API,并进行相应的处理。2. InnerAudioContext对象的返回值
当我们使用wx.createInnerAudioContext()函数创建InnerAudioContext对象时,会返回一个InnerAudioContext类型的对象。这个对象包含了很多属性和方法,通过这些属性和方法可以对当前正在播放的音频进行控制。InnerAudioContext对象
InnerAudioContext对象是一个封装了音频管理接口的对象,它提供了以下的属性和方法:- src:音频地址
- startTime:音频开始播放的位置(单位:秒),默认为0
- autoplay:是否自动播放,默认为false
- loop:是否循环播放,默认为false
- obeyMuteSwitch:是否遵循系统静音开关,默认为true(即遵循系统静音开关)
- duration:音频的播放时长(单位:秒),只读
- currentTime:音频的当前播放位置(单位:秒),可读写
- paused:音频是否暂停,只读
- volume:音量(0-1),可读写
- play():开始播放
- pause():暂停播放
- stop():停止播放
3. InnerAudioContext对象的使用示例
下面的代码是一个InnerAudioContext的演示程序,其中音频文件路径是已经预先定义好的。const innerAudioContext = wx.createInnerAudioContext();
innerAudioContext.src = 'https://example.com/audio/123.mp3';
innerAudioContext.autoplay = true;
innerAudioContext.onPlay(() => {
console.log('开始播放');
});
innerAudioContext.onError((res) => {
console.log(res.errMsg);
console.log(res.errCode);
});
在这个示例中,我们首先创建了一个InnerAudioContext对象,然后将需要播放的音频文件地址赋值给对象的src属性。接着设置了autoplay为true,表明加载完成后自动播放。我们还添加了onPlay事件,输出“开始播放”信息,以及onError事件,输出错误信息和错误码。

