由于上传图片过于麻烦，建议跳转到
github

typora-copy-images-to: images

1. 介绍

本案例主要实现一个微信小程序语音助手，可以以提供的功能如下：

语音输入	返回结果	小程序
北京的天气	雨水将短暂停歇,最高气温回升至28℃。	语音播放返回结果
讲个笑话	随机返回一个笑话	语音念出该笑话
苹果百度百科	返回“苹果”的百度百科资料	语音念出该资料
我想听电台	返回实时电台列表信息	自动播放电台

理论上讯飞技能商店中的所有功能都可以实现。

2. 主界面

3. 主要技术

微信小程序
node
基于node的express 框架
讯飞语音接口
百度语音接口
FFmpeg 用于转换语音格式

4. 环境要求

外网的服务器
node 环境本例为 v8.9.0
讯飞语音的账号
微信小程序开发者权限

5. 搭建环境步骤

5.1. 搭建FFmpeg

由于讯飞要求的录音格式和微信小程序的语音格式不兼容，所以需要将微信小程序的语音格式进行转换，使用的工具为 FFmpeg 后期将在 node 中调用进行转换。

需要注意的是，此操作需要在你的外网服务器上进行搭建。

5.1.1. 下载

在官方网站中进行下载即可下载地址

5.1.2. 配置环境变量

下载好后，解压配置系统的环境变量

5.1.3. 测试安装是否成功

配置好后，打开命令行工具输入 ffmpeg 如出现下图结果，表示安装成功。

5.2. 搭建后台nodejs环境

后台代码需要配置在外网服务器下，如阿里云，腾讯云等

在后台代码根目录下打开命令工具输入：

npm i 安装依赖
修改讯飞 ID 和密钥（如何获取？ 请查看下面的 开通讯飞语音接口功能章节 ）

打开 index.js 修改
输入 npm run start 启动项目
接口地址为 http://ip:3005/smart_order

5.3. 配置微信小程序环境

5.3.1. 导入项目

使用微信开发工具导入 微信前台代码

5.3.2. 成功导入

5.3.3. 修改接口地址

5.3.4. 注意

在测试环境下，记得勾选上 不校验域名xxxxxxx

5.4. 小结

总结以上项目搭建的步骤

搭建 FFmepg

打开命令行工具输入 ffmpeg 出现以下结果代码成功
启动后台 node
1. 修改讯飞ID 和讯飞密钥
2. 在后台根目录下输入 npm run start 启动。默认端口号为 3005
运行小程序代码
1. 修改后台接口地址
2. 手机运行小程序进行测试。

6. 开通讯飞语音接口功能

本次案例中，我们输入的是一段录音如 北京天气 这段录音将会发送到讯飞接口，由它来解析

将录音识别为 北京天气
再将 北京天气 识别为 北京今天15度，微风xxx

此过程，nodejs后台已经处理好，只需要填入自己的讯飞资料即可。下面将介绍如何开通讯飞语音，并且进行相关的设置。

6.1. 配置讯飞语音

打开官网进行注册
注册成功后登录，再打开讯飞 AIUI 开放平台
进入我的应用
创建新应用 xxx
为新创建的应用添加技能（电台，笑话，广播等）
设置 ip 白名单新手建议直接关闭即可。
复制该应用下的 AppID 和 ApiKey 复制到 nodejs 后台代码中即可。

6.2. 配置讯飞语音详细步骤

6.2.1. 注册

打开注册页面填入资料

6.2.2. 登录

直接登录，然后跳转到讯飞 AIUI 开放平台

6.2.3. 进入我的应用

进入我的应用

6.2.4. 创建新应用

因为我们这个案例单独创建一个应用，名字自拟。

6.2.5. 为新应用添加技能

本案例中的 天气、笑话、广播等 都是该应用中的一个技能，因此，需要自己先添加。

点击进入刚才新创建的应用然后添加技能

小程序的处理代码，理论上，只要不断添加 case 代码即可自己添加处理

6.2.6. 设置ip白名单

在讯飞中设置ip白名单，否则会出现 ip非法 的错误

6.2.7. 复制 AppID 和 ApiKey 到后台nodejs中

7. 使用步骤

当环境都搭建成功后，开始测试

8. 帮助

因为本次案例，任何环节的操作失误都容易导致失败，并且在进行接口调试时，由于数据相对麻烦，因此在此给出一些建议。

8.1. 调试

进行调试时

后台需要经常监控，容易出现一次错误，后台直接崩溃
小程序多 log 打印结果进行调试

8.2. 讯飞语音接口

9. 联系方式

如出现问题，直接在该页面下留言即可。看到会回复。

