讲师中心 微信公众号
AI工具推荐 视频效率加速

uni-app如何实现App端录音功能 uni-app录音管理与文件保存

轻墨同学_6639

轻墨同学_6639

发布时间:2026-05-09 08:24:36

|

614人浏览过

|

来源于php中文网

原创

可用,但需 manifest 配置权限 + 运行时申请双到位;iOS 需 NSMicrophoneUsageDescription 非空,Android 需声明 RECORD_AUDIO,HarmonyOS 需 ohos.permission.MICROPHONE;临时路径文件须 saveFile 保存至持久目录。

uni-app如何实现app端录音功能 uni-app录音管理与文件保存

uni.getRecorderManager() 在 App 端是否可用?

可用,但有严格前提:仅限 App 平台(Android/iOS/HarmonyOS),h5 和 小程序 不能直接用它调用原生麦克风——h5 需走 navigator.mediaDevices.getUserMedia + MediaRecorder,小程序则受限于平台策略(如微信禁止后台录音)。App 端的 uni.getRecorderManager() 是 DCloud 封装的原生桥接 API,底层映射到 Android 的 MediaRecorder、iOS 的 AVAudioRecorder、HarmonyOS 的 AVRecorder。

权限申请失败或没弹窗,常见原因和补救步骤

App 端权限不通过 JS 单独触发,必须「manifest 配置 + 运行时申请」双到位:

  • module.json5 中必须声明 android.permission.RECORD_AUDIO(Android)或 ohos.permission.MICROPHONE(HarmonyOS),否则 start() 直接静默失败
  • iOS 需在 manifest.json 的 plus → distributors → ios → permissions 下添加 microphone,且 NSMicrophoneUsageDescription 字符串不能为空(否则冷启动闪退)
  • 运行时要用 uni.authorize({scope: 'scope.record'}) 或更稳妥的 uni.getSystemInfoSync().platform === 'android' ? permision.requestAndroidPermission('android.permission.RECORD_AUDIO') : uni.authorize(...)(需引入插件市场「App权限判断和提示」)
  • 若用户拒绝过一次,uni.authorize 不再弹窗,此时应调用 permision.gotoAppPermissionSetting() 跳转系统设置页

录音文件路径怎么处理才不会丢?

默认 onStop 返回的 res.tempFilePath 是临时路径,App 重启或系统清理缓存后大概率失效。必须主动保存到持久目录:

uni-app
uni-app

uni-app 是基于 Vue 的跨端开发框架,适合开发 H5、App、小程序、鸿蒙和多端业务应用。

下载
  • 优先用 uni.saveFile({tempFilePath: res.tempFilePath, success}),它会把文件移到 uni.env.USER_DATA_PATH 下,路径稳定、可被分享、不会被自动清理
  • 不要用 fs.copyFile 直接操作临时路径——部分 Android 厂商限制访问沙箱外路径,且 tempFilePath 可能是 content:// URI 格式,copyFile 不识别
  • 保存后建议立即调用 uni.getFileInfo 校验文件大小,避免空文件(常见于权限未真正生效就调用 start)
  • HarmonyOS NEXT 推荐用 format: 'aac' + sampleRate: 32000,MP3 在部分机型上可能触发编码异常导致文件损坏

长按录音如何防误触、保时长、适配中断?

长按不是简单绑定 @touchstart,得配合状态机和系统事件兜底:

  • 触摸开始时启动计时器(setTimeout),松开(@touchend)或移出(@touchcancel)时清除;超时未松开则自动 stop
  • 必须监听 recorderManager.onInterruptionBegin(App 进入后台、来电、闹钟等场景),内部立刻 stop(),否则录音持续占用资源且后续 start 失败
  • Android 上长按容易触发系统「语音助手」冲突,可在 start 前加短延时(await new Promise(r => setTimeout(r, 100))),错开系统监听窗口
  • 录音时长限制别只靠 duration 参数——某些低端机该参数失效,应用层需自己维护 setInterval 计时,并在达到阈值前 500ms 主动 stop

最易忽略的是:HarmonyOS 和部分 Android 14+ 设备,tempFilePath 返回的路径不含文件扩展名(比如只有 /data/user/0/xxx/cache/123),上传前必须手动拼上 .aac 或根据 format 补全,否则服务端解析失败。

热门AI工具

更多
WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

相关专题

更多
python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2463

2023.08.11

前端如何实现即时通讯
前端如何实现即时通讯

实现即时通讯的方法有WebSocket、Long Polling、Server-Sent Events、WebRTC等等。详细介绍:1、WebSocket,它可以在客户端和服务器之间建立持久连接,实现实时的双向通信,前端可以使用 WebSocket API来创建WebSocket连接,并通过发送和接收消息来实现即时通讯;2、Long Polling,是一种模拟实时通信的技术等等。

5283

2023.10.09

前端和后端的区别
前端和后端的区别

前端关注的是用户界面的设计和交互,而后端则注重数据处理和逻辑控制。想了解更多前端后端的相关内容,可以阅读本专题下面的文章。

6350

2024.03.19

php和前端的关联介绍
php和前端的关联介绍

php既可以作为前端语言,也可以作为后端语言。想了解更多php和前端的相关内容,可以阅读本专题下面的文章。

5918

2024.03.22

前端外包工作内容有哪些
前端外包工作内容有哪些

前端外包工作内容包括:1. 网站和应用程序开发;2. 用户界面和交互设计;3. 用户体验优化;4. 设计和视觉开发;5. 跨浏览器兼容性;6. 性能优化;7. 维护和更新;8. 项目管理和沟通。想了解更多前端的相关内容,可以阅读本专题下面的文章。

843

2024.05.22

剧云AI短剧创作教程合集
剧云AI短剧创作教程合集

本专题聚焦剧云AI短剧创作,讲解从短剧灵感、梗概、全局大纲到分集、分场和正文的完整流程及节奏设计方法。

0

2026.10.14

剧云AI剧本创作零基础入门
剧云AI剧本创作零基础入门

本专题系统讲解剧云AI剧本创作流程,涵盖灵感、梗概、大纲、分场与正文生成,帮助新手快速完成首个中文剧本项目。

0

2026.10.14

VibeKnow文档转视频操作指南
VibeKnow文档转视频操作指南

本专题讲解VibeKnow上传Word、TXT、Markdown等材料生成视频的方法,覆盖内容解析、脚本组织、画面生成与成片检查。

0

2026.10.14

VibeKnow知识视频制作与导出详解
VibeKnow知识视频制作与导出详解

本专题整理VibeKnow从注册、素材上传、AI生成到预览导出的完整操作,帮助新手快速制作第一条知识讲解视频。

0

2026.10.14

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
uni-app从入门到实战教程
uni-app从入门到实战教程

共0课时 | 0人学习

uni-app x harmony开发指南
uni-app x harmony开发指南

共0课时 | 0人学习

uni-app鸿蒙运行和发行
uni-app鸿蒙运行和发行

共0课时 | 0人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn