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 相关文章推荐
Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
Sep 15 Javascript
javascript 45种缓动效果 非常酷
Jun 28 Javascript
Jquery index()方法 获取相应元素索引值
Oct 12 Javascript
extjs表格文本启用选择复制功能具体实现
Oct 11 Javascript
21个值得收藏的Javascript技巧
Feb 04 Javascript
Webpack 实现 Node.js 代码热替换
Oct 22 Javascript
详解JavaScript中Hash Map映射结构的实现
May 21 Javascript
Bootstrap零基础入门教程(三)
Jul 18 Javascript
Javascript调试之console对象——你不知道的一些小技巧
Jul 10 Javascript
关于Google发布的JavaScript代码规范你要知道哪些
Apr 04 Javascript
详解webpack的proxyTable无效的解决方案
Jun 15 Javascript
前端vue+express实现文件的上传下载示例
Feb 18 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
基于php实现七牛抓取远程图片
2015/12/01 PHP
MacOS下PHP7.1升级到PHP7.4.15的方法
2021/02/22 PHP
javascript 写类方式之六
2009/07/05 Javascript
js判断样式className同时增加class或删除class
2013/01/30 Javascript
javascript实现全局匹配并替换的方法
2015/04/27 Javascript
javascript相关事件的几个概念
2015/05/21 Javascript
javascript日期操作详解(脚本之家整理)
2015/09/05 Javascript
jQuery弹簧插件编写基础之“又见弹窗”
2015/12/11 Javascript
微信小程序购物商城系统开发系列-工具篇的介绍
2016/11/21 Javascript
JavaScript实现时钟滴答声效果
2017/01/29 Javascript
详解vue2路由vue-router配置(懒加载)
2017/04/08 Javascript
VUE利用vuex模拟实现新闻点赞功能实例
2017/06/28 Javascript
对vue2.0中.vue文件页面跳转之.$router.push的用法详解
2018/08/24 Javascript
在Django的视图中使用数据库查询的方法
2015/07/16 Python
解决Pycharm无法import自己安装的第三方module问题
2018/05/18 Python
Python3.x+pyqtgraph实现数据可视化教程
2020/03/14 Python
Python更换pip源方法过程解析
2020/05/19 Python
python爬虫可以爬什么
2020/06/16 Python
python如何处理程序无法打开
2020/06/16 Python
基于Keras的格式化输出Loss实现方式
2020/06/17 Python
python安装第三方库如xlrd的方法
2020/10/31 Python
python matplotlib工具栏源码探析三之添加、删除自定义工具项的案例详解
2021/02/25 Python
HTML5 Canvas 起步(1) - 基本概念
2009/05/12 HTML / CSS
Madda Fella官网:美国冒险家服装品牌
2020/01/16 全球购物
青年教师培训方案
2014/02/06 职场文书
会计电算化毕业生自荐信
2014/03/03 职场文书
庆元旦活动总结
2014/07/09 职场文书
2014院党委领导班子对照检查材料思想汇报
2014/09/24 职场文书
2014年党员干部四风问题自我剖析材料
2014/09/29 职场文书
五好家庭申报材料
2014/12/20 职场文书
生产车间主任岗位职责
2015/04/08 职场文书
实习证明格式范文
2015/06/16 职场文书
2015年中学图书馆工作总结
2015/07/22 职场文书
诚信教育主题班会
2015/08/13 职场文书
go:垃圾回收GC触发条件详解
2021/04/24 Golang
JVM的类加载器和双亲委派模式你了解吗
2022/03/13 Java/Android