K-Means聚类演示器 - 交互式数据分类
在Canvas上随机撒点,运行K-Means算法,观察中心点迭代移动和簇的形成。
UD5工具箱
基于 COCO-SSD 深度学习模型 · 实时识别 80 类常见物体
拖拽图片到此处 或 点击上传
支持 JPG / PNG / WebP 格式
等待检测...
上传图片或开启摄像头开始识别
COCO-SSD 是基于 TensorFlow.js 的预训练目标检测模型,使用 COCO 数据集(Common Objects in Context)训练,能识别 80 种日常物体。SSD(Single Shot MultiBox Detector)是一种单次检测架构,速度快、适合浏览器端实时推理。模型权重约 10-20MB,首次加载需下载。
涵盖人、交通工具(汽车、自行车、飞机等)、动物(猫、狗、鸟、马等)、家居物品(椅子、桌子、杯子、瓶子等)、电子产品(笔记本电脑、手机、键盘等)、食物(苹果、披萨、蛋糕等)共 80 类。完整列表见 COCO 数据集官方文档。
首次使用时需从 CDN 下载模型权重文件(约 10-20MB),速度取决于网络状况。加载完成后浏览器会缓存,后续使用将显著加快。如遇加载失败,请检查网络连接或尝试刷新页面。
确保物体清晰可见、光照充足、背景不过于杂乱;调整置信度阈值(建议 40%-60%)过滤低质量结果;摄像头模式下保持稳定,避免剧烈晃动。模型对近距离、正面视角的物体识别效果最佳。
需要浏览器授予摄像头访问权限。首次使用时会弹出权限请求。请确保使用 HTTPS 连接(localhost 除外),否则 getUserMedia API 将不可用。移动端建议使用后置摄像头获得更好的识别体验。
所有识别运算均在您的设备本地浏览器中完成,图片和视频流不会上传到任何服务器。COCO-SSD 模型完全在客户端运行,无需网络即可推理(模型加载后)。您可放心使用。
在Canvas上随机撒点,运行K-Means算法,观察中心点迭代移动和簇的形成。
实时在摄像头视频中捕捉面部468个精细网格点,可添加贴纸或虚拟化妆。
随机生成整数数组,逐步展示按低位优先进行的基数排序过程,辅助算法理解。
上传一小块纹理样本,利用简单模板匹配算法无缝扩展填充成一张大图。
输入后缀表达式或简单指令,逐步演示栈的压入弹出计算过程。
自定义套餐名、价格、功能列表,生成对比式价格表UI的HTML/CSS代码。
配置头像、姓名、头衔和评价内容,生成带引用样式的客户感言卡片代码。
输入两个二进制数和操作码,可视化展示简单ALU的加减乘除、与或非结果和标志位。
输入URL提取OG标签,模拟Facebook/Twitter/LinkedIn卡片显示效果,优化链接分享。
粘贴JWT,自动Base64解码并显示明文Header和Payload。
输入网址,抓取该页面上的出入链接并绘制成节点关系草图。
使用Seam Carving算法逐步移除图片中不重要的像素线以缩小尺寸,前端模拟教学。
利用浏览器原生API录制屏幕共享或窗口,选择音频源,导出为WebM视频。
输入标题与描述,模拟Google搜索结果片段,检查截断与关键词效果。
对同一输入运行多种哈希算法,并对比它们在前端的执行速度。
使用Argon2id算法生成密码哈希,配置内存/迭代/并行度,提升暴力破解难度,前沿安全实践。
拖拽构建阶段与任务,配置触发条件,生成对应的GitLab CI或GitHub Actions YAML代码。
摄像头连续拍摄4张照片,自动合成为经典大头贴长条,可加可爱边框。
解析任何User-Agent字符串,返回详细的设备类别、制造商、操作系统及浏览器/引擎版本信息。
可视化演示固定窗口、滑动窗口、令牌桶等常见限流算法,实时请求计数与拒绝逻辑。
调节传染率和康复率,查看易感、感染、康复人数随时间变化的曲线。
通过PerformanceObserver获取首次绘制(FP)和首次内容绘制(FCP)时间。
解析User-Agent字符串,识别浏览器名称版本、操作系统、设备类型,帮助了解访客环境。
编辑RAML定义,实时渲染资源结构、方法及响应示例,适合REST API设计初期。
在等轴测网格上绘制建筑或场景,支持多图层及调色板,导出等轴测像素艺术作品。
解析诸如 `application/json; charset=utf-8` 的结构,分离类型、子类型与参数。
计算文本或文件的BLAKE2b/BLAKE2s哈希值,比MD5更安全,比SHA更快,纯前端JS库实现。
生成由易读单词和数字组成的密码短语,大小写清晰,避免混淆字符,方便语音传达或抄写。
添加多个周期任务和一次性延迟任务,在时间轴上观察其调用过程,学习JS定时器。
输入URL的OG标签内容,模拟在Facebook/Twitter上的链接预览卡片效果,调试SEO标记。