uniapp app 使用百度语音

已于 2023-12-01 11:28:01 修改
阅读量1.5k 收藏 24
点赞数 22
文章标签： uni-app
于 2023-12-01 11:09:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56034585/article/details/134729557
版权
本文介绍了如何在uni-app中集成百度语音服务，包括申请百度语音参数、在manifest.json配置参数，以及展示相关的页面和JS代码示例。特别指出在iOS和Android平台，音频格式的不同可能导致获取语音结果的问题。
摘要由CSDN通过智能技术生成

第一步： 百度语音申请

获取这三个参数

第二步：在uniapp  --- manifest.json 文件 -- APP模块配置 --- Speech模块

填写 对应的参数

第三步：直接上代码 

页面部分

<view class="recordBut flex-con" @longpress="handleRecordStart" @touchend="handleRecordStop">
	<view>
		<u-icon name="mic" color="#485EF4" size="18"></u-icon>
	</view>
	<view>
		<u--text :text="isRecording?'正在录音中...':'语音搜索'" align="center" color="#485EF4" size="16"></u--text>
	</view>
</view>

js部分

最低0.47元/天 解锁文章
@小白菜
关注
  • 22
    点赞
  • 踩
  • 24
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
百度语音识别Demo
06-05
百度语音识别Android SDK版本的demo， 语音语义的使用都有完整的demo
在uniapp中使用百度语音识别技术创建简易录音器
scxe_voz的博客
02-29 646
事件中获取或配置访问百度语音识别API的access_token;监听录音的各个状态，编写对应状态的功能代码；（用百度账号登录即可）建立录音对象并初始化；属性的值是页面中变量。
uniapp小程序调用百度语音识别
snoto的专栏
02-02 2132
uniapp小程序调用百度语音
uniapp-app使用百度语音识别功能
weixin_53911951的博客
07-05 506
uniapp-app语音识别文字
uniapp中如何使用百度tts生成文字语音并播放
weixin_45389051的博客
12-22 1725
【代码】uniapp中如何使用百度tts生成文字语音并播放。
uniapp: ruoyi-App 引用百度语音合成
nj20010327的博客
03-15 1661
因为语音合成返回的是一个音频数据连接，我们需要用uniapp的api来读取音频我们选用uni.createInnerAudioContext()准备好了后，我们开始书写我们的代码首先先添加一个按钮 button 给它一个方法 play</button></view>我们的play方法，写在methods里面data: {client_id: '你的ApiKey',client_secret: '你的Secret Key'},})} else {console.log('可以播放')
uniapp-接入百度语音识别文字，匹配相应指令进行下一步操作
最新发布
petrel_921的博客
07-15 458
uniapp实现语音识别功能
【uniapp】实现同声传译(长按语音转文字)、【node】识别图片中的文字并提取
weixin_52479803的博客
07-12 2688
【uniapp】实现同声传译(长按语音转文字)、【node】识别图片中的文字并提取
uniapp配置自定义界面百度语音识别转文字和原生使用方式
LIUSHUKUN_的博客
09-22 4291
HBuilderX已支持讯飞语音识别和百度语音识别：讯飞语音识别由于讯飞语音识别SDK绑定appid，云端打包只能固定使用DCloud申请的appid，虽然无需开发者向讯飞语音开放平台申请应用，但也导致无法在讯飞语音开放平台自定义应用个性化的高级语音识别参数配置。讯飞不支持自定义语音识别界面注意：讯飞语音识别有识别次数限制，所以建议优先使用百度语音识别。百度语音识别1.需要向百度语音开放平台申请AppID、API Key、Secret Key，详情可参考百度语音识别引用申请教程。
uni-app 百度语音识别文字并展示功能
hong
08-16 4366
uni-app 使用百度语音识别文字 亲测有效
uniapp配置百度语音识别转文字（含demo）
奋斗的新丁
05-24 7416
前言 在dcloud社区已经给出了语音识别插件配置的步骤，点击前往：语音识别插件配置， 但是还是不够详细，有可能会遇到问题，所以我结合实例配置实现一下。 概述 HBuilderX已支持讯飞语音识别和百度语音识别： 讯飞语音识别 无需配置SDK参数 由于讯飞语音识别SDK绑定appid，云端打包只能固定使用DCloud申请的appid，虽然无需开发者向讯飞语音开放平台申请应用，但也导致无法在讯飞语音开放平台自定义应用个性化的高级语音识别参数配置。不支持自定义语音识别界面 百度语音识
vue实现百度语音合成的实例讲解
01-21
这里我完全依照百度提供的语音合成api来做：https://ai.baidu.com/docs#/TTS-Online-Node-SDK/top 直接去看node.js SDK。 1.换取access_token： 参考：https://ai.baidu.com/docs#/TTS-API/top，在这里用浏览器换取token 2.下载sdk依赖： npm install baidu-aip-sdk 完整代码（非原创，参考了一个demo，但是很久以前写的找不到了）: btts(text) { console.log(text);　　 //以下参数参考api文档，token和人的声音音色
百度语音识别demo
07-21
对百度语音识别sdk的使用demo.应该可以节省大家一些使用时间。
uni-app 调用百度OCR文字识别 并 实现base64转码 (完美解决)
01-06
本文将会介绍如何使用百度AI开放平台中的文字识别服务来识别图片中的文字。百度AI开放平台的访问网址为：百度AI开放平台，为了能够使用该平台提供的AI服务，你需要事先注册一个百度账号。 首先先注册一个百度账号，申请 通用文字识别API，前面这些基础的东西我就不讲了，不懂的可以参考文章 创建百度AI文字识别应用 在百度AI开放平台中，登录自己的百度账号，点击 “文字识别” 服务中的 “通用场景文字识别” ，选择 “创建应用”，填好应用名称，选择应用类型，填好应用描述，这样就创建好了 “通用场景文字识别” 服务，如下图： 在应用列表中，能够看到自己刚刚创建好的文字识别服务了，记住，这个应用中的 A
讯飞与百度的实时在线语音识别
09-21
讯飞语音实时在线识别，百度语音实时在线识别
在uniapp中使用百度语音识别技术创建简易录音器源码
02-29
在uniapp中集成百度语音识别技术，可以创建一个功能丰富的简易录音器应用。uniapp是一个跨平台的前端框架，它允许开发者用一套代码编写出适应iOS、Android、H5等多个平台的应用。而百度语音识别服务提供了高效准确的...
uniApp 新闻详情页语音播报，app端、H5端百度语音合成、播报实例
10-28
在本项目中，我们主要探讨如何使用uniApp与百度语音合成技术实现新闻详情页的语音播报功能，同时兼容app端和H5端。uniApp是一个跨平台的开发框架，允许开发者编写一次代码，就能在iOS、Android以及各种浏览器上运行...
讯飞离线语音合成（语音+）_uniapptts,vue讯飞语音app
06-05
使用uniapptts插件进行讯飞离线语音合成的步骤大致如下： 1. 安装插件：开发者需要在Vue项目的依赖管理工具（如npm或yarn）中安装uniapptts插件，命令可能是`npm install uni-apptts --save`或者`yarn add uni-...
使用百度语音平台实现tts
03-01
在IT行业中，文本转语音...总的来说，通过使用百度语音平台，开发者可以轻松地在C++项目中实现高质量的TTS功能，无论是应用于智能助手、教育软件还是其他需要语音输出的场景，都能享受到高效、自然的语音合成体验。
uniapp h5使用百度语音识别api转文字
06-09
在uniapp H5中使用百度语音识别API进行语音转文字可以按照以下步骤来进行： 1. 首先需要在百度AI开放平台上注册账号，创建应用，获取API Key和Secret Key。 2. 在uniapp项目中，引入百度语音识别API的SDK文件，可在百度AI开放平台上下载。 3. 在uniapp项目中，使用uni-app提供的录音组件进行录音，并将录音文件传递给百度语音识别API进行处理。 4. 将百度语音识别API返回的结果展示在页面上。 下面是一个简单的示例代码： ```html <!-- 引入录音组件 --> <uni-audio-recorder v-model="audioSrc" @success="onRecordSuccess" @error="onRecordError" /> <!-- 按钮触发识别 --> <button @click="startRecognize">开始识别</button> <div>{{result}}</div> ``` ```javascript export default { data() { return { // 录音文件路径 audioSrc: '', // 识别结果 result: '' } }, methods: { // 录音成功回调 onRecordSuccess(res) { this.audioSrc = res.tempFilePath }, // 录音失败回调 onRecordError(res) { uni.showToast({ title: '录音失败' }) }, // 开始识别 startRecognize() { // 引入百度语音识别API const SpeechRecognizer = uni.requireNativePlugin('uni-speech-recognizer') // 配置参数 const options = { apiKey: 'yourApiKey', secretKey: 'yourSecretKey', audioSource: this.audioSrc, audioFormat: 'wav', devPid: 1536 // 中文普通话 } // 调用API进行识别 SpeechRecognizer.recognizer(options, (res) => { this.result = res.result }, (err) => { uni.showToast({ title: '识别失败' }) }) } } } ``` 需要注意的是，使用uni-app提供的录音组件进行录音时，需要在manifest.json文件中添加权限声明： ```json { "permission": { "scope.record": { "desc": "用于录制和识别语音" } } } ``` 另外，需要在uni-app的manifest.json文件中添加nativePlugins声明，才能使用uni.requireNativePlugin引入百度语音识别API： ```json { "nativePlugins": [ { "name": "uni-speech-recognizer", "version": "1.0.0", "provider": "uni" } ] } ``` 希望这个示例能够帮助到您。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值