当前位置:首页 > uni-app

uniapp音频使用

2026-03-05 06:48:33uni-app

uniapp音频使用指南

音频播放

在uniapp中可以通过uni.createInnerAudioContext()创建音频实例,实现播放控制。初始化后设置音频源,调用play()方法开始播放。支持本地和网络音频文件。

const innerAudioContext = uni.createInnerAudioContext();
innerAudioContext.src = 'https://example.com/audio.mp3';
innerAudioContext.play();

音频控制

创建实例后可调用暂停、停止、跳转等方法。通过监听onTimeUpdate事件获取播放进度,使用seek()实现进度跳转。

innerAudioContext.pause(); //暂停
innerAudioContext.stop(); //停止
innerAudioContext.seek(30); //跳转到30秒

事件监听

音频组件提供多种事件监听,包括播放状态变化、错误处理等。建议至少监听onError事件以便处理异常情况。

innerAudioContext.onPlay(() => { console.log('开始播放') });
innerAudioContext.onError((res) => { console.log(res.errMsg) });

音频录制

使用uni.getRecorderManager()获取录音管理器,通过start()stop()方法控制录音流程。录音完成后可在onStop回调中获取临时文件路径。

uniapp音频使用

const recorderManager = uni.getRecorderManager();
recorderManager.start({ format: 'mp3' });
recorderManager.onStop((res) => { console.log(res.tempFilePath) });

注意事项

  • iOS系统限制自动播放,需在用户交互事件中触发
  • 网络音频需配置合法域名
  • 使用完毕后调用destroy()释放资源
  • 录音功能需要用户授权麦克风权限

标签: 音频uniapp
分享给朋友:

相关文章

uniapp分享到facebook

uniapp分享到facebook

使用uniapp分享到Facebook的方法 在uniapp中实现分享到Facebook功能,可以通过调用原生插件或使用第三方SDK。以下是具体实现方式: 安装Facebook SDK插件 在uni…

uniapp如何赋值

uniapp如何赋值

uniapp 赋值方法 在 uniapp 中,赋值操作可以通过多种方式实现,具体取决于数据类型和场景。 数据绑定赋值 在模板中使用 {{}} 进行数据绑定,通过修改 data 中的值实现动态更新。…

uniapp 线程

uniapp 线程

uniapp 线程的概念 在 uniapp 中,线程的概念与原生应用开发有所不同。由于 uniapp 是基于 JavaScript 的运行环境,它并不直接支持多线程操作。JavaScript 本身是单…

uniapp 成功案例

uniapp 成功案例

成功案例概览 UniApp 凭借跨平台开发能力,已被多个行业采用,涵盖电商、社交、教育、政务等领域。以下为部分典型案例: 京东拼购 京东拼购(现为“京喜”)采用 UniApp 开发,实现微信小程序、…

uniapp 跟随键盘

uniapp 跟随键盘

uniapp 键盘弹出时调整布局的方法 在 uniapp 中实现页面内容跟随键盘弹出调整布局,可通过以下方式实现: 监听键盘高度变化 使用 uni.onKeyboardHeightChange 监听…

uniapp移植app

uniapp移植app

理解UniApp移植的基本概念 UniApp是一个基于Vue.js的跨平台开发框架,支持一次开发多端部署(包括iOS、Android、Web等)。移植现有App到UniApp通常指将原生或其他框架开发…