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 相关文章推荐
JavaScript接口实现代码 (Interfaces In JavaScript)
Jun 11 Javascript
关于js datetime的那点事
Nov 15 Javascript
javascript的原生方法获取数组中的最大(最小)值
Dec 19 Javascript
Jquery选择子控件"大于号"和" "区别介绍及使用示例
Jun 25 Javascript
JQuery获取或设置ckeditor的数据(示例代码)
Nov 15 Javascript
js加入收藏以及使用Jquery更改透明度
Jan 26 Javascript
JavaScript中Boolean对象的属性解析
Oct 21 Javascript
完美实现八种js焦点轮播图(下篇)
Apr 20 Javascript
jquery获取table指定行和列的数据方法(当前选中行、列)
Nov 07 Javascript
vue实现样式之间的切换及vue动态样式的实现方法
Dec 19 Javascript
浅析JS中什么是自定义react数据验证组件
Oct 19 Javascript
javascript实现的字符串转换成数组操作示例
Jun 13 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
实现树状结构的两种方法
2006/10/09 PHP
PHP开发入门教程之面向对象
2006/12/05 PHP
PHP构造函数与析构函数用法示例
2016/09/28 PHP
Yii框架组件的事件机制原理与用法分析
2020/04/07 PHP
javascript 验证日期的函数
2010/03/18 Javascript
JS+CSS实现Div弹出窗口同时背景变暗的方法
2015/03/04 Javascript
解析JavaScript的ES6版本中的解构赋值
2015/07/28 Javascript
详解JavaScript中常用的函数类型
2015/11/18 Javascript
用原生JS对AJAX做简单封装的实例代码
2016/07/13 Javascript
关于前后端json数据的发送与接收详解
2017/07/30 Javascript
Vue下的国际化处理方法
2017/12/18 Javascript
JavaScript实现的贝塞尔曲线算法简单示例
2018/01/30 Javascript
基于vue-element组件实现音乐播放器功能
2018/05/06 Javascript
Vue实现侧边菜单栏手风琴效果实例代码
2018/05/31 Javascript
vue-cli3.0配置及使用注意事项详解
2018/09/05 Javascript
Vue使用zTree插件封装树组件操作示例
2019/04/25 Javascript
javascript sort()对数组中的元素进行排序详解
2019/10/13 Javascript
使用vue-cli4.0快速搭建一个项目的方法步骤
2019/12/04 Javascript
TypeScript之调用栈的实现
2019/12/31 Javascript
0基础学习前端开发的一些建议
2020/07/14 Javascript
深入解析Python编程中JSON模块的使用
2015/10/15 Python
Python科学计算之Pandas详解
2017/01/15 Python
Python数据可视化:箱线图多种库画法
2019/11/06 Python
Python输出指定字符串的方法
2020/02/06 Python
python对接ihuyi实现短信验证码发送
2020/05/10 Python
Python logging模块异步线程写日志实现过程解析
2020/06/30 Python
python输出国际象棋棋盘的实例分享
2020/11/26 Python
英国高街品牌:Miss Selfridge(塞尔弗里奇小姐)
2016/09/21 全球购物
英国最大线上综合鞋类商城:Office
2017/12/08 全球购物
CAT鞋加拿大官网:CAT Footwear加拿大
2020/08/05 全球购物
厨房工作人员岗位职责
2013/11/15 职场文书
《小蝌蚪找妈妈》教学反思
2014/02/21 职场文书
大学自主招生推荐信
2014/05/10 职场文书
幼儿园感谢信
2015/01/21 职场文书
2015年度质量工作总结报告
2015/04/27 职场文书
2015年创先争优工作总结
2015/05/23 职场文书