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

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

news 2026/4/11 18:26:14

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

<!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组件&#xff0c;允许开发者在小程序中嵌入网页。然而&#xff0c;由于小程序和网页运行在不同的环境中&#xff0c;它们之间的通信就需要依赖特定的机制来实现。然而我们日常的需求中&#xff0c;很多的时候都涉及…...

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

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

在android开发中&#xff0c;调试时会把C代码直接编译成可执行程序&#xff0c;运行在android设备上以确认其功能是否正常。 1、基于NDK编译可执行文件 2、push到 /data/local/tmp目录下 3、设置权限&#xff0c;执行。 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 提供的一个工具&#xff0c;用于自动化生成、验证和续订证书。 DNS验证是 Cerbot 支持的验证方式之一。相比 HTTP 验证或 TLS-ALPN 验证&#xff0c;DNS …...

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

shell技能树-扩展变量

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

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

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

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

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

LabVIEW瞬变电磁接收系统

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

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

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

历史文章&#xff08;文章累计530&#xff09; 《国内最全的Spring Boot系列之一》 《国内最全的Spring Boot系列之二》 《国内最全的Spring Boot系列之三》 《国内最全的Spring Boot系列之四》 《国内最全的Spring Boot系列之五》 《国内最全的Spring Boot系列之六》 《…...

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

Linux系统扩容根 (/) 文件系统空间

[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框架&#xff0c;原⽣的JavaScript提供的API操作DOM元素时, 代码⽐较繁琐, 冗⻓. 我们学习使⽤JQuery来操作⻚⾯对象&#xff0c;如 • ⽹⻚内容 • ⽹⻚结构 …...

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

JAVA学习记录2

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

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

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

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

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

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

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

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

【养生--果蔬汁】

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

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

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

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

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

【SQL】Delete使用

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

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

KBQA前沿技术

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

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

跨年烟花C++代码

嘿&#xff0c;朋友们&#xff01;今天来给大家讲讲一段挺有意思的C代码呀&#xff0c;这段代码主要是用来实现一个烟花效果展示的程序哦&#xff0c;下面咱们一点点来看哈。 效果 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时&#xff0c;报错缺失GLIBC_2.27&#xff0c;因为后续操作出问题会导致服务器挂&#xff0c;所以最好先备份一下。 解决 查询glibc版本 输入指令查询系统glibc版本&#x…...

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

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

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

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

MindSpore 环境配置完全指南奄

前面我们对 Kafka 的整体架构和一些关键的概念有了一个基本的认知&#xff0c;本文主要介绍 Kafka 的一些配置参数。掌握这些参数的作用对我们的运维和调优工作还是非常有帮助的。 写在前面 Kafka 作为一个成熟的事件流平台&#xff0c;有非常多的配置参数。详细的参数列表可以…...

编程新知 2026/4/11 18:00:21

终极指南：如何让Intel Mac保持凉爽的3个简单技巧

终极指南&#xff1a;如何让Intel Mac保持凉爽的3个简单技巧 【免费下载链接】smcFanControl Control the fans of every Intel Mac to make it run cooler 项目地址: https://gitcode.com/gh_mirrors/smc/smcFanControl 你是否曾经在使用Intel Mac进行视频剪辑或编程时…...

编程新知 2026/4/11 16:56:38

Piggy_Packages V2026.1 帮助文档（九）模式评估

获取Piggy_Packages 还没有Piggy_Packages的同学&#xff0c;请参考这篇帖子获取&#xff1a; Piggy_Packages V2026.1 帮助文档&#xff08;一&#xff09;开箱即用 模型评估工具&#xff08;MET&#xff09;是一种常用的对WRF预报结果进行评估的工具。今天我们来学习一项它…...

编程新知 2026/4/11 16:44:32

暗黑破坏神2存档编辑器的终极指南：打造你的完美角色

暗黑破坏神2存档编辑器的终极指南&#xff1a;打造你的完美角色 【免费下载链接】d2s-editor 项目地址: https://gitcode.com/gh_mirrors/d2/d2s-editor 你是否曾为暗黑破坏神2中某个角色的属性分配不当而后悔&#xff1f;是否想体验不同装备组合却不想花费数小时刷装备…...

编程新知 2026/4/11 14:54:25

OBS背景移除插件终极指南：三步实现专业级绿幕效果

OBS背景移除插件终极指南&#xff1a;三步实现专业级绿幕效果 【免费下载链接】obs-backgroundremoval An OBS plugin for removing background in portrait images (video), making it easy to replace the background when recording or streaming. 项目地址: https://gitc…...

编程新知 2026/4/11 14:38:00

网络运维实战：如何使用 Traceroute 进行网络故障排查？

网络运维实战&#xff1a;如何使用 Traceroute 进行网络故障排查&#xff1f;前言一、Traceroute 概述&#xff1a;是什么&#xff1f;能干什么&#xff1f;1.1 基本定义1.2 核心作用二、Traceroute 工作原理&#xff08;通俗版&#xff09;2.1 核心原理&#xff1a;利用 TTL 超…...

编程新知 2026/4/11 13:35:20

毕业之家20+核心功能盘点：选题、大纲、初稿、降重、查重、排版、答辩全包了

在论文写作过程中&#xff0c;不知如何下笔、结构混乱、查重焦虑、格式繁琐是困扰大多数毕业生的主要问题。毕业之家&#xff08;biye.com&#xff09;正是针对这些痛点打造的一站式AI论文写作平台&#xff0c;覆盖从选题到答辩的全流程-6-8。 一、核心定位&#xff1a;专为毕…...

编程新知 2026/4/11 13:35:20

【GESP】C++一级真题 luogu-B4495, [GESP202603 一级] 交朋友

2026年3月&#xff0c;GESP一级真题&#xff0c;考察基础语句和逻辑&#xff0c;难度★☆☆☆☆。 B4495 [GESP202603 一级] 交朋友 题目要求 题目题解详见https://www.coderli.com/gesp-1-luogu-b4495/ https://www.coderli.com/gesp-1-luogu-b4495/https://www.coderli.co…...

编程新知 2026/4/11 13:31:12

[STM32]从零开始的STM32 GPIO实战：LED驱动与寄存器/库函数双视角解析

1. 为什么LED是STM32入门的必修课 第一次接触STM32开发板时&#xff0c;你会发现几乎所有的教程都把点亮LED作为第一个实验。这就像学编程时写的"Hello World"&#xff0c;看似简单却意义重大。我当年刚开始玩STM32时&#xff0c;也是从这个小灯珠开始的。现在回想起…...

编程新知 2026/4/11 13:10:39

OpenResty终极优化：引入L1本地缓存，实现微秒级响应

在上一篇文章中&#xff0c;我们实现了OpenResty查询Redis的架构。虽然Redis很快&#xff0c;但它毕竟是一个远程服务&#xff0c;每次查询都需要经过网络I/O&#xff08;即使是本地回环网络&#xff0c;也有协议解析和上下文切换的开销&#xff09;。在超高并发场景下&#xf…...

编程新知 2026/4/11 11:51:30