当前位置:首页 > 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指南

uniapp指南

开发环境搭建 下载HBuilderX作为官方推荐的开发工具,支持Windows和Mac系统。安装后创建uni-app项目,选择模板(如默认模板、Hello Uni-app等)。确保Node.js版本在…

引擎uniapp

引擎uniapp

uniapp 引擎概述 uniapp 是一个基于 Vue.js 的跨平台开发框架,允许开发者使用单一代码库构建多端应用(如 iOS、Android、Web、小程序等)。其核心引擎通过条件编译和运行时适…

uniapp 跟随键盘

uniapp 跟随键盘

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

uniapp学习书籍

uniapp学习书籍

推荐书籍 《uni-app跨平台开发与应用从入门到实践》:该书详细介绍了uni-app的基础知识和开发技巧,适合初学者和进阶开发者。内容涵盖uni-app的组件、API、路由、状态管理等核心概念,并通…

怎么运行uniapp

怎么运行uniapp

运行 UniApp 的步骤 安装开发环境 确保已安装 Node.js(建议 LTS 版本),通过命令行验证安装: node -v npm -v 全局安装 Vue CLI 工具: npm inst…

uniapp怎么授权

uniapp怎么授权

uniapp 授权流程 uniapp 的授权流程通常涉及获取用户权限(如地理位置、摄像头、麦克风等)或第三方平台授权(如微信、支付宝登录)。以下是常见授权场景的实现方法: 获取用户设备权限(如相机、…