如何在 UniApp 中接入讯飞语音听写功能 文末附vue3+vue2完整代码

已于 2025-05-14 17:23:11 修改
阅读量447 收藏 1
点赞数 2
分类专栏： 2025开发必备(限时特惠) 文章标签： uni-app uniapp讯飞语音 讯飞语音识别
于 2025-02-14 23:54:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_41961749/article/details/145643828
版权

如何在 UniApp 中接入讯飞语音听写功能

在这里插入图片描述

在这里插入图片描述
语音听写（流式版）WebAPI 文档

问题背景

在开发 UniApp 项目时，我遇到了一个挑战——App 端无法像小程序一样直接获取录音帧数据。uni.getRecorderManager() 的 onFrameRecorded 仅支持小程序，而 App 端只能获得一个临时的录音文件路径。为了将录音数据传输给讯飞语音听写接口，我决定将录音文件转换为 Base64 格式并进行切片，以便逐步上传到讯飞接口进行处理。

接下来，我会分享整个过程的实现步骤。

一、申请讯飞 API K

了解本专栏 订阅专栏 解锁全文
uniapp使用HTTP 接入科大讯飞的语音评测
weixin_48198334的博客
06-13 1488
刚开始我直接使用的是uni.request进行请求，但是接口返回的是409错误，这明细就是提交的参数不符合有问题，所以我逐一排查，定位到时音频文件的问题，因为我的项目获得的是录音的本地路径，然后接口要求时要求上传Binary类型，也就是二进制流文件，所以我想直接拿文件信息然后我使用了uni.getFileSystemManager() 但是文档写着app平台，目前uni-app x支持本API，另见，但uni-app js引擎版还不支持，可部分替代的方案是plus.io。
腾讯IM uniapp微信小程序版本实现迅飞语音听写（流式版）
q1003675852的博客
11-16 850
本文主要记录腾讯IM uniapp微信小程序版本实现迅飞语音听写（流式版）
uni-app 微信小程序 WebSocket 接入讯飞语音合成（流式版）WebAPI 示例
心若有所向往，何惧道阻且长。
03-30 651
uni-app 微信小程序 WebSocket 接入讯飞语音合成（流式版）WebAPI 示例
uniapp实现H5页面麦克风权限获取与录音功能
最新发布
weixin_45636198的博客
04-10 1305
在获取了麦克风权限后，我们可以利用navigator.mediaDevices.getUserMedia接口获取音频流，然后通过MediaRecorder接口进行录音。接下来，我们编写JavaScript代码，分别实现将音频流转换为Blob文件并上传、将音频流转换为Base64字符串上传，以及将音频文件下载到本地的功能。在uni-app开发H5页面时，需要在manifest.json文件中添加录音权限的配置。这段配置代码是用于向用户请求麦克风权限，确保应用在运行时可以访问设备的音频输入。
uniapp中接入科大讯飞语音听写(app端)
weixin_47017648的博客
02-14 1006
在项目过程中遇到讯飞返回给我的一直是空数据问题,感觉是因为传过去的数据有问题,因此要确定第一帧的配置信息是否正确,跟每一帧发送的base64是不是不一样的数据,这样返回的数据就不用有问题了。
UNIAPP调用讯飞语音评测API
p6448777的博客
07-09 4142
语音评测API
讯飞离线语音合成（语音+）_uniapptts,vue讯飞语音app
06-05
讯飞离线语音合成，需要本地下载一个语记APP实现，代码简单化了
uniapp语音识别（讯飞语音）转文字
约妲己吃火锅的博客
09-23 8603
☞ 常见应用： 游戏界面文字语音、商城导航栏的语音输入搜索框、聊天界面的语音文字输入等. 引自官方 unicloud官方语音： 语音输入接口可使得网页开发人员能快速调用设备的麦克风进行语音输入，而不需要安装额外的浏览器插件。规范不定义底层语音识别引擎的技术架构，浏览器实现可基于语音识别服务器或本地内置语音识别模块。 ▲配置SDK–识别讯飞语音 （如果用不了讯飞语音，可换百度语音，自己去看接入文档） 进入项目根目录下的 manifest.json -> App模块配置->speech 勾选
uniapp录制语音
n17742637334的博客
02-17 1075
开始录音：通过开始录音。停止录音：通过停止录音，并获取录音文件路径。管理录音时长：使用定时器实时更新录音时长。播放录音：通过播放录音。清理资源：在组件销毁时，销毁音频上下文，释放资源。
UniApp原生讯飞语音插件-YL-SpeechRecognition
白玉梁的专栏
05-29 4130
由于插件已支持安卓和ios双端，所以总体价格有所上涨，考虑到部分同学可能只需要一端，那么联系本人时可说明是否只打一端，只打一端的话，价格就会比较低！由于讯飞官方限制，appid和sdk必须对应，所以使用该插件只替换下自己的appid是不行的。需要联系本人，使用你提供的sdk为你打离线包！各种回调状态，可参考以上案例代码！安卓：1007->1009。
UNIAPP发布小程序调用讯飞在线语音合成+实时播报
p6448777的博客
11-13 1734
语音合成能够将文字转化为自然流畅的人声，提供100+发音人供您选择，支持多语种、多方言和中英混合，可灵活配置音频参数。广泛应用于新闻阅读、出行导航、智能硬件和通知播报等场景。在当下大模型火爆的今日，语音交互页离不开语音合成的加入。
基于android的语音识别和语音合成的app(科大讯飞).zip
02-23
利用科大讯飞做的一个基于android的语音识别和语音合成的app， 利用科大讯飞做的一个基于android的语音识别和语音合成的app， 利用科大讯飞做的一个基于android的语音识别和语音合成的app， 利用科大讯飞做的一个基于android的语音识别和语音合成的app，
uniapp实现录音、播放功能.rar
06-12
uniapp实现录音、播放功能，类似微信 语音按住说话松开结束，可指定时长，参照uniapp的API实现，记录录音时长，播放录音，超出时长自动结束录音
uniapp语音识别_uniapp 用户拒绝授权再次调起授权-语音识别、微信地址、附近地址...
weixin_39578457的博客
12-20 708
小程序重构，采用 uniapp 框架。记录一下踩过的坑。关于用户拒绝再次调起授权，及如何识别语音识别、微信地址、附近地址的处理。语音识别 组件语音识别，小程序只有录音功能，若要识别录音文件，常规做法是把录音文件传递给后端，然后由后端调用百度或讯飞语音识别接口，然后返回结果。但是微信小程序官方提供了“同声传译”插件，支持前端直接识别。可参考：插件介绍、插件使用文档uniapp 插件配置，在 mani...
uniapp对接科大讯飞实现语音合成
qq_62875177的博客
04-01 2498
【代码】uniapp对接科大讯飞实现语音合成。
uniapp 小程序如何实现语音输入功能功能？
weixin_47077674的博客
01-13 2750
最近使用 uniapp 做小程序的时候，需要实现一个语音输入转换为文本的功能，功能的实现并不复杂，但还是踩了一个坑，因此记录了一下整体的实现过程以及提供了可以直接复制使用的代码，希望可以帮助到你。实现语音转文字的效果通过插件来实现还是很简单的，就是要记得看上面提到的注意点。不然我们在发布之后才发现无法语音输入去排查，是很难看出问题的。如果你想看看实际实现效果也可以进入学习卡盒小程序，在卡盒中点击顶部制定学习计划，然后使用复述模式进行复习，就可以看到语音输入的按钮了。
uniapp 讯飞语音 界面_基于讯飞语音转写，为视频自动生成字幕，可识别并翻译无字幕美剧...
weixin_39918747的博客
11-03 665
一款基于讯飞语音转写 的为视频自动生成字幕工具，简单易用，只需要将视频拖进去就行了，拥有字幕识别、字幕翻译、字幕编辑、字幕视频合并功能，需要 JDK1.8、Windows 7+。可用于直接识别并翻译无字幕的生肉美剧。以前为了看美剧批量调整字幕搞出来的，最近花了些时间重写了，还在测试预览阶段，不太稳定。没啥技术含量，发出来给各位品品。特点完整的视频语音识别、转换、翻译、字幕合成服务便捷化编辑器和专项...
初步在uin-app使用讯飞的语音识别接口
lixu102593的博客
07-10 1065
引用的是lichenying的代码 原文链接：https://blog.youkuaiyun.com/lichenying/article/details/107244198 在安卓上测试可以 html <button @click="voice">识别3</button> <view>{{ff}}</view> js voice() { var me = this; var options = {}; options.engine = '
uniapp小程序调用讯飞语音听写记录
snoto的专栏
02-09 1010
讯飞语音听写调试
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

代码简单说

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值