React application demonstrating Media over QUIC (MoQ) web components for real-time media streaming. Uses @moq/watch and @moq/publish packages with React 18 and Vite 5.

• Watch: Subscribe to real-time media streams from a MoQ relay
• Publish: Publish camera/screen media to a MoQ relay
• Custom web components with Solid.js-based UI overlays
• Feature detection and browser support banners

• Node.js 20.19.0 or >=22.12.0

npm install
npm run dev

The app opens at http://localhost:5173.

npm run build

Output is generated in the dist/ directory.

• <moq-watch> - Core element for subscribing to MoQ streams. Accepts url, name, muted, paused, volume, jitter attributes. Contains a <canvas> or <video> element for rendering.
• <moq-watch-ui> - Solid.js UI overlay providing playback controls, stats panel, and buffering indicators.
• <moq-watch-support> - Feature detection banner that displays browser compatibility warnings.

• <moq-publish> - Core element for publishing media to MoQ streams. Accepts url, path, source, muted, invisible attributes. Contains a <video> element for preview.
• <moq-publish-ui> - Solid.js UI overlay providing publishing controls and configuration.
• <moq-publish-support> - Feature detection banner for publishing capabilities.

• @moq/watch - Watch/subscribe to MoQ streams
• @moq/publish - Publish to MoQ streams
• Vite
• React