uni-app 音频播放插件

在uni-app中实现音频播放功能，你可以利用uni-app官方提供的uni.createInnerAudioContext() API。这个API可以创建一个内部音频上下文对象，用于控制音频的播放、暂停、停止等操作。以下是一个简单的音频播放插件实现示例，包括播放、暂停、停止和获取播放状态的功能。

首先，你需要在你的uni-app项目中创建一个新的页面或组件，比如AudioPlayer.vue，然后在该页面或组件中实现音频播放功能。

<template>
  <view>
    <button @click="playAudio">播放</button>
    <button @click="pauseAudio">暂停</button>
    <button @click="stopAudio">停止</button>
    <text>{{ audioStatus }}</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      innerAudioContext: null,
      audioStatus: '未播放'
    };
  },
  onLoad() {
    // 创建一个内部音频上下文实例
    this.innerAudioContext = uni.createInnerAudioContext();
    
    // 监听音频的自然播放结束事件
    this.innerAudioContext.onEnded(() => {
      this.audioStatus = '播放结束';
    });
    
    // 监听音频播放时间更新事件
    this.innerAudioContext.onTimeUpdate(() => {
      this.audioStatus = `播放中 ${Math.floor(this.innerAudioContext.currentTime)}s`;
    });
  },
  methods: {
    playAudio() {
      this.innerAudioContext.src = 'https://www.example.com/audio.mp3'; // 替换为你的音频URL
      this.innerAudioContext.play();
      this.audioStatus = '播放中';
    },
    pauseAudio() {
      this.innerAudioContext.pause();
      this.audioStatus = '已暂停';
    },
    stopAudio() {
      this.innerAudioContext.stop();
      this.audioStatus = '已停止';
    }
  }
};
</script>

<style>
/* 添加一些简单的样式 */
button {
  margin: 10px;
}
text {
  display: block;
  margin-top: 20px;
}
</style>

在这个示例中，我们创建了一个内部音频上下文innerAudioContext，并定义了三个方法playAudio、pauseAudio和stopAudio来分别控制音频的播放、暂停和停止。同时，我们还监听了音频的自然播放结束事件和时间更新事件，以更新播放状态。

请注意，你需要将音频文件的URL替换为你自己的音频文件URL。此外，由于uni-app支持多端运行，你需要确保音频文件URL在各端都是可访问的。

这个示例展示了如何在uni-app中实现一个基本的音频播放插件。你可以根据需要进一步扩展功能，比如添加音量控制、进度条等。