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 相关文章推荐
根据分辨率不同,调用不同的css文件
Aug 25 Javascript
JavaScript判断密码强度(自写代码)
Sep 06 Javascript
JQuery中绑定事件(bind())和移除事件(unbind())
Feb 27 Javascript
JQuery动态添加Select的Option元素实现方法
Aug 29 Javascript
微信小程序中form 表单提交和取值实例详解
Apr 20 Javascript
jQuery实现全选、反选和不选功能
Aug 16 jQuery
angular.js和vue.js中实现函数去抖示例(debounce)
Jan 18 Javascript
微信小程序使用wxParse解析html的方法示例
Jan 17 Javascript
关于vue 结合原生js 解决echarts resize问题
Jul 26 Javascript
vue键盘事件点击事件加native操作
Jul 27 Javascript
vue 使用微信jssdk,调用微信相册上传图片功能
Nov 13 Javascript
vue使用vue-quill-editor富文本编辑器且将图片上传到服务器的功能
Jan 13 Vue.js
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
Windows PHP5和Apache的安装与配置
2009/06/08 PHP
处理php自动反斜杠的函数代码
2010/01/05 PHP
PHP实现文件上传功能实例代码
2017/05/18 PHP
Thinkphp开发--集成极光推送
2017/09/15 PHP
jquery的颜色选择插件实例代码
2008/10/02 Javascript
js 判断 enter 事件
2009/02/12 Javascript
js动态添加删除,后台取数据(示例代码)
2013/11/25 Javascript
Javascript常用字符串判断函数代码分享
2014/12/08 Javascript
标准的js无缝滚动效果
2016/08/30 Javascript
微信小程序中hidden不生效原因的解决办法
2017/04/26 Javascript
javascript trie前缀树的示例
2018/01/29 Javascript
Vue的elementUI实现自定义主题方法
2018/02/23 Javascript
React 无状态组件(Stateless Component) 与高阶组件
2018/08/14 Javascript
vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件实例分析
2019/03/11 Javascript
vue单页应用的内存泄露定位和修复问题小结
2019/08/02 Javascript
vue中移动端调取本地的复制的文本方式
2020/07/18 Javascript
vue element-ui中table合计指定列求和实例
2020/11/02 Javascript
JavaScript实现瀑布流布局的3种方式
2020/12/27 Javascript
介绍Python的Django框架中的QuerySets
2015/04/20 Python
python 默认参数问题的陷阱
2016/02/29 Python
PyTorch的深度学习入门教程之构建神经网络
2019/06/27 Python
浅谈Python中函数的定义及其调用方法
2019/07/19 Python
简单了解python协程的相关知识
2019/08/31 Python
Python使用urllib模块对URL网址中的中文编码与解码实例详解
2020/02/18 Python
浅谈Python中re.match()和re.search()的使用及区别
2020/04/14 Python
html5新特性与用法大全
2018/09/13 HTML / CSS
南非领先的在线旅行社:Travelstart南非
2016/09/04 全球购物
美国工业用品采购网站:Zoro.com
2020/10/27 全球购物
中专自荐信
2013/10/13 职场文书
论文评语大全
2014/04/29 职场文书
计算机毕业大学生求职信
2014/06/26 职场文书
小学四年级学生评语
2014/12/26 职场文书
承诺书范本
2015/01/21 职场文书
企业反腐倡廉心得体会
2015/08/15 职场文书
nginx服务器的下载安装与使用详解
2021/08/02 Servers
MySQL 主从复制数据不一致的解决方法
2022/03/18 MySQL