文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

uniapp如何调用百度语音实现录音转文字功能

2023-06-22 04:29

关注

这篇文章给大家分享的是有关uniapp如何调用百度语音实现录音转文字功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

经历三天时间各种遇到困难 之后终于实现了这个功能,参照网上了许多文章 才找到一个能正常实现的方法,网上能找到的例子都不起作用,相信很多人困惑在这,为了避免别人出现这种情况,我分享我的代码,绝对可用,包括 uniapp前端使用了recorderManager和java端调用百度语音转文字,我相信很多人都很需要我写的东西,我只试验了安卓手机,html5 + 里面

plus.speech这个方式就不要用了,不好用,调用百度的语音识别时在百度的管理控制台会看到dev_id这个参数没传的错误也没找到添加这个参数的地方,所以在hbuildx里面当前项目的app模块配置这个地方不需要选

非常重要的一个步骤 manifest.json里面添加android.permission.RECORD_AUDIO这个权限,无论是想真机调试,由其是使用了自定义基座一定要在线打个包,让基座包含这个权限然后在手机系统 里面应用管理当前这个app的权限管理里面必须要看到有录音权限这一项

为了能够在使用recorderManager在进入要使用录音功能的页面会询问是否允许录音这样的权限,必须要使用recorderManager之前要调用一次硬件权限申请。这个在插件市场里面有一个https://ext.dcloud.net.cn/plugin?id=594 这个地址 App权限判断和提示这样的js,用于判断或申请某个硬件权限使用的是native.js的功能。这个插件引入项目之后会在当前项目目录的js_sdk这样一个文件夹。在里面会出现wa-permission文件 夹下面会有一个permission.js,

相关代码

