Pixel Vortex

WebGL 渲染的 LED 屏：把视频降采样成像素灯珠播放；未提供视频时显示缓慢流动的火焰，亮区跟随指针，自动适配明暗主题。

Customize

视频地址

火焰色

#ff4d12

高光色

#ffd9b0

灯珠尺寸4拼接缝缝宽5速度1跟随指针

Props

属性	类型	默认值	说明
`children`	`ReactNode`	—	叠加在背景之上的内容
`videoSrc`	`string`	—	在 LED 屏上播放的视频地址（跨域需 CORS，服务端需支持 Range 请求以便大视频流式播放），未提供时显示火焰效果
`color`	`string`	`'#ff4d12'`	火焰主色（hex）
`highlightColor`	`string`	`'#ffd9b0'`	最亮处的高光色（hex）
`cellSize`	`number`	`4`	单颗灯珠尺寸（CSS 像素）
`seams`	`boolean`	`false`	是否显示拼接屏接缝（每 16×10 颗灯珠一块）
`seamWidth`	`number`	`5`	接缝宽度（CSS 像素）
`speed`	`number`	`1`	动画速度倍率
`interactive`	`boolean`	`true`	漩涡中心是否跟随指针
`className`	`string`	—	自定义类名

依赖

WebGL