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

# Avatar catalog

> Browse portrait and landscape avatar previews for the Mirage Video API, then copy the exact avatar enum value to use in create-video requests.

Choose an avatar for your generated video. Each preview includes the avatar's visual reference and voice.

## Portrait

<Columns cols={4}>
  <Card title="Ayesha">
    API value: <code>Ayesha</code>

    <iframe src="https://player.mux.com/BTI83lWa02MHzpEyZ8JIIwUaUKztMIOyHlX3n9SFKoZY?disable-cookies=true&metadata-video-title=Ayesha" title="Ayesha reference video" loading="lazy" style={{ aspectRatio: "9 / 16", width: "100%", border: 0, borderRadius: "0.75rem" }} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowFullScreen />
  </Card>

  <Card title="Farhan">
    API value: <code>Farhan</code>

    <iframe src="https://player.mux.com/K8CMinbhAmYdUEUJz8C02Rdq6ooDokE63mtfEQtZEzuk?disable-cookies=true&metadata-video-title=Farhan" title="Farhan reference video" loading="lazy" style={{ aspectRatio: "9 / 16", width: "100%", border: 0, borderRadius: "0.75rem" }} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowFullScreen />
  </Card>

  <Card title="Giulia">
    API value: <code>Giulia</code>

    <iframe src="https://player.mux.com/xA5zpGQpXSoSlavXnfmt8BRZ4qnI01IjJjhs9ecizS9E?disable-cookies=true&metadata-video-title=Giulia" title="Giulia reference video" loading="lazy" style={{ aspectRatio: "9 / 16", width: "100%", border: 0, borderRadius: "0.75rem" }} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowFullScreen />
  </Card>

  <Card title="Jasmine">
    API value: <code>Jasmine</code>

    <iframe src="https://player.mux.com/AZi4iuIrmPTta7ivpTOI9sGD4H1aO5zeubltytGlk6E?disable-cookies=true&metadata-video-title=Jasmine" title="Jasmine reference video" loading="lazy" style={{ aspectRatio: "9 / 16", width: "100%", border: 0, borderRadius: "0.75rem" }} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowFullScreen />
  </Card>

  <Card title="Luke">
    API value: <code>Luke</code>

    <iframe src="https://player.mux.com/f01N5xKH01PzWA8Q78neQE4h6es01100w2rPZof5lhfrp02c?disable-cookies=true&metadata-video-title=Luke" title="Luke reference video" loading="lazy" style={{ aspectRatio: "9 / 16", width: "100%", border: 0, borderRadius: "0.75rem" }} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowFullScreen />
  </Card>

  <Card title="Maya">
    API value: <code>Maya</code>

    <iframe src="https://player.mux.com/xOL00QWJJtM9QY4y02R5bU4YxTN5Hh018tJ4DLVyolXhMA?disable-cookies=true&metadata-video-title=Maya" title="Maya reference video" loading="lazy" style={{ aspectRatio: "9 / 16", width: "100%", border: 0, borderRadius: "0.75rem" }} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowFullScreen />
  </Card>

  <Card title="Michael">
    API value: <code>Michael</code>

    <iframe src="https://player.mux.com/4a7WbbG8Cq53DqIW46SFg6U4YIFt1rQsGuaFtX7w02oc?disable-cookies=true&metadata-video-title=Michael" title="Michael reference video" loading="lazy" style={{ aspectRatio: "9 / 16", width: "100%", border: 0, borderRadius: "0.75rem" }} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowFullScreen />
  </Card>

  <Card title="Neha">
    API value: <code>Neha</code>

    <iframe src="https://player.mux.com/MXifhlMs900K6TG027NbelEMz9lSy447o15wcviVk00KBo?disable-cookies=true&metadata-video-title=Neha" title="Neha reference video" loading="lazy" style={{ aspectRatio: "9 / 16", width: "100%", border: 0, borderRadius: "0.75rem" }} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowFullScreen />
  </Card>

  <Card title="Tariq">
    API value: <code>Tariq</code>

    <iframe src="https://player.mux.com/WFPhvQrRMuuUNqP00bWSBIlNeaxtdfAoVzR6AoueVjYI?disable-cookies=true&metadata-video-title=Tariq" title="Tariq reference video" loading="lazy" style={{ aspectRatio: "9 / 16", width: "100%", border: 0, borderRadius: "0.75rem" }} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowFullScreen />
  </Card>

  <Card title="Valerie">
    API value: <code>Valerie</code>

    <iframe src="https://player.mux.com/uIIWWKoizK602REw1BlQPtbbK01Rz68miRifecSJKRJck?disable-cookies=true&metadata-video-title=Valerie" title="Valerie reference video" loading="lazy" style={{ aspectRatio: "9 / 16", width: "100%", border: 0, borderRadius: "0.75rem" }} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowFullScreen />
  </Card>
</Columns>

## Landscape

