AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略


Posted in Javascript onMarch 13, 2020

语音识别极速版能将60秒以内的完整音频文件识别为文字。用于近场短语音交互,如手机语音搜索、聊天输入等场景。支持上传完整的录音文件,录音文件时长不超过60秒。实时返回识别结果。本文主要介绍采用百度语音识别,实现小程序的听写功能。

AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略

1 系统框架

用到的技术主要有:百度语音识别和微信小程序。采用微信提供的录音管理器 recorderManager实现录音,录音格式aac。小程序将用户上传的语音提交给百度语音证识别服务,返回文本信息并显示出来。全部功能都在小程序客户端完成,不需要服务器,适合个人开发者学习调试使用,同时也为商业应用提供相应解决方案。

2创建小程序项目

在根目录的全局配置文件app.json中增加:"pages/asr/asr",会自动创建相关页面文件,结构如下:

  • asr.js:功能逻辑模块
  • asr.wxss:页面样式文件
  • asr.wxml:页面布局文件
  • asr.json:页面配置文件

AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略

3 调用语音识别极速版API

3.1 首先要在控制台创建应用,调用语音识别极速版API,“获取API Key/Secret Key”。

AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略

Body中放置请求参数,参数详情如下:

AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略

返回参数:

AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略

3.2 语音识别极速版功能实现

(1)发送URL请求核心代码

AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略

(2)定义按钮点击事件

AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略

(3)定义按钮点击事件

AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略

(4)修改页面样式文件

AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略

4 实现效果

AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略

到此这篇关于AI小程序语音听写的文章就介绍到这了,更多相关AI小程序语音听写内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
angular.bind使用心得
Oct 26 Javascript
JQuery中Ajax()的data参数类型实例分析
Dec 15 Javascript
JS实现的多张图片轮流播放幻灯片效果
Jul 22 Javascript
js点击按钮实现水波纹效果代码(CSS3和Canves)
Sep 15 Javascript
JavaScript使用ZeroClipboard操作剪切板
May 10 Javascript
JS实现中文汉字按拼音排序的方法
Oct 09 Javascript
微信小程序中进行地图导航功能的实现方法
Jun 29 Javascript
vue轮播组件实现$children和$parent 附带好用的gif录制工具
Sep 26 Javascript
vue.js 子组件无法获取父组件store值的解决方式
Nov 08 Javascript
Vue的Eslint配置文件eslintrc.js说明与规则介绍
Feb 03 Javascript
js+canvas实现刮刮奖功能
Sep 13 Javascript
vant中的toast层级改变操作
Nov 04 Javascript
vue动态渲染svg、添加点击事件的实现
Mar 13 #Javascript
创建nuxt.js项目流程图解
Mar 13 #Javascript
微信小程序中的上拉、下拉菜单功能
Mar 13 #Javascript
JavaScript实现公告栏上下滚动效果
Mar 13 #Javascript
使用vue实现HTML页面生成图片的方法
Mar 12 #Javascript
JavaScript实现随机点名器
Mar 25 #Javascript
JavaScript碰撞检测原理及其实现代码
Mar 12 #Javascript
You might like
php笔记之:初探PHPcms模块开发介绍
2013/04/26 PHP
php实现查看邮件是否已被阅读的方法
2013/12/03 PHP
yii框架表单模型使用及以数组形式提交表单数据示例
2014/04/30 PHP
ThinkPHP中公共函数路径和配置项路径的映射分析
2014/11/22 PHP
PHP伪造来源HTTP_REFERER的方法实例详解
2015/07/06 PHP
PHP PDOStatement::rowCount讲解
2019/02/01 PHP
js的写法基础分析
2011/01/17 Javascript
Js数组的操作push,pop,shift,unshift等方法详细介绍
2012/12/28 Javascript
下拉列表select 由左边框移动到右边示例
2013/12/04 Javascript
javascript判断chrome浏览器的方法
2014/03/26 Javascript
JavaScript数据结构和算法之二叉树详解
2015/02/11 Javascript
js实现三级联动效果(简单易懂)
2017/03/27 Javascript
使用ionic播放轮询广告的实现方法(必看)
2017/04/24 Javascript
vue单页应用加百度统计代码(亲测有效)
2018/01/31 Javascript
layui 上传文件_批量导入数据UI的方法
2019/09/23 Javascript
JS实现音乐导航特效
2020/01/06 Javascript
编写v-for循环的技巧汇总
2020/12/01 Javascript
[44:47]Ti4 循环赛第三日 iG vs NaVi
2014/07/12 DOTA
Windows系统配置python脚本开机启动的3种方法分享
2015/03/10 Python
Python 实现一个颜色色值转换的小工具
2016/12/06 Python
利用python批量修改word文件名的方法示例
2017/10/17 Python
Python Paramiko模块的使用实际案例
2018/02/01 Python
Python使用Pickle库实现读写序列操作示例
2018/06/15 Python
使用python获取(宜宾市地震信息)地震信息
2019/06/20 Python
python隐藏类中属性的3种实现方法
2019/12/19 Python
原生canvas制作画图小工具的踩坑和爬坑
2020/06/09 HTML / CSS
卫生安全检查制度
2014/02/04 职场文书
幼儿园儿童节主持词
2014/03/21 职场文书
幼儿园评语大全
2014/04/17 职场文书
基层党建工作宣传标语
2014/06/24 职场文书
财务经理岗位职责
2015/01/31 职场文书
2015年小学数学教师个人工作总结
2015/05/25 职场文书
公司的力量观后感
2015/06/05 职场文书
2016年大学校运会广播稿件
2015/12/21 职场文书
MySQL数据库如何查看表占用空间大小
2022/06/10 MySQL
postgresql如何找到表中重复数据的行并删除
2023/05/08 MySQL