Syntax & Data Schema

The application parses a JSON-like JavaScript array named quizData. Each object in the array represents a single quiz slide and must contain the following fields:

• q (String): The question text to display.
• options (Array of Strings): Exactly 4 choices for the multiple-choice selection.
• correct (Integer): Zero-based index of the correct answer option (0 to 3).

Video Layout Formats

You can output the generated video in two aspect ratios using the Video Format selector:

• Reel / Shorts (9:16): Formats canvas to 1080x1920, suitable for mobile-first social media.
• Standard Video (16:9): Formats canvas to 1920x1080, suitable for landscape presentations.

Procedural Audio Paths

The audio engine generates standard percussive ticks and simulated mechanical keyboard sound effects entirely offline using browser AudioContext APIs. These procedurally generated sound effects are mixed in real-time with the canvas video stream during export.

Export Requirements

For high-fidelity outputs, you must keep the page tab visible and in the foreground. Browsers throttle animation frames and mute audio stream capture when the tab is hidden, which can lead to desynchronized video frames or empty audio.