当前位置：首页 > news >正文

【工具】HTML自动识别用户正在讲话以及停止讲话

news 2025/9/23 4:32:23

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>语音识别</title>
</head>
<body><h2>点击按钮开始语音识别</h2><button id="startButton">开始识别</button><p id="status">等待用户讲话...</p><script>let recognition;let isRecognizing = false;// 检查浏览器是否支持 Web Speech APIif (!('webkitSpeechRecognition' in window)) {alert("抱歉，您的浏览器不支持语音识别！");} else {recognition = new webkitSpeechRecognition();recognition.continuous = true;  // 设置为持续模式，识别一段时间后不会停止recognition.interimResults = true;  // 获取中间结果// 语音识别开始时recognition.onstart = function() {isRecognizing = true;document.getElementById('status').innerText = "正在识别中...";};// 语音识别结束时recognition.onend = function() {isRecognizing = false;document.getElementById('status').innerText = "停止识别，等待用户讲话...";};// 识别到语音时recognition.onresult = function(event) {let result = event.results[event.resultIndex];let transcript = result[0].transcript;  // 获取识别的文本console.log("识别结果:", transcript);// 如果有中间结果，可以实时更新if (event.results[0].isFinal) {document.getElementById('status').innerText = "识别结果: " + transcript;}};// 点击按钮开始识别document.getElementById('startButton').addEventListener('click', function() {if (isRecognizing) {recognition.stop();  // 停止识别document.getElementById('status').innerText = "已停止识别。";} else {recognition.start();  // 开始识别}});}</script>
</body>
</html>

【工具】HTML自动识别用户正在讲话以及停止讲话

【工具】HTML自动识别用户正在讲话以及停止讲话 <!DOCTYPE html> <html lang"zh"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>语…...

编程日记 2025/1/8 16:18:46

小程序与内嵌网页的数据通信

小程序与内嵌网页的数据通信前言微信小程序提供了web-view组件，允许开发者在小程序中嵌入网页。然而，由于小程序和网页运行在不同的环境中，它们之间的通信就需要依赖特定的机制来实现。然而我们日常的需求中，很多的时候都涉及…...

编程日记 2025/1/8 16:17:45

Android - NDK：编译可执行程序在android设备上运行

