推荐答案
在 uni-app 中播放音频可以使用 uni.createInnerAudioContext()
方法创建一个音频上下文对象,然后通过该对象来控制音频的播放、暂停、停止等操作。以下是一个简单的示例代码:
-- -------------------- ---- ------- -- --------- ----- ----------------- - ------------------------------ -- ----- --------------------- - -------------------------------- -- ---- ------------------------- -- ---- -------------------------- -- ---- ------------------------- -- ---------- ---------------------------- -- - ---------------------- --- -- ---------- ------------------------------- -- - ----------------------- ----- ---
本题详细解读
1. 创建音频上下文对象
在 uni-app 中,uni.createInnerAudioContext()
方法用于创建一个音频上下文对象。这个对象可以用来控制音频的播放、暂停、停止等操作。
const innerAudioContext = uni.createInnerAudioContext();
2. 设置音频源
通过 innerAudioContext.src
属性设置音频文件的路径。路径可以是本地路径,也可以是网络路径。
innerAudioContext.src = 'https://example.com/audio.mp3';
3. 播放音频
调用 innerAudioContext.play()
方法开始播放音频。
innerAudioContext.play();
4. 暂停音频
调用 innerAudioContext.pause()
方法可以暂停音频的播放。
innerAudioContext.pause();
5. 停止音频
调用 innerAudioContext.stop()
方法可以停止音频的播放,并将播放进度重置到开始位置。
innerAudioContext.stop();
6. 监听音频播放结束事件
通过 innerAudioContext.onEnded()
方法可以监听音频播放结束的事件。
innerAudioContext.onEnded(() => { console.log('音频播放结束'); });
7. 监听音频播放错误事件
通过 innerAudioContext.onError()
方法可以监听音频播放过程中发生的错误。
innerAudioContext.onError((err) => { console.error('音频播放错误', err); });
通过以上步骤,你可以在 uni-app 中实现音频的播放、暂停、停止等操作,并监听相关事件来处理播放过程中的各种情况。