耀极客论坛

 找回密码
 立即注册
查看: 652|回复: 0

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

[复制链接]

193

主题

176

帖子

276

积分

中级会员

Rank: 3Rank: 3

积分
276
发表于 2022-5-9 01:22:47 | 显示全部楼层 |阅读模式
  这篇文章主要介绍了uniapp通过调用百度语音,实现录音转文字的功能。文中的示例代码对我们学习或工作有一定的帮助,感兴趣的小伙伴可以跟随小编学习一下
  经历三天时间各种遇到困难 之后终于实现了这个功能,参照网上了许多文章 才找到一个能正常实现的方法,网上能找到的例子都不起作用,相信很多人困惑在这,为了避免别人出现这种情况,我分享我的代码,绝对可用,包括 uniapp前端使用了recorderManager和java端调用百度语音转文字,我相信很多人都很需要我写的东西,我只试验了安卓手机,html5 + 里面
  plus.speech这个方式就不要用了,不好用,调用百度的语音识别时在百度的管理控制台会看到dev_id这个参数没传的错误也没找到添加这个参数的地方,所以在hbuildx里面当前项目的app模块配置这个地方不需要选
  1.非常重要的一个步骤 manifest.json里面添加android.permission.RECORD_AUDIO这个权限,无论是想真机调试,由其是使用了自定义基座一定要在线打个包,让基座包含这个权限然后在手机系统 里面应用管理当前这个app的权限管理里面必须要看到有录音权限这一项
  2.为了能够在使用recorderManager在进入要使用录音功能的页面会询问是否允许录音这样的权限,必须要使用recorderManager之前要调用一次硬件权限申请。这个在插件市场里面有一个https://ext.dcloud.net.cn/plugin?id=594 这个地址 App权限判断和提示这样的js,用于判断或申请某个硬件权限使用的是native.js的功能。这个插件引入项目之后会在当前项目目录的js_sdk这样一个文件夹。在里面会出现wa-permission文件 夹下面会有一个permission.js,
  3.相关代码
  uniapp端代码 
  1.   ‹view class="popup-content" >  
  2.                     ‹view>{{msg}}‹/view>  
  3.                     ‹view>你在说{{voicetext}}‹/view>  
  4.                     ‹button class="uni-btn"  type="warn" @touchstart="startvoice" @touchend="endvoice">按说语话松开停止‹/button>  
  5.                     ‹button class="uni-btn"  type="warn" @tap="playvoice" >播放录音‹/button>  
  6.     ‹/view>  
  7. ‹script>  
  8. import permision from "@/js_sdk/wa-permission/permission.js"  
  9.     const recorderManager = uni.getRecorderManager();  
  10.     const innerAudioContext = uni.createInnerAudioContext();  
  11. export default {  
  12.      data() {  
  13.     return {  
  14.             voicetext:"",  
  15.         msg:"",  
  16.         voicepath:""  
  17.        }  
  18.    },  
  19.   onLoad() {  
  20.       this.initaudio()  
  21.    },  
  22. methods: {  
  23.    async initaudio(){  
  24.                            //注意此处必须为 await 因为会触发异步事件,手机上会弹出权限申请对话框处理完才能走下一步录音  
  25.                  let recordauth =  await permision.requestAndroidPermission("android.permission.RECORD_AUDIO")  
  26.                  console.log("判断有没有录音权限>>>>>>"+recordauth)  
  27.                   if(recordauth==1){  
  28.                                recorderManager.onStart((res)=>{  
  29.                                         console.log("开始 录音>>>>>>>>>...")  
  30.                                     });  
  31.                                recorderManager.onStop((res)=>{  
  32.                                     console.log("recorderstop....res.tempFilePath>>>"+res.tempFilePath)  
  33.                                     this.voicepath = res.tempFilePath  
  34.                                     this.uploadvoicefile()  
  35.                                     // 使用uni.uploadFile上传到服务器上,此时是mp3格式  
  36.                                 });  
  37.                                 recorderManager.onError( (res)=> {  
  38.                                  console.log('onError'+JSON.stringify(res));  
  39.                                 });  
  40.                   }   
  41.             }, //initaudio 方法结束  
  42.           startvoice(){  
  43.                 console.log("开始录音")  
  44.                 recorderManager.start({  
  45.                     format:"mp3",  
  46.                     sampleRate: 16000 // 必须设置是后台设置的参数,不然百度语音识别不了  
  47.                 });  
  48.          },  
  49.         endvoice(){  
  50.               console.log("结束录音")  
  51.               //注意为了避免说话时间太短导致这个api出现bug要加一些延时  
  52.              setTimeout(()=>{  
  53.                 recorderManager.stop()  
  54.              },1000)  
  55.             },  
  56.             playvoice(){  
  57.                 console.log("点击playvoice")  
  58.                 if (this.voicepath) {  
  59.                     console.log("播放声音")  
  60.                     innerAudioContext.src = this.voicepath;  
  61.                     innerAudioContext.play();  
  62.                 }  
  63.             },  
  64.             uploadvoicefile(){  
  65.                 // this.msg = "调用java端服务文件路径"+this.voicepath  
  66.                  uni.uploadFile({  
  67.                 url: 'http://ip:端口/uploadFile(java端接收文件接口名)',   
  68.                 filePath: this.voicepath,//录音结束后返回的临时路径,  
  69.                 name: 'file',  
  70.                 formData: {  
  71.                    dev_id:1537 //中文带标点  
  72.                  },  
  73.                 success: (uploadFileRes) => {  
  74.                     let word = uploadFileRes.data  
  75.                     console.log("上传音频成功"+word);  
  76.                 },  
  77.                 fail: (res) => {  
  78.                     console.log("上传音频失败"+JSON.stringify(res));  
  79.                 }  
  80.                 });  
  81.             }  
  82.     }  
  83. }  
  84. ‹/script> ```   
  85. //注意uploadFile 的url属性 这个地方ip不能是localhost或127,如果自已电脑启动java服务必须 是本机的真实ip如192.xxx这种,或者域名什么的,并且java端接口一定要支持跨域,很多人卡到这个ip上,我也是网上很难找到解决问题的贴子  
  86. 注意filePath这个路径就是recorderManager的onStop事件就得到的_doc这种开头的路径,不需要加什么file:不是像网上某些人说的加这种东西
复制代码
  Java端
  pom里面需要引用两个包  
  1.             ‹dependency>  
  2.             ‹groupId>com.baidu.aip‹/groupId>  
  3.             ‹artifactId>java-sdk‹/artifactId>  
  4.             ‹version>4.16.3‹/version>  
  5.         ‹/dependency>  
  6.         ‹dependency>  
  7.             ‹groupId>com.googlecode.soundlibs‹/groupId>  
  8.             ‹artifactId>mp3spi‹/artifactId>  
  9.             ‹version>1.9.5.4‹/version>  
  10.         ‹/dependency>  
  11. ``` import com.baidu.aip.speech.AipSpeech;  
  12. import javazoom.spi.mpeg.sampled.file.MpegAudioFileReader;  
  13. import org.apache.commons.io.IOUtils;  
  14. import org.json.JSONArray;  
  15. import org.json.JSONObject;  
  16. import org.springframework.web.bind.annotation.*;  
  17. import org.springframework.web.multipart.MultipartFile;  
  18. import javax.sound.sampled.AudioFormat;  
  19. import javax.sound.sampled.AudioInputStream;  
  20. import javax.sound.sampled.AudioSystem;  
  21. import java.io.IOException;  
  22. import java.io.InputStream;  
  23. import java.util.HashMap;  
  24. @RestController  
  25. @CrossOrigin(origins = "*")  
  26. public class BaiduSpeech {  
  27.     //设置APPID/AK/SK  
  28.     public static final String APP_ID = ""; //去百度语音服务申请  
  29.     public static final String API_KEY = "";//去百度语音服务申请  
  30.     public static final String SECRET_KEY = "";//去百度语音服务申请  
  31.     @RequestMapping(value = "/uploadFile")  
  32.     public String uploadFile( @RequestParam("dev_id") int dev_id, @RequestParam("file") MultipartFile file) throws Exception {  
  33.         byte[] pcmbytedata = mp3Convert2pcm(file.getInputStream());  
  34.         HashMap‹String,Object> options = new HashMap‹String,Object>();  
  35.         options.put("dev_pid",dev_id);//  
  36.         JSONObject jsonfrombaidu =  basicBydata(pcmbytedata,"pcm",options);  
  37.         JSONArray jsonArray =  jsonfrombaidu.getJSONArray("result");  
  38.         String result =  jsonArray.getString(0);  
  39.         System.out.println(result); //解析完的结果   
  40.         return result;  
  41.     }  
  42.     // 获取AipSpeech对象,建议单例使用  
  43.     public static AipSpeech getClient() {  
  44.         AipSpeech client = new AipSpeech(APP_ID, API_KEY, SECRET_KEY);  
  45.         // 可选:设置网络连接参数  
  46.         client.setConnectionTimeoutInMillis(2000);  
  47.         client.setSocketTimeoutInMillis(60000);  
  48.         return client;  
  49.     }  
  50.     // 语音识别(来自文件)  
  51.     public static JSONObject basicBydata(byte[] voicedata, String fileType,HashMap‹String,Object> options) {  
  52.         AipSpeech client = getClient();  
  53.         return client.asr(voicedata, fileType, 16000, options);  
  54.     }  
  55.     /**  
  56.      * MP3转换PCM  
  57.      * @param inputStream MP3输入流  
  58.      * @throws Exception  
  59.      */  
  60.     public static byte[] mp3Convert2pcm(InputStream inputStream) throws Exception {  
  61.         //转换PCM audioInputStream 数据  
  62.         AudioInputStream audioInputStream = getPcmAudioInputStream(inputStream);  
  63.         byte[] pcmBytes = IOUtils.toByteArray(audioInputStream);  
  64.         return pcmBytes;  
  65.     }  
  66.     /**  
  67.      * 获取PCM AudioInputStream 数据  
  68.      * @param inputStream MP3输入流  
  69.      * @return AudioInputStream PCM输入流  
  70.      */  
  71.     private static AudioInputStream getPcmAudioInputStream(InputStream inputStream) {  
  72.         AudioInputStream audioInputStream = null;  
  73.         AudioFormat targetFormat = null;  
  74.         try {  
  75.             AudioInputStream in = null;  
  76.             MpegAudioFileReader mp = new MpegAudioFileReader();  
  77.             in = mp.getAudioInputStream(inputStream);  
  78.             AudioFormat baseFormat = in.getFormat();  
  79.             targetFormat = new AudioFormat(AudioFormat.Encoding.PCM_SIGNED, baseFormat.getSampleRate(), 16,  
  80.                     baseFormat.getChannels(), baseFormat.getChannels() * 2, baseFormat.getSampleRate(), false);  
  81.             audioInputStream = AudioSystem.getAudioInputStream(targetFormat, in);  
  82.         } catch (Exception e) {  
  83.             e.printStackTrace();  
  84.         }  
  85.         return audioInputStream;  
  86.     }  
  87. } ```
复制代码
  到此这篇关于uniapp调用百度语音实现录音转文字功能的文章就介绍到这了,更多相关uniapp录音转文字内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|耀极客论坛 ( 粤ICP备2022052845号-2 )|网站地图

GMT+8, 2022-12-10 02:26 , Processed in 0.066592 second(s), 20 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表