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 Object中间的key
Nov 18 Javascript
JS和JQ的event对象区别分析
Nov 24 Javascript
JQuery中Bind()事件用法分析
May 05 Javascript
jQuery siblings()用法实例详解
Apr 26 Javascript
JavaScript中的splice方法用法详解
Jul 20 Javascript
给easyui的datebox控件添加清空按钮的实现方法
Nov 09 Javascript
vue-cli 3.0 自定义vue.config.js文件,多页构建的方法
Sep 19 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
Oct 12 Javascript
koa router 多文件引入的方法示例
May 22 Javascript
JavaScript中的 new 命令
May 22 Javascript
Vue实现多标签选择器
Nov 28 Javascript
JavaScript 禁止用户保存图片的实现代码
Apr 28 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 购物车的例子
2009/05/04 PHP
PHP下操作Linux消息队列完成进程间通信的方法
2010/07/24 PHP
基于PHP CURL用法的深入分析
2013/06/09 PHP
Smarty中常用变量操作符汇总
2014/10/27 PHP
浅析php适配器模式(Adapter)
2014/11/25 PHP
PHP创建word文档的方法(平台无关)
2016/03/29 PHP
手把手编写PHP框架 深入了解MVC运行流程
2016/09/19 PHP
详解PHP安装mysql.so扩展的方法
2016/12/31 PHP
laravel 实现用户登录注销并限制功能
2019/10/24 PHP
jQuery实现等比例缩放大图片让大图片自适应页面布局
2013/10/16 Javascript
原生JS绑定滑轮滚动事件兼容常见浏览器
2014/06/30 Javascript
javascript基于DOM实现权限选择实例分析
2015/05/14 Javascript
js验证框架实现代码分享
2016/05/18 Javascript
BootStrap实现鼠标悬停下拉列表功能
2017/02/17 Javascript
基于Vue 实现一个中规中矩loading组件
2019/04/03 Javascript
JS实现按比例缩小图片宽高
2020/08/24 Javascript
JavaScript 事件代理需要注意的地方
2020/09/08 Javascript
Python制作Windows系统服务
2017/03/25 Python
Python使用requests及BeautifulSoup构建爬虫实例代码
2018/01/24 Python
python中numpy的矩阵、多维数组的用法
2018/02/05 Python
python射线法判断一个点在图形区域内外
2019/06/28 Python
Flask框架模板继承实现方法分析
2019/07/31 Python
Pandas-Cookbook 时间戳处理方式
2019/12/07 Python
Python运行DLL文件的方法
2020/01/17 Python
python主要用于哪些方向
2020/07/05 Python
如何用Anaconda搭建虚拟环境并创建Django项目
2020/08/02 Python
python操作ini类型配置文件的实例教程
2020/10/30 Python
纯css3显示隐藏一个div特效的具体实现
2014/02/10 HTML / CSS
英国日常交易网站:Wowcher
2018/09/04 全球购物
大专生自荐信
2013/10/04 职场文书
大型会议接待方案
2014/03/01 职场文书
煤矿安全生产责任书
2014/04/15 职场文书
节能环保演讲稿
2014/08/28 职场文书
小学少先队辅导员述职报告
2015/01/10 职场文书
2015年小学二年级班主任工作总结
2015/05/21 职场文书
oracle覆盖导入dmp文件的2种方法
2021/05/21 Oracle