Web Locks API演示 - 多标签页资源协调
在多个浏览器标签页间通过Web Locks API协调共享资源的访问,展示锁机制。
UD5工具箱
点击麦克风按钮开始识别
暂无识别记录
开始录音识别后,结果将显示在这里
是的,本工具使用浏览器内置的 Web Speech API,该API将音频发送至云端服务器进行识别处理,因此需要稳定的网络连接。识别过程中音频数据会加密传输,确保隐私安全。离线状态下语音识别将无法正常工作。
目前Google Chrome(桌面版和Android版)和Microsoft Edge(Chromium内核版本)对Web Speech API支持最为完善。Safari从iOS 14.5 / macOS 11.3开始提供有限支持。Firefox目前不支持SpeechRecognition接口。建议使用最新版Chrome或Edge获得最佳体验。
Web Speech API的语音数据由浏览器厂商(如Google)的服务器处理。Chrome使用Google的语音识别服务,数据在传输过程中经过加密。识别完成后,服务器通常不会长期存储您的语音数据。但如果您对隐私有严格要求,建议避免在语音中包含敏感个人信息。本工具不会在本地存储任何音频文件,仅保存识别后的文本结果。
本工具支持20+种主流语言和方言,包括中文(简体/繁体/粤语)、英语(美式/英式)、日语、韩语、法语、德语、西班牙语、意大利语、葡萄牙语、俄语、阿拉伯语、印地语、泰语、越南语、荷兰语、土耳其语、波兰语等。切换语言后无需额外设置,直接点击录音按钮即可使用新语言进行识别。系统会自动适配所选语言的语音模型。
Web Speech API在检测到较长时间静音(通常约5-10秒无语音输入)后会自动停止录音以节省资源。这是浏览器的内置行为,无法完全禁用。如果您需要长时间连续识别,请在说话时保持持续语音输入,或在自动停止后重新点击录音按钮。本工具已启用连续识别模式,会尽可能延长录音时长。
Android设备使用Chrome浏览器可获得与桌面端几乎一致的体验。在iOS设备上,Safari从iOS 14.5开始支持Web Speech API,但实现可能不如Chrome完善。移动端使用时建议在系统设置中确保已授予浏览器麦克风权限。此外,移动网络环境下的识别速度和准确率可能受网络质量影响。
识别历史记录使用浏览器的localStorage存储在您的设备本地,不会上传至任何服务器。如果您清除浏览器缓存或站点数据,历史记录将会被删除。您也可以随时点击"清空"按钮手动删除所有记录。历史记录最多保存100条,超出后将自动删除最早的记录。
在多个浏览器标签页间通过Web Locks API协调共享资源的访问,展示锁机制。
列出当前页面所有 Cookie,包括 SameSite、Secure、Domain、Path 等完整信息。
选择源图(提供色调)和目标图,将源图的整体色彩风格迁移到目标图片上。
展示所有内置缓动函数(ease, linear 等)及自定义 cubic-bezier 的运动曲线和动画效果。
输入简单句,生成传统的句子图解树,显示成分关系。
上传多张小图标,自定义排列间距,自动生成合并图片和对应的 background-position CSS。
利用Unicode字符映射,将输入文本上下颠倒翻转显示,可直接复制到社交平台。
上传两张图片,通过滑块左右拖动查看叠加差异,用于展示修图前后或滤镜效果。
选择螺旋类型(阿基米德、对数、费马等),调整参数绘制优美螺旋线。
分类浏览行为面试、技术面试等常见问题,附回答思路提示。
在触摸区域内滑动,实时检测方向(上/下/左/右)并记录距离和速度,用于交互调试。
通过可视化参数生成纯 CSS 的背景图案(斜条纹、圆点、方格等),实时调整颜色和尺寸。
选择预设图案(条纹、棋盘、点阵),微调颜色和尺寸,输出background代码。
浏览数十种纯CSS实现的几何背景图案,一键复制代码。
模拟通灵板,随机选取字母拼出诡异单词,仅供娱乐。
加载 JSON 数据,生成带列排序、搜索过滤和前端分页的交互式表格。
计算并比较多个CSS选择器的优先级数值(a,b,c,d),直观解释为何某样式生效。
自定义颜色和文本,生成Cookie同意提示栏HTML/CSS/JS代码,集成到网站。
输入定约墩数、是否加倍、是否成局等,精确计算桥牌得分。
拍照或上传每日试纸结果,按时间排列,辅助判断排卵趋势。
将彩色照片转为黑白灰度,支持平均值、加权法等算法,调整亮度对比度,前端即时出图。
记录鼠标移动轨迹作为手势,绑定到页面内操作(如刷新、返回),仅供演示。
经典数字滑块拼图,点击移动数字方块,按顺序排列还原,内置步数计时。
将SVG代码或文件渲染为指定尺寸的PNG图片,支持透明背景,纯前端转换保证隐私。
在Canvas上半边绘制陶罐轮廓,自动对称旋转形成3D状的陶罐效果。
向指定 URL 发送不同 HTTP 方法的请求,显示响应状态码、头部和主体,学习 RESTful API。
屏幕颜色变化时尽快点击,测量从刺激到反应的时间,统计平均反应速度。
在一个隔离环境中渲染单个组件,调整 props 查看变化,类似于 Storybook 的轻量替代。
输入用户查询,测试 Dialogflow 代理的意图匹配、参数提取和回复。
播放左声道/右声道单独音频,检验耳机或音响接线。