uniapp音频播放

 

<template> <view> <!-- 播放按钮 --> <button @tap="playOrPauseAudio">{{playing ? '暂停' : '播放'}}</button> </view> </template> <script> export default { data() { return { audioCtx: null, playing: false // 音频播放状态 }; }, onLoad() { this.audioCtx = uni.createInnerAudioContext(); this.audioCtx.src = '/static/audio/test.mp3'; // 监听音频播放结束事件，将播放状态设置为false this.audioCtx.onEnded(() => { this.playing = false; }); }, methods: { playOrPauseAudio() { if (this.playing) { // 如果正在播放，则暂停 this.audioCtx.pause(); this.playing = false; } else { // 如果未播放，则开始播放 this.audioCtx.play(); this.playing = true; } } } }; </script>