Web Speech API 综合演示 - 识别与合成双向
在页面中同时使用语音识别和合成,展示如何构建语音交互界面。
UD5工具箱
在页面中同时使用语音识别和合成,展示如何构建语音交互界面。
通过分析字符的Unicode区块,推算文本最可能属于哪种语言/文字系统,无需网络即用。
模拟创建 WebTransport 连接(需服务端配合),发送和接收数据报,体验低延迟通信。
检测当前页面可用的浏览器功能策略(如相机、麦克风),并生成对应的Permissions-Policy头。
检查输入的JSON-LD代码是否符合JSON语法及常见Schema.org类型规范,高亮错误。
连接游戏手柄,实时显示摇杆、方向键、按钮的按下状态和力度,调试游戏输入。
输入 CSS 和自定义 PostCSS 插件代码,实时查看处理后的输出,用于插件开发。
输入HTML或直接编写标题结构,检查h标签的层级是否跳跃,确保页面轮廓正确。
粘贴HTML或JSON-LD,工具检测并模拟Google搜索结果中的富文本摘要预览。
编写即将到来的CSS原生嵌套语法,实时查看等效的传统CSS输出与匹配效果。
提供HTML片段和CSS选择器,高亮匹配的元素并返回数量,快速验证选择器效果。
比较两个JSON对象的深层差异,高亮新增、删除和修改的键值,辅助数据同步与调试。
计算文章关键词及 N-gram 短语的密度,辅以 TF 可视化,帮助内容优化。
输入自己与竞争对手页面内容,提取高频词并显示重叠与差异,发现内容机会。
粘贴 SQL DDL 建表语句,自动提取表结构和外键关系并绘制实体关系图。
粘贴多行数据,一次性生成对应多个条形码图片,可设置尺寸,适合打印标签批量。
粘贴自己和竞品文章,分析关键词密度和重叠度,辅助内容优化。
对页面进行两次堆快照(需手动操作),简单对比新增对象数量和大小。
使用指针锁定 API 在 3D 场景中控制视角移动,模拟 FPS 游戏鼠标控制。
输入代表情绪的关键词,自动匹配配色方案和字体样式,生成情绪板卡片。
通过多层 text-shadow 叠加生成具有厚度和光照感的 3D 文字效果。
定义字段名称和类型(姓名、邮箱、数字范围等),批量生成符合规则的 JSON 模拟数据。
创建多个存储桶,分别设置持久化与配额策略,管理不同业务数据的存储优先级与驱逐顺序。
检测并列举所有显示器,将网页窗口精确定位到指定屏幕的特定位置,适合多屏办公场景。
添加、列出和删除内容索引中的条目,展示离线可用内容。
制作像荧光笔划过的高亮背景或扫描下划线效果,导出类名。
将单词或短句用相似读音的数字/符号替换,创造趣味字谜,可导出图片分享。
使用Web Speech Recognition API将语音转为文本,支持自动标点,可事后编辑复制。
触发系统原生分享,支持分享文本、链接与文件,检查浏览器兼容性与支持级别。
在单页内模拟MPA过渡效果,自定义进场/出场动画,体验View Transitions API丝滑切换。