虚拟键盘API演示 - 控制键盘遮盖与布局
体验VirtualKeyboard API如何控制网页不被系统软键盘遮盖,并获取键盘几何信息。
UD5工具箱
touch-action: none 来禁用浏览器默认手势,确保所有触摸事件都能被正确捕获。
touch-action: none 禁用浏览器默认手势处理,确保事件捕获的完整性。所有数据仅在浏览器本地处理,不涉及任何远程通信。
体验VirtualKeyboard API如何控制网页不被系统软键盘遮盖,并获取键盘几何信息。
用鼠标像拿喷漆罐那样快速划过,产生飞溅和渐变效果,创作数字涂鸦。
在Canvas上手写数字,通过预训练的简单模型或k-NN演示实时预测数字标签。
利用MediaPipe Hands模型,实时识别手部21个关键点并在摄像头上绘制骨架。
显示一个和弦名称,在虚拟键盘上高亮正确琴键并播放,用于学习和弦构成。
屏幕随机显示字母,需要在键盘上按下对应按键,界面高亮提示指法位置。
使用Web Speech Recognition API将语音转为文本,支持自动标点,可事后编辑复制。
手动或借助浏览器扩展统计在各网站的耗时,设定红线上瘾提醒。
模拟中国算盘,拖动算珠表示数字,辅助理解十进制和珠算。
监听copy/cut/paste事件,显示传输的数据类型与内容片段,洞察页面剪贴板交互。
输入原调和和弦进行,选择夹在第几品,输出新调的实际弹奏和弦。
使用 Web Speech Recognition API 持续捕捉语音,实时显示识别文字,支持多语言。
显示数字时间,要求在表盘上拖动时针分针至正确位置,适合幼儿学时间。
随机展示Vim命令描述,要求按下正确热键序列,分难度等级强化肌肉记忆。
带语音和动画的算盘,逐步演示如何拨珠进行加减运算。
生成使用隐藏radio按钮和CSS控制切换的内容标签页代码,无需JavaScript。
手动记录不同时间点的温度读数,自动生成时间-温度折线图。
模拟客户端定时请求服务器数据,展示网络延迟和响应,对比短轮询效率。
多个独立计数器,点击加减记录人流量、库存等,数据保存在本地。
定义正则表达式,从非结构化文本中提取字段并自动生成 CSV 表格。
粘贴技术文档,提取所有首字母大写的短语并生成带定义的简易术语表。
设定轮换间隔,到点发声提醒切换角色,确保结对编程公平有效。
按创建、分支、合并等场景筛选 Git 命令,点击查看说明和示例。
模拟两个分支修改同一文件产生的冲突标记,在编辑器中手动解决并提交,学习冲突处理。
编辑用户名、头像、内容、点赞数等,生成逼真的假推文截图,用于演示或搞笑。
设置多个质点的质量和初始速度,模拟万有引力下的运动轨迹,观察三体问题等混沌现象。
模拟带音效和特效的开箱过程,随机获得不同皮肤的道具。
自定义稀有度概率(SSR/SR/R)和奖品列表,模拟游戏抽卡动画及统计。
应用马氏算法将图片转换为红色盲、绿色盲、蓝色盲视角的模拟效果。
生成随机生日列表,检测首次出现重复生日的平均人数,直观验证生日悖论。