> ## Documentation Index
> Fetch the complete documentation index at: https://hedra.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Video Tutorials

> Watch step-by-step video guides to learn how to use Hedra's creative tools.

Short video walkthroughs covering the core features of Hedra — from creating elements to composing full scenes.

<div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: '16px' }}>
  <div>
    <video controls preload="metadata" poster="https://image.mux.com/CWOwi7DktJtK4uI02m9wlMT600hgEElfGphiJR0000aNaKM/thumbnail.webp?time=1&width=400" style={{ width: '100%', borderRadius: '6px', display: 'block' }}>
      <source src="https://stream.mux.com/CWOwi7DktJtK4uI02m9wlMT600hgEElfGphiJR0000aNaKM.m3u8" type="application/x-mpegURL" />

      <source src="https://stream.mux.com/CWOwi7DktJtK4uI02m9wlMT600hgEElfGphiJR0000aNaKM/high.mp4" type="video/mp4" />
    </video>

    <p style={{ margin: '6px 0 0', fontSize: '13px', fontWeight: 500 }}>Creating Elements</p>
  </div>

  <div>
    <video controls preload="metadata" poster="https://image.mux.com/AIWYykAduR00OhoPYlbrXeGShFHGD75ln02yFTtBmHzO4/thumbnail.webp?time=1&width=400" style={{ width: '100%', borderRadius: '6px', display: 'block' }}>
      <source src="https://stream.mux.com/AIWYykAduR00OhoPYlbrXeGShFHGD75ln02yFTtBmHzO4.m3u8" type="application/x-mpegURL" />

      <source src="https://stream.mux.com/AIWYykAduR00OhoPYlbrXeGShFHGD75ln02yFTtBmHzO4/high.mp4" type="video/mp4" />
    </video>

    <p style={{ margin: '6px 0 0', fontSize: '13px', fontWeight: 500 }}>Generating Start Frames</p>
  </div>

  <div>
    <video controls preload="metadata" poster="https://image.mux.com/FlR02009XU02GTAOIE3yMHRqG5Oa4H1MKi26iR8WxdmNF8/thumbnail.webp?time=1&width=400" style={{ width: '100%', borderRadius: '6px', display: 'block' }}>
      <source src="https://stream.mux.com/FlR02009XU02GTAOIE3yMHRqG5Oa4H1MKi26iR8WxdmNF8.m3u8" type="application/x-mpegURL" />

      <source src="https://stream.mux.com/FlR02009XU02GTAOIE3yMHRqG5Oa4H1MKi26iR8WxdmNF8/high.mp4" type="video/mp4" />
    </video>

    <p style={{ margin: '6px 0 0', fontSize: '13px', fontWeight: 500 }}>Walking, Talking Characters with Omnia</p>
  </div>

  <div>
    <video controls preload="metadata" poster="https://image.mux.com/KXVUfTM5HTEPrI015qG8OTTkOuNV1Nz9RsnSbpCJsXI8/thumbnail.webp?time=1&width=400" style={{ width: '100%', borderRadius: '6px', display: 'block' }}>
      <source src="https://stream.mux.com/KXVUfTM5HTEPrI015qG8OTTkOuNV1Nz9RsnSbpCJsXI8.m3u8" type="application/x-mpegURL" />

      <source src="https://stream.mux.com/KXVUfTM5HTEPrI015qG8OTTkOuNV1Nz9RsnSbpCJsXI8/high.mp4" type="video/mp4" />
    </video>

    <p style={{ margin: '6px 0 0', fontSize: '13px', fontWeight: 500 }}>Long-Form 5+ Minute Avatar Videos</p>
  </div>

  <div>
    <video controls preload="metadata" poster="https://image.mux.com/aqgGXLy02V1kbar7dpey0001DLEEU1bLBRBfdMXlhEeKCE/thumbnail.webp?time=1&width=400" style={{ width: '100%', borderRadius: '6px', display: 'block' }}>
      <source src="https://stream.mux.com/aqgGXLy02V1kbar7dpey0001DLEEU1bLBRBfdMXlhEeKCE.m3u8" type="application/x-mpegURL" />

      <source src="https://stream.mux.com/aqgGXLy02V1kbar7dpey0001DLEEU1bLBRBfdMXlhEeKCE/high.mp4" type="video/mp4" />
    </video>

    <p style={{ margin: '6px 0 0', fontSize: '13px', fontWeight: 500 }}>Using Composer</p>
  </div>

  <div>
    <video controls preload="metadata" poster="https://image.mux.com/Z7vF00S01pJ8j7jKPEatjYZNWWsEQRd526bUVd6XBBXIQ/thumbnail.webp?time=1&width=400" style={{ width: '100%', borderRadius: '6px', display: 'block' }}>
      <source src="https://stream.mux.com/Z7vF00S01pJ8j7jKPEatjYZNWWsEQRd526bUVd6XBBXIQ.m3u8" type="application/x-mpegURL" />

      <source src="https://stream.mux.com/Z7vF00S01pJ8j7jKPEatjYZNWWsEQRd526bUVd6XBBXIQ/high.mp4" type="video/mp4" />
    </video>

    <p style={{ margin: '6px 0 0', fontSize: '13px', fontWeight: 500 }}>Combining Elements</p>
  </div>

  <div>
    <video controls preload="metadata" poster="https://image.mux.com/OTOXoFxQ6R6KDE01gTbFMpYm025rGjDmy300Gp9muZVUDs/thumbnail.webp?time=1&width=400" style={{ width: '100%', borderRadius: '6px', display: 'block' }}>
      <source src="https://stream.mux.com/OTOXoFxQ6R6KDE01gTbFMpYm025rGjDmy300Gp9muZVUDs.m3u8" type="application/x-mpegURL" />

      <source src="https://stream.mux.com/OTOXoFxQ6R6KDE01gTbFMpYm025rGjDmy300Gp9muZVUDs/high.mp4" type="video/mp4" />
    </video>

    <p style={{ margin: '6px 0 0', fontSize: '13px', fontWeight: 500 }}>Reusing Elements</p>
  </div>

  <div>
    <video controls preload="metadata" poster="https://image.mux.com/01YO2ECx9SnOeYh6ou6m9gzlQDczgSG00hQ7TpJehv6hU/thumbnail.webp?time=1&width=400" style={{ width: '100%', borderRadius: '6px', display: 'block' }}>
      <source src="https://stream.mux.com/01YO2ECx9SnOeYh6ou6m9gzlQDczgSG00hQ7TpJehv6hU.m3u8" type="application/x-mpegURL" />

      <source src="https://stream.mux.com/01YO2ECx9SnOeYh6ou6m9gzlQDczgSG00hQ7TpJehv6hU/high.mp4" type="video/mp4" />
    </video>

    <p style={{ margin: '6px 0 0', fontSize: '13px', fontWeight: 500 }}>Using Motion Control</p>
  </div>

  <div>
    <video controls preload="metadata" poster="https://image.mux.com/gEvKEFIJLCvQ02e3J6CsR01a1PuemQboi7P8n02dl8iJIg/thumbnail.webp?time=1&width=400" style={{ width: '100%', borderRadius: '6px', display: 'block' }}>
      <source src="https://stream.mux.com/gEvKEFIJLCvQ02e3J6CsR01a1PuemQboi7P8n02dl8iJIg.m3u8" type="application/x-mpegURL" />

      <source src="https://stream.mux.com/gEvKEFIJLCvQ02e3J6CsR01a1PuemQboi7P8n02dl8iJIg/high.mp4" type="video/mp4" />
    </video>

    <p style={{ margin: '6px 0 0', fontSize: '13px', fontWeight: 500 }}>Upscaling Videos</p>
  </div>
</div>