uniapp实现录音功能报错怎么办-uni-app-PHP中文网

uniapp实现录音功能报错怎么办

PHPz

发布： 2023-04-20 15:05:37

原创

1802人浏览过

随着移动互联网技术的发展，移动端应用程序的开发已经成为了一种必要的技能。而基于uniapp框架的跨平台开发，优化了开发者的工作效率。但是在实现uniapp中录音功能时，我们可能会遇到一些报错，下面来看看这些问题及其解决方法。

问题一：wx api 没有声明或不在当前模块中

首先我们需要明确一点：uniapp是在vue框架的基础上进行构建，因此它的API部分是和vue API类似的。如果遇到这个问题，原因是因为我们引入了wx api之后没有进行声明。

解决方法：
我们需要在vue中引入wx api，在代码中声明之后才能使用。示例代码如下：

import wx from 'uni-app/weixin.js';
export default{
   data(){
      return {
          recoderManager:null   // 声明参数
      }
   },
   //在mounted部分进行wx api的声明
   mounted(){
      this.recoderManager = wx.getRecorderManager()
   }
}

登录后复制

问题二：recorder.start is not a function

这个问题很明显，就是我们调用recoder.start()时报错了。原因是我们没有正确实例化recorderManager。

解决方法：
我们需要在mounted部分进行wx api的实例化处理。参考下面的代码：

import wx from 'uni-app/weixin.js';
export default{
   data(){
      return {
          recoderManager:null   // 声明参数
      }
   },
   //在mounted部分进行wx api的实例化
   mounted(){
      this.recoderManager = wx.getRecorderManager()
   },
   methods:{
      //在该方法中可以调用 start()方法
      recoding(){
           this.recoderManager.start({   //注意参数
                 duration:60000,
                 format:'mp3'
           });
           //当录音结束后触发该函数
           this.recoderManager.onStop((res)=>{
               var voice = res.tempFilePath   //得到当前录音的文件路径
           })
      },
   }
}

登录后复制