uniapp中可以使用uni-audio-player插件实现音频播放。
安装:在uniapp项目中使用npm安装uni-audio-player。
```
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插件提供了多种事件,可以实现播放/停止、进度条、音量调节等功能。同时还提供了多种自定义样式的属性,方便开发者进行样式定制。