在android开发中，调试时会把C代码直接编译成可执行程序，运行在android设备上以确认其功能是否正常。 1、基于NDK编译可执行文件 2、push到 /data/local/tmp目录下 3、设置权限，执行。 ndk工程中build.gradle设置 groovy plugins {id com.a…...

编程日记 2025/1/8 16:12:37

快速上手：采用Let‘sEncrypt免费SSL证书配置网站Https (示例环境:Centos7.9+Nginx+Let‘sEncrypt)

1 关于Let’s Encrypt与Cerbot DNS验证 Let’s Encrypt 是一个提供免费证书的认证机构。 Cerbot 是 Let’s Encrypt 提供的一个工具，用于自动化生成、验证和续订证书。 DNS验证是 Cerbot 支持的验证方式之一。相比 HTTP 验证或 TLS-ALPN 验证，DNS …...

编程日记 2025/1/8 16:11:35

shell技能树-扩展变量

扩展变量是指在shell脚本中用于实现条件判断和变量操作的特殊语法。表格总结： 前三个存在或者非空时，优先使用待测变量，否则使用默认值（或报错）。最后一个存在或者非空时，优先使用默认值&#xff0c…...

编程日记 2025/1/8 16:10:32

基于RedHat9部署WordPress+WooCommerce架设购物网站

系统版本信息：Red Hat Enterprise Linux release 9.2 (Plow) WordPress版本信息：wordpress-6.6.2-zh_CN WooCommerce版本信息：woocommerce.9.5.1 环境架构：LNMP（RedHat9nginx1.20.1PHP 8.0.27MySQL8.0.30） …...

编程日记 2025/1/8 16:06:25

LabVIEW瞬变电磁接收系统

利用LabVIEW软件与USB4432采集卡开发瞬变电磁接收系统。系统通过改进硬件配置与软件编程，解决了传统仪器在信噪比低和抗干扰能力差的问题，实现了高精度的数据采集和处理，特别适用于地质勘探等领域。项目背景： 瞬变电磁法是探…...

编程日记 2025/1/8 16:05:23

Docker入门篇[SpringBoot之Docker实战系列] - 第534篇

历史文章（文章累计530） 《国内最全的Spring Boot系列之一》《国内最全的Spring Boot系列之二》《国内最全的Spring Boot系列之三》《国内最全的Spring Boot系列之四》《国内最全的Spring Boot系列之五》《国内最全的Spring Boot系列之六》《…...

编程日记 2025/1/8 15:54:12

[rootlocalhost ~]# df -Th / # 查看当前根文件系统使用情况 [rootlocalhost ~]# lsblk # 查看设备的挂载情况 [rootlocalhost ~]# lvdisplay # 查看逻辑卷使用情况 # 操作磁盘分区表 [rootlocalhost ~]# fdisk /dev/nvme0n1 欢迎使用 fdisk (util-linux 2.37.4…...

编程日记 2025/1/8 15:50:58

JavaScript之JQuery

JQuery W3C 标准给我们提供了⼀系列的函数, 让我们可以操作: jQuery是⼀个快速、简洁且功能丰富的JavaScript框架，原⽣的JavaScript提供的API操作DOM元素时, 代码⽐较繁琐, 冗⻓. 我们学习使⽤JQuery来操作⻚⾯对象，如 • ⽹⻚内容 • ⽹⻚结构 …...

编程日记 2025/1/8 15:49:48

JAVA学习记录2

文章为个人学习记录，仅供参考，如有错误请指出。如何开发第一个JAVA程序？ 开发java程序主要分为三个步骤： 1.编写代码 2.编译代码 3.运行代码 1.编写代码编写java的工具有很多，文本编辑器、Notepad、Visual Stu…...

编程日记 2025/1/8 15:48:42

计算机网络、嵌入式等常见问题简答

1.嵌入式系统中经常要用到无限循环，如何用C编写死循环答：while(1){}或者for(;;) 2.程序的局部变量存在于哪里，全局变量存在于哪里，动态申请数据存在于哪里。答：程序的局部变量存在于栈区；全局变量存在…...

编程日记 2025/1/8 15:46:31

中华人民共和国预算法实施条例

(1995年11月2日国务院第37次常务会议通过　1995年11月22日中华人民共和国国务院令第186号发布　自发布之日起施行) 第一章　总则第一条　根据《中华人民共和国预算法》(以下简称预算法)，制定本条例。第二条　县级以上地方政府的派出机关，根据本级政…...

编程日记 2025/1/8 15:45:29

【养生--果蔬汁】

果蔬汁： 1、甜菜根苹果柠檬菠萝 2、羽衣甘蓝苹果菠萝番石榴 3、番茄蓝莓苹果 4、胡萝卜、番茄、菠菜、西芹、西蓝花、甘蓝、花菜、南瓜、甜椒 5、火龙果香蕉 6、黄瓜香蕉 7、黄瓜雪梨 8、番茄苹果 9、黄瓜生菜 10、柚子雪梨 11、胡萝卜苹果黄瓜 12、黄瓜…...

编程日记 2025/1/8 15:39:20

LLM架构从基础到精通之词向量1

自然语言处理中的词嵌入：从基础到应用在自然语言处理（NLP）领域，词嵌入是一个极为关键的概念。它本质上是一种将单词转换为连续向量空间中的数值表示（即向量）的方法，旨在捕捉单词的语义信息&am…...

编程日记 2025/1/8 15:37:16

【SQL】Delete使用

目录语法需求示例分析代码语法 DELETE删除表中所需内容删除表中满足特点条件的行：DELETE FROM 表名 WHERE 条件; 删除表中所有行：DELETE FROM 表名; WHERE子句 WHERE子句用于指定从表中选取记录的条件。允许筛选数据，只返回满足…...

编程日记 2025/1/8 15:36:14

KBQA前沿技术

文章目录 KBQA面临的挑战基于模板的方法基于语义解析的方法基于深度学习的传统问答基于深度学习的端到端问答模型KBQA面临的挑战目前还存在两个很大的困难阻碍着KBQA系统被广泛应用。一个困难是现有的自然语言理解技术在处理自然语言的歧义性和复杂性方面还显得比较薄弱。例如…...

编程日记 2025/1/8 15:35:11

跨年烟花C++代码

嘿，朋友们！今天来给大家讲讲一段挺有意思的C代码呀，这段代码主要是用来实现一个烟花效果展示的程序哦，下面咱们一点点来看哈。效果 1. 开头包含的那些头文件 #include <graphics.h> #include <conio.h> #include &…...

编程日记 2025/1/8 15:33:05

centos服务器 /1ib64/libm.so.6: version “GLIBc 2.27’ not found 异常

centos服务器 /1ib64/libm.so.6: version “GLIBc 2.27’ not found 异常问题在服务器使用open3d时，报错缺失GLIBC_2.27，因为后续操作出问题会导致服务器挂，所以最好先备份一下。解决查询glibc版本输入指令查询系统glibc版本&#x…...

编程日记 2025/1/8 15:29:59

职场：如何快速适应职场新环境？

快速适应职场新环境是每个新员工都需要面对的重要挑战。为了能够顺利过渡并尽快融入新团队，以下是一些实用的策略： 1. 保持积极心态开放心态：进入新环境时，保持开放的心态对于适应变化至关重要。要愿意接受新的挑战&#xff0c…...

编程日记 2025/1/8 15:28:56

Java 语言特性(面试系列2)

一、SQL 基础 1. 复杂查询 （1）连接查询（JOIN） 内连接（INNER JOIN）：返回两表匹配的记录。 SELECT e.name, d.dept_name FROM employees e INNER JOIN departments d ON e.dept_id d.dept_id; 左…...

编程新知 2025/7/12 7:16:15