hb-matrix-video

Description

Responsive video wall: lays out items in a Bulma columns / column grid (gapless rows) sized from the viewport (16:9-friendly). Each cell can be an iframe, plain MP4 <video>, hb-player-live (WHEP), or hb-player-live-camera-ptz. Tracks hover selection and emits hoverItem and clickItem with the focused tile id.

Types

export type Component = {
	id?: string;
	style?: string;
	items: { type: "video" | "iframe" | "mediamtx-webrtc" | "mediamtx-webrtc-ptz"; id: string; uri: string; title?: string }[];
};

export type Events = {
	hoverItem: { id?: string; selected: boolean };
	clickItem: { id: string };
};