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 相关文章推荐
浅析LigerUi开发中谨慎载入common.css文件
Jul 09 Javascript
js jq 单击和双击区分示例介绍
Nov 05 Javascript
JQUERY 设置SELECT选中项代码
Feb 07 Javascript
jquery如何把数组变为字符串传到服务端并处理
Apr 30 Javascript
jquery对象和javascript对象即DOM对象相互转换
Aug 07 Javascript
Javascript 赋值机制详解
Nov 23 Javascript
JS实现超精简的链接列表在固定区域内滚动效果代码
Nov 04 Javascript
详解JavaScript实现设计模式中的适配器模式的方法
May 18 Javascript
微信JS-SDK坐标位置如何转换为百度地图坐标
Jul 04 Javascript
JS基础随笔(菜鸟必看篇)
Jul 13 Javascript
利用JS提交表单的几种方法和验证(必看篇)
Sep 17 Javascript
Vue.js上下滚动加载组件的实例代码
Jul 17 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 URL地址获取函数代码(端口等) 推荐
2010/05/15 PHP
php+jquery编码方面的一些心得(utf-8 gb2312)
2010/10/12 PHP
PHP判断数据库中的记录是否存在的方法
2014/11/14 PHP
ThinkPHP实现支付宝接口功能实例
2014/12/02 PHP
10款PHP开源商城系统汇总介绍
2015/07/23 PHP
yii2 上传图片的示例代码
2018/11/02 PHP
推荐一些非常不错的javascript学习资源站点
2007/08/29 Javascript
javascript简单实现命名空间效果
2014/03/06 Javascript
Javascript判断文件是否存在(客户端/服务器端)
2014/09/16 Javascript
javascript将url中的参数加密解密代码
2014/11/17 Javascript
js判断子窗体是否关闭的方法
2015/08/11 Javascript
使用JavaScript判断用户输入的是否为正整数(两种方法)
2017/02/05 Javascript
详解Vue中状态管理Vuex
2017/05/11 Javascript
React Native 截屏组件的示例代码
2017/12/06 Javascript
JS实现去除数组中重复json的方法示例
2017/12/21 Javascript
vue axios 在页面切换时中断请求方法 ajax
2018/03/05 Javascript
详解js获取video任意时间的画面截图
2019/04/17 Javascript
JavaScript提升机制Hoisting详解
2019/10/23 Javascript
H5+css3+js搭建带验证码的登录页面
2020/10/11 Javascript
深入理解Python中的元类(metaclass)
2015/02/14 Python
Pycharm学习教程(1) 定制外观
2017/05/02 Python
python生成词云的实现方法(推荐)
2017/06/13 Python
Python管理Windows服务小脚本
2018/03/12 Python
Python简单实现查找一个字符串中最长不重复子串的方法
2018/03/26 Python
详细介绍pandas的DataFrame的append方法使用
2019/07/31 Python
Django 框架模型操作入门教程
2019/11/05 Python
详解opencv中画圆circle函数和椭圆ellipse函数
2019/12/27 Python
在 Linux/Mac 下为Python函数添加超时时间的方法
2020/02/20 Python
python实现Pyecharts实现动态地图(Map、Geo)
2020/03/25 Python
keras分类之二分类实例(Cat and dog)
2020/07/09 Python
移动端rem布局的两种实现方法
2018/01/03 HTML / CSS
飞利信loadrunner和软件测试笔试题
2012/09/22 面试题
请用Java实现列出某个目录下的所有文件
2013/09/23 面试题
运动会入场解说词300字
2014/01/25 职场文书
缅怀革命先烈演讲稿
2014/05/14 职场文书
法制宣传口号
2014/06/16 职场文书