> ## Documentation Index > Fetch the complete documentation index at: /llms.txt > Use this file to discover all available pages before exploring further. # Camcorder HUD > Responsive REC, battery, editable date placeholder, and timeline-driven counter overlay for creator-camera and camcorder treatments # Camcorder HUD Responsive REC, battery, editable date placeholder, and timeline-driven counter overlay for creator-camera and camcorder treatments **Camcorder HUD** ```html camcorder-hud.html theme={null}

``` Copy npx hyperframes add camcorder-hud to the clipboard That writes one file: `compositions/camcorder-hud.html`. ## Add it to your video It runs for 4 seconds at 1920×1080. Paste this into your composition: ```html index.html theme={null}

``` Move it in time with `data-start`. Put it on a different timeline row with `data-track-index`. See [data attributes](/concepts/data-attributes.md) for the rest. Tagged `camcorder` `camera` `recording` `hud` `overlay` `creator` `media-treatment-overlay`. ## Related topics * [Browse the complete Catalog](/catalog.md) * [Add assets and Catalog items in the browser editor](/studio/assets-and-blocks.md) * [Put blocks together into one video](/concepts/compositions.md) ## Related topics - [Colour, effects, 3D and generated art](/prompting/color-grading.md) - [Telemetry HUD](/catalog/components/telemetry-hud.md) - [Segmentation Flood](/catalog/components/segmentation-flood.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.