InnerAudioContext

解释： swan.createInnerAudioContext 的返回值。

方法参数

方法参数必填说明
srcString否音频的数据链接，用于直接播放，仅支持绝对路径。
startTimeNumber否开始播放的位置（单位：s），默认 0 。
autoplayBoolean否是否自动开始播放，默认 false 。
loopBoolean否是否循环播放，默认 false。
obeyMuteSwitchBoolean否是否遵循系统静音开关，默认 true，当此参数为 false 时，即使用户打开了静音开关，也能继续发出声音。
durationNumber是当前音频的长度（单位：s），只有在当前有合法的 src 时返回 。
currentTimeNumber是当前音频的播放位置（单位：s），只有在当前有合法的 src 时返回，时间不取整，保留小数点后 6 位 。
pausedBoolean是当前状态:true 表示暂停或停止，false 表示正在播放。
volumeNumber否音量，范围 0~1。

支持格式 :

格式iOSAndroid
flac否是
amr否是
wma否是
ogg否是
ape否是
mp4否是
m4a是是
wav是是
mp3是是
aac是是
aiff是否
caf是否

示例

扫码体验

InnerAudioContext - 图1请使用百度APP扫码

图片示例

InnerAudioContext - 图2

InnerAudioContext - 图3

InnerAudioContext - 图4

代码示例1 ：

在开发者工具中预览效果

  • 在 js 文件中
  2. Page({
  3.     onLoad() {
  4.         //  每次触发就会注册一次回调事件，所以只需把所有回调写在onLoad中即可
  5.         const innerAudioContext = swan.createInnerAudioContext();
  6.         innerAudioContext.src = 'https://vd3.bdstatic.com/mda-ic7mxzt5cvz6f4y5/mda-ic7mxzt5cvz6f4y5.mp3';
  7.         innerAudioContext.autoplay = false;
  9.         innerAudioContext.onPlay(res => {
  10.             swan.showToast({
  11.                 title: 'play',
  12.                 icon: 'none'
  13.             });
  14.             console.log('onPlay', res);
  15.         });
  17.         innerAudioContext.onPause(res => {
  18.             swan.showToast({
  19.                 title: 'pause',
  20.                 icon: 'none'
  21.             });
  22.             console.log('onPause', res);
  23.         });
  25.         innerAudioContext.onStop(res => {
  26.             swan.showToast({
  27.                 title: 'stop',
  28.                 icon: 'none'
  29.             });
  30.             console.log('onStop', res);
  31.         });
  33.         innerAudioContext.onEnded(res => {
  34.             swan.showToast({
  35.                 title: 'end',
  36.                 icon: 'none'
  37.             });
  38.             console.log('onEnded', res);
  39.         });
  41.         innerAudioContext.onTimeUpdate(res => {
  42.             console.log('onTimeUpdate', res);
  43.         });
  45.         innerAudioContext.onError(res => {
  46.             swan.showToast({
  47.                 title: 'error',
  48.                 icon: 'none'
  49.             });
  50.             console.log('onError', res);
  51.         });
  53.         innerAudioContext.onWaiting(res => {
  54.             swan.showToast({
  55.                 title: 'waiting',
  56.                 icon: 'none'
  57.             });
  58.             console.log('onWaiting', res);
  59.         });
  61.         this.innerAudioContext = innerAudioContext;
  62.     },
  63.     play() {
  64.         this.innerAudioContext.play();
  65.     },
  66.     pause() {
  67.         this.innerAudioContext.pause();
  68.     },
  69.     stop() {
  70.         this.innerAudioContext.stop();
  71.     },
  72.     seek() {
  73.         this.innerAudioContext.seek(10);
  74.     },
  75.     destroy() {
  76.         this.innerAudioContext.destroy();
  77.     },
  78.     offTimeUpdate() {
  79.         this.innerAudioContext.offTimeUpdate(res => {
  80.             swan.showToast({
  81.                 title: 'offTimeUpdate',
  82.                 icon: 'none'
  83.             });
  84.             console.log('offTimeUpdate', res);
  85.         });
  86.     }
  87. });

代码示例2 - 设置obeyMuteSwitch为false，否则用户在系统静音的情况下，会认为api不能播放 ：

在开发者工具中预览效果

  • 在 js 文件中
  2. Page({
  3.     onLoad() {
  4.         //  每次触发就会注册一次回调事件，所以只需把所有回调写在onLoad中即可
  5.         const innerAudioContext = swan.createInnerAudioContext();
  6.         innerAudioContext.src = 'https://vd3.bdstatic.com/mda-ic7mxzt5cvz6f4y5/mda-ic7mxzt5cvz6f4y5.mp3';
  7.         innerAudioContext.autoplay = false;
  8.         innerAudioContext.obeyMuteSwitch = false;
  10.         innerAudioContext.onPlay(res => {
  11.             swan.showToast({
  12.                 title: 'play',
  13.                 icon: 'none'
  14.             });
  15.             console.log('onPlay', res);
  16.         });
  18.         innerAudioContext.onPause(res => {
  19.             swan.showToast({
  20.                 title: 'pause',
  21.                 icon: 'none'
  22.             });
  23.             console.log('onPause', res);
  24.         });
  26.         innerAudioContext.onStop(res => {
  27.             swan.showToast({
  28.                 title: 'stop',
  29.                 icon: 'none'
  30.             });
  31.             console.log('onStop', res);
  32.         });
  34.         innerAudioContext.onEnded(res => {
  35.             swan.showToast({
  36.                 title: 'end',
  37.                 icon: 'none'
  38.             });
  39.             console.log('onEnded', res);
  40.         });
  42.         innerAudioContext.onTimeUpdate(res => {
  43.             console.log('onTimeUpdate', res);
  44.         });
  46.         innerAudioContext.onError(res => {
  47.             swan.showToast({
  48.                 title: 'error',
  49.                 icon: 'none'
  50.             });
  51.             console.log('onError', res);
  52.         });
  54.         innerAudioContext.onWaiting(res => {
  55.             swan.showToast({
  56.                 title: 'waiting',
  57.                 icon: 'none'
  58.             });
  59.             console.log('onWaiting', res);
  60.         });
  62.         this.innerAudioContext = innerAudioContext;
  63.     },
  64.     play() {
  65.         this.innerAudioContext.play();
  66.     },
  67.     pause() {
  68.         this.innerAudioContext.pause();
  69.     },
  70.     stop() {
  71.         this.innerAudioContext.stop();
  72.     },
  73.     seek() {
  74.         this.innerAudioContext.seek(10);
  75.     },
  76.     destroy() {
  77.         this.innerAudioContext.destroy();
  78.     },
  79.     offTimeUpdate() {
  80.         this.innerAudioContext.offTimeUpdate(res => {
  81.             swan.showToast({
  82.                 title: 'offTimeUpdate',
  83.                 icon: 'none'
  84.             });
  85.             console.log('offTimeUpdate', res);
  86.         });
  87.     }
  88. });