VEHICLE LAB / DOCUMENTATION

Film, capture & embedding

The film is a deterministic capture of the running browser studio. Its models are project tessellations, and its physics segment replays saved solver frames. The presentation UI is designed for the walkthrough; it is not a recording of physical fabrication or a new solver run.

Deliverables

• media/vehicle-lab-pipeline.mp4: H.264 film for websites and playback.
• media/vehicle-lab-preview.gif: a compact looping preview for a README.
• media/vehicle-lab-poster.jpg: a still poster.
• media/vehicle-lab-pipeline.vtt: English captions.
• media/capture.json: source and media identities, frame count and capture settings.

Reproduce the film

Install Node.js 22, FFmpeg and the pinned browser tooling. The capture tool starts and closes its own isolated local server:

npm ci
npx playwright install chromium
npm run capture

On Linux with a working OpenGL GPU, set VEHICLE_LAB_GPU=1 to enable hardware rendering. Set CHROME_PATH only when using a separately installed browser. The capture script refuses to overwrite a completed film unless you pass --replace. Source changes produce a new capture receipt. The default output is 1920 × 1080 with a 96 second timeline.

GitHub README

Use a linked image or GIF for reliable README display. The repository file link opens the film; the website can play it inline.

[![Vehicle Lab pipeline](media/vehicle-lab-preview.gif)](media/vehicle-lab-pipeline.mp4)

GitHub's supported rendering differs from a general website. See GitHub's non-code file guide. Verify the rendered README after upload.

Portfolio or website

<video controls playsinline preload="metadata"
       poster="media/vehicle-lab-poster.jpg">
  <source src="media/vehicle-lab-pipeline.mp4" type="video/mp4">
  <track kind="captions" src="media/vehicle-lab-pipeline.vtt"
         srclang="en" label="English">
</video>

Keep the transcript and scope note beside the player. Avoid forcing autoplay or motion for visitors who prefer reduced motion.