feat(refboard): video budget system, lazy lifecycle, incremental sync fixes

Video memory:
- Lazy <video> creation: constructor makes placeholder only, initVideo()
  creates element with preload='metadata' when near viewport
- Tiered budgets: 1 playing / 6 initialized / 4 poster textures max
- Aggressive teardown: offscreen videos lose <video> element, poster,
  and all textures — zero memory for offscreen videos
- Poster textures dropped while playing (don't keep both resident)
- Dimension caching in scene data (nativeW/nativeH) avoids re-init

Server:
- HTTP Range support (206 Partial Content) for video seeking
- Proper end clamping and invalid range rejection (416)

Sync:
- Remove redundant broadcastSceneDebounced() from broadcastTransform()
- Remove duplicate broadcastElements() from drag-end handler

VideoControls:
- Event-driven (timeupdate/play/pause/seeked) instead of rAF polling
- Tracks actual HTMLVideoElement reference, rebinds on init/teardown
- Seek uses ref-based commit on pointerUp, not conditional onChange

This commit is contained in:

Hiren Kangad

2026-03-10 11:56:33 +05:30

parent ae050d2119

commit 89010335be

8 changed files with 523 additions and 311 deletions

									
										frontend/src/canvas/sync.ts
									
		-1
	
												View File
												
				@@ -134,7 +134,6 @@ export function setupSync(

				    }));

				    socket.emit('object:transform', { boardId, transforms });

				    moveTimer = setTimeout(() => { moveTimer = null; }, MOVE_THROTTLE);

				    broadcastSceneDebounced();

				  }

				  // ---- RECEIVE: full scene --------------------------------------------------