api

Images

GET https://image.mave.io/{mave id}.jpg

We provide a real-time on the fly generation of video frames that can be manipulated using query params.

Query params

Param Type
time float (seconds)
width integer (pixels)
height integer (pixels)
<img src="https://image.mave.io/{mave id}.jpg?width=360&time=4" />

Image component

Use <mave-img> to display the thumbnail of an embed, for example inside a List template.

Include

Load Image directly from our CDN. Required dependencies are included automatically.

<script
  type="module"
  src="https://cdn.video-dns.com/npm/@maveio/components/img/+esm"
></script>

<mave-img embed="{embed id}"></mave-img>

If you use the npm package in your project, import Image with:

import '@maveio/components/img';