多设备同步预览框架 - iframe并排
输入URL,在同一个页面上并排显示手机/平板/桌面三种尺寸的实时预览。
UD5工具箱
实时跟随世界情绪变化 · 全球同步
@cheerlights 和颜色名称(如 @cheerlights blue)的推文时,CheerLights 服务器会接收并处理该指令。随后,通过 ThingSpeak 物联网平台将颜色指令广播到全球所有订阅的设备。灯光设备(如 Philips Hue、LIFX 等)会实时响应并改变颜色。整个过程从推文发出到全球灯光同步,通常在 15 秒内完成。
@cheerlights 和以下任一支持颜色的推文即可:red(红)、green(绿)、blue(蓝)、cyan(青)、white(白)、warmwhite(暖白)、purple(紫)、magenta(品红)、yellow(黄)、orange(橙)、pink(粉)、oldlace(旧蕾丝)。全球成千上万的灯光会立即跟随你的选择!
https://api.thingspeak.com/channels/1417/field/2/last.json。无论是个人项目还是商业应用,都欢迎加入这个全球性的灯光同步网络。
数据来源:ThingSpeak CheerLights Channel · 全球灯光同步项目
输入URL,在同一个页面上并排显示手机/平板/桌面三种尺寸的实时预览。
创建多个存储桶,分别设置持久化与配额策略,管理不同业务数据的存储优先级与驱逐顺序。
请求用户位置授权,获取经纬度、精度、海拔等信息,并在开放街道地图上标注位置。
显示用颜色书写的颜色词,要求选择实际文字颜色,测抑制能力。
搜索并实时过滤所有FA6免费图标,点击直接复制 `<i>` 标签或Unicode。
输入URL,检测其是否包含常见安全增强的HTTP响应头并给出评分。
生成包含已完成、活跃、未完成状态的横向步骤进度指示器HTML/CSS。
设置步骤数量和当前步骤,生成带连线的步骤进度条,常用于结账或表单引导。
设定百分比、颜色和粗细,生成环形SVG进度条代码,可增加动画。
输入多个CSS选择器,以图表形式展示各选择器特异性的 (a,b,c) 值对比。
选择缓存策略(Network First, Cache First等),填写预缓存文件列表,生成sw.js文件。
使用 Web Speech Recognition API 持续捕捉语音,实时显示识别文字,支持多语言。
连接示例 SSE 端点,展示服务器单向推送的实时数据流,并显示事件类型和数据。
从公开汇率 API 获取最新数据,进行任意两种货币的换算,展示近期趋势图。
调用摄像头,实时应用红色盲、绿色盲、蓝黄色盲等滤镜,让普通人体验色觉障碍者的世界。
在前端创建模拟 SSE 连接,接收服务器推送的消息流并实时渲染到页面。
模拟客户端定时请求服务器数据,展示网络延迟和响应,对比短轮询效率。
根据设备方向和地理位置,显示当前头顶天空的星座连线。
搜索并添加多个城市,显示当前时间与日期,适合远程团队。
添加城市,拖动时间轴,直观查看各时区对应时间,找到公共可用段。
调用摄像头或截取屏幕区域,叠加色觉障碍模拟滤镜,帮助理解不同色盲视角。
使用Web Speech Recognition API将语音转为文本,支持自动标点,可事后编辑复制。
查询域名在全球多个公共DNS服务器上的A/AAAA记录,对比差异,了解DNS传播状态。
利用Canvas将摄像头画面或图片实时切割并多重镜像,形成动态万花筒视觉效果。
为麦克风输入实时添加大厅混响和回声效果,简易网页K歌体验。
实时在摄像头视频中捕捉面部468个精细网格点,可添加贴纸或虚拟化妆。
使用TensorFlow.js调用COCO-SSD模型,在摄像头画面中实时框选并标注物体。
打开摄像头,实时应用像素化滤镜,并调节块大小,体验低分辨率艺术感。
从麦克风采集声音,用Web Audio实时改变音高、加速、加回声或机器人效果。
使用CompressionStream和DecompressionStream对文本进行实时的gzip或brotli压缩与解压。