<Columns cols={3}>
  <Card title="Ayesha (16:9)">
    API value: <code>Ayesha (16:9)</code>

    <iframe src="https://player.mux.com/Y02BSB22dLMmlSH01pgKc6ZqVbJVcNN3x8XJNrWdpiQHk?disable-cookies=true&metadata-video-title=Ayesha%20%2816%3A9%29" title="Ayesha 16:9 reference video" loading="lazy" style={{ aspectRatio: "16 / 9", width: "100%", border: 0, borderRadius: "0.75rem" }} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowFullScreen />
  </Card>

  <Card title="Farhan (16:9)">
    API value: <code>Farhan (16:9)</code>

    <iframe src="https://player.mux.com/rbrH6P02600NNapnLzk4nmPKXzGhsGR4HUJFoyHjitxxo?disable-cookies=true&metadata-video-title=Farhan%20%2816%3A9%29" title="Farhan 16:9 reference video" loading="lazy" style={{ aspectRatio: "16 / 9", width: "100%", border: 0, borderRadius: "0.75rem" }} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowFullScreen />
  </Card>

  <Card title="Giulia (16:9)">
    API value: <code>Giulia (16:9)</code>

    <iframe src="https://player.mux.com/7SwBT01Aj2HfCVTYGRqyJ1kdMXnJ9cVwF4DDEh00cb01xk?disable-cookies=true&metadata-video-title=Giulia%20%2816%3A9%29" title="Giulia 16:9 reference video" loading="lazy" style={{ aspectRatio: "16 / 9", width: "100%", border: 0, borderRadius: "0.75rem" }} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowFullScreen />
  </Card>

  <Card title="Jasmine (16:9)">
    API value: <code>Jasmine (16:9)</code>

    <iframe src="https://player.mux.com/s4plChsgFa00SyEsIqlTrdH00Ki3m01FnhUTK6tv5KnZ2s?disable-cookies=true&metadata-video-title=Jasmine%20%2816%3A9%29" title="Jasmine 16:9 reference video" loading="lazy" style={{ aspectRatio: "16 / 9", width: "100%", border: 0, borderRadius: "0.75rem" }} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowFullScreen />
  </Card>

  <Card title="Luke (16:9)">
    API value: <code>Luke (16:9)</code>

    <iframe src="https://player.mux.com/aqvW3vDgJDj3mR0201X86PjZovkbkdxDVj99JXDATtOsU?disable-cookies=true&metadata-video-title=Luke%20%2816%3A9%29" title="Luke 16:9 reference video" loading="lazy" style={{ aspectRatio: "16 / 9", width: "100%", border: 0, borderRadius: "0.75rem" }} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowFullScreen />
  </Card>

  <Card title="Maya (16:9)">
    API value: <code>Maya (16:9)</code>

    <iframe src="https://player.mux.com/fC7xT6U4naAOg83kO5PLqha7GwmTk39ypdY00Xq2QmMY?disable-cookies=true&metadata-video-title=Maya%20%2816%3A9%29" title="Maya 16:9 reference video" loading="lazy" style={{ aspectRatio: "16 / 9", width: "100%", border: 0, borderRadius: "0.75rem" }} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowFullScreen />
  </Card>

  <Card title="Michael (16:9)">
    API value: <code>Michael (16:9)</code>

    <iframe src="https://player.mux.com/00lpj9Bn3SPlrwy4Z01JikWv9n202s02TI01XXTGz005NZdcA?disable-cookies=true&metadata-video-title=Michael%20%2816%3A9%29" title="Michael 16:9 reference video" loading="lazy" style={{ aspectRatio: "16 / 9", width: "100%", border: 0, borderRadius: "0.75rem" }} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowFullScreen />
  </Card>

  <Card title="Neha (16:9)">
    API value: <code>Neha (16:9)</code>

    <iframe src="https://player.mux.com/7UIZi5xowvyuSV2DBuDDbwsqj6g49GgU5zgF01f4zVHM?disable-cookies=true&metadata-video-title=Neha%20%2816%3A9%29" title="Neha 16:9 reference video" loading="lazy" style={{ aspectRatio: "16 / 9", width: "100%", border: 0, borderRadius: "0.75rem" }} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowFullScreen />
  </Card>

  <Card title="Tariq (16:9)">
    API value: <code>Tariq (16:9)</code>

    <iframe src="https://player.mux.com/h3rbkP1kLXMUvfdAkVF8OgjYiCMOwZgc1V67jfb8Vyc?disable-cookies=true&metadata-video-title=Tariq%20%2816%3A9%29" title="Tariq 16:9 reference video" loading="lazy" style={{ aspectRatio: "16 / 9", width: "100%", border: 0, borderRadius: "0.75rem" }} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowFullScreen />
  </Card>

  <Card title="Valerie (16:9)">
    API value: <code>Valerie (16:9)</code>

    <iframe src="https://player.mux.com/s00abEWGzGftZ00jCgAG2tCPeImmJyZgqOm8kEw9xMAVE?disable-cookies=true&metadata-video-title=Valerie%20%2816%3A9%29" title="Valerie 16:9 reference video" loading="lazy" style={{ aspectRatio: "16 / 9", width: "100%", border: 0, borderRadius: "0.75rem" }} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowFullScreen />
  </Card>
</Columns>