解决Moodo调节心情模块-大声喊出来无法测量出音频分贝

背景

微信小程序:

简称:Moodo

全程:AIMoodo心情日记系统

编程工具:cursor、灵码

在开发过程中,常常会遇到这样或者那样的问题。最近,在我的小程序中实现"大声喊出来"功能时,遇到了一个棘手的问题:音频录制后无法测量分贝。本文将详细记录我在解决这个问题过程中的沟通、尝试和最终的解决方案。

问题描述

在实现音频录制功能时,我们希望用户能够通过大声说话来释放情绪,并实时测量他们的音量分贝。然而,在测试过程中,我们发现无论用户如何大声说话,分贝值始终显示为 0。这显然是一个严重的问题,因为它直接影响了用户体验。

初步沟通

我首先进行了团队内部的沟通(cursor和灵码),讨论了可能导致这一问题的原因。我们认为可能的原因包括:

  1. 录音权限未获得:用户可能未授权录音权限。
  2. 录音管理器未正确初始化:可能在录音管理器的设置上存在问题。
  3. 数据处理逻辑错误:在处理录音数据时,可能存在计算错误。
  4. 设备问题:某些设备的麦克风可能无法正常工作。

尝试的解决方法

1. 检查录音权限

我们首先确认了在调用录音功能之前,是否已经请求并获得了录音权限。通过调用 wx.authorize 方法来请求权限,确保用户能够正常使用录音功能。

经排查,权限正常,不是该问题!

2. 初始化录音管理器

接下来,我们检查了录音管理器的初始化过程。我们确保在调用 wx.getRecorderManager() 时,录音管理器能够正确创建,并且在调用 start() 方法之前,已经正确绑定了 onFrameRecorded 回调函数。

javascript 复制代码
this.recorderManager = wx.getRecorderManager();
this.recorderManager.onFrameRecorded((res) => this.onFrameRecorded(res));

经排查,没发现代码哪里有问题,可能是该问题!! (最后的确是这个地方出了一个配置问题)

3. 数据处理逻辑

在处理录音数据的逻辑中,我们仔细检查了分贝的计算公式。我们确保在计算平均值时,避免了除以零的情况,并在计算分贝值时添加了日志输出,以便调试。

javascript 复制代码
const average = sum / dataArray.length;
if (average === 0) {
    console.log('平均值为零,无法计算分贝');
    return; // 直接返回,避免后续计算
}
const decibel = Math.round(20 * Math.log10(average));

经排查,逻辑没走到这里,不是这里的问题!!!

4. 设备测试

我们还在不同的设备上进行了测试,以确认是否存在设备特定的问题。通过在多款手机上进行录音测试,我们未发现这些设备的麦克风存在问题。

最终解决方案

经过一系列的尝试和调试,我们发现问题的关键在于 onFrameRecorded 方法未被正确调用。我们将回调函数的绑定方式更改为使用箭头函数(非主要原因),以确保 this 的上下文正确。

javascript 复制代码
this.recorderManager.onFrameRecorded((res) => this.onFrameRecorded(res));

主要原因,设置中添加了 frameSize 参数,以回调onFrameRecorded这个函数,之前没有调用的原因原来出在这个问题上。

···

官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/media/recorder/RecorderManager.onFrameRecorded.html

···

javascript 复制代码
this.recorderManager.start({
    duration: 60000,
    sampleRate: 44100,
    numberOfChannels: 1,
    encodeBitRate: 192000,
    format: 'mp3',
    frameSize: 20
});

结论

通过团队的共同努力,我们最终解决了音频分贝测量的问题。这个过程不仅让我们深入理解了音频录制的原理,也增强了团队的协作能力。希望我们的经验能够帮助到其他开发者在遇到类似问题时,能够更快地找到解决方案。

感谢大家的阅读,如果您在开发过程中遇到类似的问题,欢迎在评论区分享您的经验和解决方案!

相关推荐
SuperherRo17 分钟前
自动化反编译微信小程序工具-e0e1-wx
微信小程序·自动化·hook·反编译
why***1 小时前
一键提取人声 、伴奏 免费人声、伴奏 音频分离软件分享——UVR5下载安装教程
音视频·uv
TLeung653671 小时前
非常好用的视频翻译软件,pyVideoTrans(将国外视频翻译为自己所用的软件),附带下载方法。
音视频
FeiCat Henry1 小时前
KGG转MP3工具|非KGM文件|解密音频
科技·算法·音视频·软件工程·视频编解码
寻道码路1 小时前
深度剖析 Video-RAG:厦门大学和罗切斯特大学联合推出的一种用于长视频理解的检索增强生成技术
人工智能·语言模型·开源·aigc·音视频·ai编程
R_yy1 小时前
微信小程序开发——视频播放实现(本地视频或者云端视频均可)
前端·微信小程序·小程序
LOLA44441 小时前
10种方法教你又小又清晰地压缩视频
音视频
linkcoco1 小时前
记录h5使用navigator.mediaDevices.getUserMedia录制音视频
前端·javascript·vue·音视频·js
Antonio9152 小时前
【音视频】音视频录制、播放原理
音视频
!win !3 小时前
Trae和Cursor小斗法
cursor·trae·ai ide