uniapp端代码 

  <view class="popup-content" >                      <view>{{msg}}</view>                      <view>你在说{{voicetext}}</view>                      <button class="uni-btn"  type="warn" @touchstart="startvoice" @touchend="endvoice">按说语话松开停止</button>                      <button class="uni-btn"  type="warn" @tap="playvoice" >播放录音</button>      </view>  <script>  import permision from "@/js_sdk/wa-permission/permission.js"      const recorderManager = uni.getRecorderManager();      const innerAudioContext = uni.createInnerAudioContext();  export default {       data() {      return {              voicetext:"",          msg:"",          voicepath:""         }     },    onLoad() {        this.initaudio()      },  methods: {     async initaudio(){                             //注意此处必须为 await 因为会触发异步事件,手机上会弹出权限申请对话框处理完才能走下一步录音                   let recordauth =  await permision.requestAndroidPermission("android.permission.RECORD_AUDIO")                   console.log("判断有没有录音权限>>>>>>"+recordauth)                    if(recordauth==1){                                 recorderManager.onStart((res)=>{                                          console.log("开始 录音>>>>>>>>>...")                                      });                                 recorderManager.onStop((res)=>{                                      console.log("recorderstop....res.tempFilePath>>>"+res.tempFilePath)                                      this.voicepath = res.tempFilePath                                      this.uploadvoicefile()                                      // 使用uni.uploadFile上传到服务器上,此时是mp3格式                                  });                                   recorderManager.onError( (res)=> {                                    console.log('onError'+JSON.stringify(res));                                  });                    }               }, //initaudio 方法结束            startvoice(){                  console.log("开始录音")                  recorderManager.start({                      format:"mp3",                      sampleRate: 16000 // 必须设置是后台设置的参数,不然百度语音识别不了                  });           },          endvoice(){                 console.log("结束录音")                //注意为了避免说话时间太短导致这个api出现bug要加一些延时               setTimeout(()=>{                  recorderManager.stop()               },1000)               },              playvoice(){                  console.log("点击playvoice")                  if (this.voicepath) {                      console.log("播放声音")                      innerAudioContext.src = this.voicepath;                      innerAudioContext.play();                  }              },              uploadvoicefile(){                  // this.msg = "调用java端服务文件路径"+this.voicepath                   uni.uploadFile({                  url: 'http://ip:端口/uploadFile(java端接收文件接口名)',                   filePath: this.voicepath,//录音结束后返回的临时路径,                  name: 'file',                  formData: {                     dev_id:1537 //中文带标点                   },                  success: (uploadFileRes) => {                      let word = uploadFileRes.data                      console.log("上传音频成功"+word);                  },                  fail: (res) => {                       console.log("上传音频失败"+JSON.stringify(res));                  }                  });              }      }  }  </script> ```    //注意uploadFile 的url属性 这个地方ip不能是localhost或127,如果自已电脑启动java服务必须 是本机的真实ip如192.xxx这种,或者域名什么的,并且java端接口一定要支持跨域,很多人卡到这个ip上,我也是网上很难找到解决问题的贴子  注意filePath这个路径就是recorderManager的onStop事件就得到的_doc这种开头的路径,不需要加什么file:不是像网上某些人说的加这种东西

Java端

pom里面需要引用两个包  

<dependency>              <groupId>com.baidu.aip</groupId>              <artifactId>java-sdk</artifactId>              <version>4.16.3</version>          </dependency>           <dependency>              <groupId>com.googlecode.soundlibs</groupId>              <artifactId>mp3spi</artifactId>              <version>1.9.5.4</version>          </dependency>    ``` import com.baidu.aip.speech.AipSpeech;  import javazoom.spi.mpeg.sampled.file.MpegAudioFileReader;  import org.apache.commons.io.IOUtils;  import org.json.JSONArray;  import org.json.JSONObject;   import org.springframework.web.bind.annotation.*;  import org.springframework.web.multipart.MultipartFile;   import javax.sound.sampled.AudioFormat;  import javax.sound.sampled.AudioInputStream;  import javax.sound.sampled.AudioSystem;  import java.io.IOException;  import java.io.InputStream;  import java.util.HashMap;   @RestController  @CrossOrigin(origins = "*")  public class BaiduSpeech {      //设置APPID/AK/SK      public static final String APP_ID = ""; //去百度语音服务申请      public static final String API_KEY = "";//去百度语音服务申请      public static final String SECRET_KEY = "";//去百度语音服务申请       @RequestMapping(value = "/uploadFile")      public String uploadFile( @RequestParam("dev_id") int dev_id, @RequestParam("file") MultipartFile file) throws Exception {          byte[] pcmbytedata = mp3Convert2pcm(file.getInputStream());          HashMap<String,Object> options = new HashMap<String,Object>();          options.put("dev_pid",dev_id);//          JSONObject jsonfrombaidu =  basicBydata(pcmbytedata,"pcm",options);          JSONArray jsonArray =  jsonfrombaidu.getJSONArray("result");          String result =  jsonArray.getString(0);          System.out.println(result); //解析完的结果           return result;      }      // 获取AipSpeech对象,建议单例使用      public static AipSpeech getClient() {          AipSpeech client = new AipSpeech(APP_ID, API_KEY, SECRET_KEY);          // 可选:设置网络连接参数          client.setConnectionTimeoutInMillis(2000);          client.setSocketTimeoutInMillis(60000);          return client;      }       // 语音识别(来自文件)      public static JSONObject basicBydata(byte[] voicedata, String fileType,HashMap<String,Object> options) {          AipSpeech client = getClient();           return client.asr(voicedata, fileType, 16000, options);      }            public static byte[] mp3Convert2pcm(InputStream inputStream) throws Exception {          //转换PCM audioInputStream 数据          AudioInputStream audioInputStream = getPcmAudioInputStream(inputStream);          byte[] pcmBytes = IOUtils.toByteArray(audioInputStream);          return pcmBytes;      }             private static AudioInputStream getPcmAudioInputStream(InputStream inputStream) {          AudioInputStream audioInputStream = null;          AudioFormat targetFormat = null;          try {              AudioInputStream in = null;              MpegAudioFileReader mp = new MpegAudioFileReader();              in = mp.getAudioInputStream(inputStream);              AudioFormat baseFormat = in.getFormat();              targetFormat = new AudioFormat(AudioFormat.Encoding.PCM_SIGNED, baseFormat.getSampleRate(), 16,                      baseFormat.getChannels(), baseFormat.getChannels() * 2, baseFormat.getSampleRate(), false);              audioInputStream = AudioSystem.getAudioInputStream(targetFormat, in);          } catch (Exception e) {              e.printStackTrace();          }          return audioInputStream;      }   } ```

感谢各位的阅读!关于“uniapp如何调用百度语音实现录音转文字功能”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