微信小程序+讯飞语音实现个人语音助手相关推荐

微信小程序 -- 语音合成：将文字转为语音（插件：微信同声传译）
直接上手吧. 1. 小程序后台添加插件:微信同声传译以及在app.json进行配置具体可看另外一篇博客:https://blog.csdn.net/qq_41638795/article/detai ...
微信小程序 -语音合成：将文字转为语音（小程序插件：微信同声传译）
1.小程序后台添加微信同声传译插件效果图: 2.wxml文件代码 <view class="yuyinWrap"><textarea class='yuyinC ...
微信小程序语音转文字demo
最近做了个微信小程序语音输入转文字的需求,记录一下微信小程序支持通过语音识别 API 实现语音转文字的功能,可以按照以下步骤进行设置: 在小程序的 json 配置文件中,添加 record 权限: ...
微信小程序组件：图片、视频、语音上传
该组件封装了图片.视频.语音上传功能,也是最近开发过程中的一个收获,如图: 组件相关代码 uploader.wxml <scroll-view class="upload-file&q ...
微信小程序资料集（下）
**8月18日小程序Demo集合** [微信小程序Demo:股票分时图.K线图](简书) [微信小程序精品Demo:知乎日报](简书) [微信小程序Demo:事项助手(在日历上添加事件备注)](简书) ...
微信小程序开发导航：精品教程+网友观点+demo源码（5月9日更新）
1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教程:https://mp.weixin.qq.com/debu ...
微信小程序导航：免费视频+精品教程+DEMO集合（长期更新）
1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教程:https://mp.weixin.qq.com/debu ...
微信小程序实现讯飞语音合成
参考文档:语音合成(流式版)WebAPI 文档微信小程序背景音频播报可参考:uniapp实现微信小程序websocket+背景音频语音播报实现步骤注册讯飞账号,完成实名认证,获取应用appid ...
微信小程序使用讯飞接口语音识别
之前看过网上其他几位使用讯飞的接口来做微信小程序的.在自己实际跟着别人的博客做的时候,却又会遇到一些问题.所以在此对使用讯飞接口做一个总结.这里我是用WebAPI来做. 1. 申请科大讯飞的接口科大 ...

微信小程序+讯飞语音实现个人语音助手

typora-copy-images-to: images

1. 介绍

2. 主界面

3. 主要技术

4. 环境要求

5. 搭建环境步骤

5.1. 搭建FFmpeg

5.1.1. 下载

5.1.2. 配置环境变量

5.1.3. 测试安装是否成功

5.2. 搭建后台nodejs环境

接口地址为 `http://ip:3005/smart_order`

5.3. 配置微信小程序环境

5.3.1. 导入项目

5.3.2. 成功导入

5.3.3. 修改接口地址

5.3.4. 注意

5.4. 小结

6. 开通讯飞语音接口功能

6.1. 配置讯飞语音

6.2. 配置讯飞语音详细步骤

6.2.1. 注册

6.2.2. 登录

6.2.3. 进入我的应用

6.2.4. 创建新应用

6.2.5. 为新应用添加技能

6.2.6. 设置ip白名单

6.2.7. 复制 AppID 和 ApiKey 到后台nodejs中

7. 使用步骤

8. 帮助

8.1. 调试

8.2. 讯飞语音接口

9. 联系方式

微信小程序+讯飞语音实现个人语音助手相关推荐

最新文章

热门文章

微信小程序+讯飞语音实现个人语音助手

typora-copy-images-to: images

1. 介绍

2. 主界面

3. 主要技术

4. 环境要求

5. 搭建环境步骤

5.1. 搭建FFmpeg

5.1.1. 下载

5.1.2. 配置环境变量

5.1.3. 测试安装是否成功

5.2. 搭建后台nodejs环境

接口地址为 http://ip:3005/smart_order

5.3. 配置微信小程序环境

5.3.1. 导入项目

5.3.2. 成功导入

5.3.3. 修改接口地址

5.3.4. 注意

5.4. 小结

6. 开通讯飞语音接口功能

6.1. 配置讯飞语音

6.2. 配置讯飞语音详细步骤

6.2.1. 注册

6.2.2. 登录

6.2.3. 进入 我的应用

6.2.4. 创建新应用

6.2.5. 为新应用添加技能

6.2.6. 设置ip白名单

6.2.7. 复制 AppID 和 ApiKey 到后台nodejs中

7. 使用步骤

8. 帮助

8.1. 调试

8.2. 讯飞语音接口

9. 联系方式

微信小程序+讯飞语音实现个人语音助手相关推荐

最新文章

热门文章

接口地址为 `http://ip:3005/smart_order`

6.2.3. 进入我的应用