uniapp音频循环播放
时间: 2023-08-29 16:13:16 浏览: 315
uni-app 自定义组件展示html富文本内容,可实现富文本html内容中 图片展示、视频播放、音频播放。
5星 · 资源好评率100%
在uni-app中实现音频循环播放有几种方式:
1. 使用uni-app提供的audio组件,在audio组件中设置loop属性为true即可实现循环播放。
```
<template>
<audio src="path/to/audio.mp3" loop></audio>
</template>
```
2. 使用uni.createInnerAudioContext API创建音频实例,并在onEnded事件中重新播放音频。
```
<template>
<button @tap="play">播放</button>
</template>
<script>
export default {
methods: {
play() {
const audio = uni.createInnerAudioContext()
audio.src = 'path/to/audio.mp3'
audio.loop = true
audio.play()
audio.onEnded(() => {
audio.play()
})
}
}
}
</script>
```
以上两种方式都可以实现音频循环播放,具体选择哪种方式取决于你的需求。
阅读全文