轮询机制模拟器 - setInterval 数据请求演示
模拟客户端定时请求服务器数据,展示网络延迟和响应,对比短轮询效率。
UD5工具箱
模拟客户端定时请求服务器数据,展示网络延迟和响应,对比短轮询效率。
在前端创建模拟 SSE 连接,接收服务器推送的消息流并实时渲染到页面。
连接示例 SSE 端点,展示服务器单向推送的实时数据流,并显示事件类型和数据。
为麦克风输入实时添加大厅混响和回声效果,简易网页K歌体验。
基于简单WebSocket服务,多人同时在同一画布上绘图,远程协作。
使用 Web Speech Recognition API 持续捕捉语音,实时显示识别文字,支持多语言。
使用CompressionStream和DecompressionStream对文本进行实时的gzip或brotli压缩与解压。
连接CheerLights API,显示全球此刻统一的情绪颜色,加入同步。
实时在摄像头视频中捕捉面部468个精细网格点,可添加贴纸或虚拟化妆。
调用摄像头,通过Shape Detection API实时识别图像中的条形码或人脸位置。
打开摄像头,实时对画面应用鱼眼畸变效果,调节强度,感受超广角魅力。
调用摄像头或截取屏幕区域,叠加色觉障碍模拟滤镜,帮助理解不同色盲视角。
打开摄像头,实时应用像素化滤镜,并调节块大小,体验低分辨率艺术感。
从麦克风采集声音,用Web Audio实时改变音高、加速、加回声或机器人效果。
利用Canvas将摄像头画面或图片实时切割并多重镜像,形成动态万花筒视觉效果。
使用TensorFlow.js调用COCO-SSD模型,在摄像头画面中实时框选并标注物体。
调用摄像头,实时应用红色盲、绿色盲、蓝黄色盲等滤镜,让普通人体验色觉障碍者的世界。
搜索并添加多个城市,显示当前时间与日期,适合远程团队。
使用Web Speech Recognition API将语音转为文本,支持自动标点,可事后编辑复制。
从公开汇率 API 获取最新数据,进行任意两种货币的换算,展示近期趋势图。
打开摄像头,实时应用红绿色盲、蓝黄色盲等滤镜,沉浸式体验色觉障碍的世界。
根据设备方向和地理位置,显示当前头顶天空的星座连线。