uniapp音频播放插件

admin

uniapp中可以使用uni-audio-player插件实现音频播放。

安装:在uniapp项目中使用npm安装uni-audio-player。

```

uniapp音频播放插件

npm install uni-audio-player --save

```

使用:在需要使用音频播放器的页面中,引入uni-audio-player组件。

```

<template>

  <view>

    <uni-audio-player :src="src" @error="onError" @canplay="onCanplay" @pause="onPause" @play="onPlay"></uni-audio-player>

  </view>

</template>

<script>

import uniAudioPlayer from 'uni-audio-player';

export default {

  components: {

    uniAudioPlayer

  },

  data() {

    return {

      src: 'http://music.163.com/song/media/outer/url?id=366469.mp3'

    }

  },

  methods: {

    onError(event) {

      console.log(event.detail.errMsg);

    },

    onCanplay(event) {

      console.log(event.detail.duration);

    },

    onPause() {

      console.log('pause');

    },

    onPlay() {

      console.log('play');

    }

  }

}

</script>

```

uni-audio-player插件提供了多种事件,可以实现播放/停止、进度条、音量调节等功能。同时还提供了多种自定义样式的属性,方便开发者进行样式定制。