当前位置:首页 > uni-app

uniapp音频使用

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

uniapp音频使用指南

音频播放

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

uniapp音频使用

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

音频控制

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

uniapp音频使用

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回调中获取临时文件路径。

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

注意事项

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

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

相关文章

uniapp请求超时处理

uniapp请求超时处理

uniapp请求超时处理方法 在uniapp中处理请求超时可以通过多种方式实现,以下是几种常见的处理策略: 设置全局请求超时时间 在main.js中配置全局请求超时时间,适用于所有请求:…

uniapp 美颜

uniapp 美颜

uniapp 美颜实现方法 在uniapp中实现美颜功能可以通过多种方式完成,以下是一些常见的方法: 使用原生插件 uniapp支持调用原生插件实现美颜效果,适用于对性能要求较高的场景。需要开发原生…

uniapp 线程

uniapp 线程

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

uniapp 3.0

uniapp 3.0

uniapp 3.0 核心特性 uniapp 3.0 是 DCloud 推出的跨端开发框架升级版本,支持一套代码编译到 iOS、Android、Web 及各类小程序平台。以下为关键特性与使用要点:…

混合uniapp

混合uniapp

混合 UniApp 开发模式 混合 UniApp 开发通常指将 UniApp 与其他原生技术(如原生 iOS/Android 或 Flutter)结合使用,以兼顾跨平台效率和原生性能。以下是常见的混合…

甜uniapp

甜uniapp

甜uniapp的定义 甜uniapp并非官方术语,可能是对uniapp开发中“高效、便捷、愉悦”体验的形容,或特定场景下的优化方案。通常指通过技巧、插件或架构设计提升uniapp开发效率和用户体验。…