uniapp 播放音频
时间: 2023-09-16 14:08:18 浏览: 159
在 UniApp 中播放音频可以使用 uni.createInnerAudioContext 方法创建一个内部音频对象,然后使用该对象的相关方法进行控制。
首先,在你的页面中引入 `uni` 对象:
```javascript
import uni from 'uni-app';
```
然后,在需要播放音频的地方,创建一个内部音频对象:
```javascript
const innerAudioContext = uni.createInnerAudioContext();
```
接下来,设置音频源和其他属性:
```javascript
innerAudioContext.src = 'path/to/audio.mp3'; // 音频文件的路径
innerAudioContext.autoplay = false; // 是否自动播放
innerAudioContext.loop = false; // 是否循环播放
```
然后,你可以使用 innerAudioContext 的方法来播放、暂停、停止音频等操作:
```javascript
innerAudioContext.play(); // 播放音频
innerAudioContext.pause(); // 暂停音频
innerAudioContext.stop(); // 停止音频
```
还可以监听音频播放状态的事件,比如播放完成事件、播放进度更新事件等:
```javascript
innerAudioContext.onEnded(() => {
// 音频播放完成时触发的回调函数
console.log('音频播放完成');
});
innerAudioContext.onTimeUpdate(() => {
// 音频播放进度更新时触发的回调函数
console.log('当前播放时间:', innerAudioContext.currentTime);
});
```
这样就可以在 UniApp 中实现音频的播放了。记得在页面销毁时,调用 `innerAudioContext.destroy()` 方法销毁内部音频对象,释放资源。
阅读全文