<!--* @Author: xss 995550359@qq.com* @Date: 2022-09-23 16:40:16* @LastEditors: xss 995550359@qq.com* @LastEditTime: 2022-09-26 15:59:30* @FilePath: /打开:关闭摄像头:拍照/AI语言转文字.html* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!doctype html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Ai语音转文字</title><style>* {margin: 0;padding: 0;}body {display: flex;justify-content: space-around;align-items: center;}.startBtn,.endBtn {display: block;width: 150px;height: 120px;border: 2px solid;margin: 10px;}</style>
</head><body><button onclick="start()" class="startBtn">开始说话</button><br /><button onclick="end()" class="endBtn">结束并转换普通话</button>
</body></html>
<script>var recognition = new webkitSpeechRecognition() || new SpeechRecognition();recognition.continuous = true;  //识别到声音就关闭,还是一直识别console.log(recognition)recognition.lang = 'cmn-Hans-CN'; //定义普通话 (中国大陆)function start() {console.log('start')// 开启recognition.continuous = true;recognition.start();}function end() {console.log('end')// 停止recognition.stop();recognition.continuous = false;}// 当调用recognition的stop的时候会触发此对象的onresult事件,然后我们在这里获取我们的转换结果。recognition.onresult = function (event) {alert(event.results[0][0].transcript);// console.log(event)console.log(event.results[0][0].transcript)}recognition.onsoundstart = function (e) {console.log("开始收听了");console.log(e);}recognition.onspeechstart = (e) => {console.log("开始讲话了");console.log(e);}recognition.onspeechend = (e) => {console.log("讲话完毕");console.log(e);}recognition.onerror = (e) => {console.log("发生异常");console.log(e);}
</script>

注意:webkitSpeechRecognition会请求谷歌服务,是不会脱机工作的。

前端js实现asr(语音转文字)相关推荐

  1. asr语音转写_python 腾讯/百度/讯飞 ASR 语音转文字

    因为项目中有需要把微信里的语音转成文本处理, 本次只说语音转文本. 需要注意的是平台对语音的格式有要求, 所以我们需要对语音进行转换格式. 语音转换 使用的工具是ffmpeg, ffmpeg的安装和配 ...

  2. js 一段语音转换为文字 (暂时没有测试)

    方法一: function fun() {var val=document.getElementById("val").value;var zhText = val;zhText ...

  3. ASR语音转文字模型——项目落地

    模型: PaddlePaddle-DeepSpeech 训练数据集: Aishell:178小时,16khz,16bit,400人录制,涉及智能家居.无人驾驶.工业生产等11个领域的中文语音库. Fr ...

  4. js前端实现语言识别(asr)与录音

    js前端实现语言识别与录音 前言 实习的时候,领导要求验证一下在web前端实现录音和语音识别,查了一下发现网上有关语音识别也就是语音转文字几乎没有任何教程. 其实有一种方案,前端先录音然后把录音传到后 ...

  5. asr语音转写_搜狗智能录音笔C1正式上市 语音转文字准确率达95%

    中新网3月19日电 3月18日,搜狗旗下全新智能硬件--搜狗智能录音笔C1在搜狗商城.京东等平台正式发售.在当天的产品沟通会上,搜狗公司CTO杨洪涛表示,搜狗智能录音笔C1集成了搜狗的核心AI技术,能 ...

  6. 阿发你好java_191122_01 纯前端JS实现的文字验证码

    纯前端JS实现的文字验证码 作者:邵发 本文是Java学习指南系列教程的官方配套文档.内容介绍一种基于JavaScript绘制的纯前端实现的验证码技术.本文附带项目源码及相关JAR包. 1.  验证码 ...

  7. asr语音转写_【AI模型测试】语音转文字ASR的测试方法学习

    最近这几天有相关的语音转文字的测试,主要是针对几个供应商提供的接口,然后对识别结果进行校对和评估,来确认哪个供应商提供的品质和性价比等更好. 然后自学了下语音转文字的一些测试方法,记录下来,方便使用. ...

  8. 科大讯飞语音听写-前端JS

    前端JS: (function (window) {//兼容window.URL = window.URL || window.webkitURL;navigator.getUserMedia = n ...

  9. 语音自动识别文字软件

    广告关闭 腾讯云双11爆品提前享,精选热门产品助力上云,云服务器首年88元起,买的越多返的越多,最高满返5000元! 腾讯云语音识别(asr) 为开发者提供语音转文字服务的最佳体验. 语音识别服务具备 ...

最新文章

  1. 组策略妙用----通过组策略禁止域用户更改IP地址
  2. tcount在哪个文件里_在cad中tcount快速编号命令怎么用,求教
  3. oracle快速备份全库,做了两次rman 全库备份,如何快速删除第一次的备份?
  4. 渗透测试之通过代码审计打点
  5. html area图片热点
  6. 深入理解计算机系统 视频教程,深入理解计算机系统1
  7. linux 调用外部变量,sed当中使用变量替换以及执行外部命令
  8. 解决ubuntu上在androidstudio中启动emulator闪退的问题(1)
  9. ASP.NET Core DI 手动获取注入对象
  10. 程序员“不会”修电脑的原因
  11. 无广告输入法_完胜搜狗的输入法来了!智能无广告,不用下载就可以使用!
  12. Delta对冲:模拟实验
  13. Android逆向工程实例 -- 善领安卓版DSA APP手势操作bug修复
  14. 最新:2021年7月全国程序员平均薪资出炉!你还坐得住吗?
  15. AD19 keepoutlayer相关
  16. C++如何运用play sound函数,给你的程序加点音乐
  17. 消防应急灯锂电池供电2.5V-30V升压恒流驱动IC方案
  18. 二手iPhone手机选购指南,花小钱办大事
  19. Could not create FileSystem for highly available storage path (hdfs://node7-1/flink/ha/flinkCluster)
  20. python编程入门到实践学习笔记——外星人入侵游戏pygame(二 外星人)

热门文章

  1. 华为mate40RS能升级鸿蒙,华为mate40rs快速开箱
  2. 自然图像抠图/视频抠像技术发展情况梳理
  3. SQL Server 存储过程的运用
  4. labview 添加自定义Lib
  5. python requests的作用_requests session的作用
  6. 机器学习——支持向量机算法
  7. 此去经年如梦,更与何人说?
  8. 移植Linux-3.4.2过程学习笔记1——串口打印乱码问题
  9. ARFoundation之路-光照估计
  10. 蓝帽杯2022初赛电子取证