How to show Local Images

Sources used in video calls aren't limited to server-hosted files - you can also use images directly from your local drive in meetings. This guide demonstrates how to blend a local image into your video stream as a foreground overlay layer.

bash

curl -X POST \
  -F "file=@path/to/local/file.png" \
  -F "z-index=1" \
  "https://api.eyeson.team/rooms/$ACCESS_KEY/layers"

shell

curl -X POST ^
  -F "file=@path\to\local\file.png" ^
  -F "z-index=1" "https://api.eyeson.team/rooms/%ACCESS_KEY%/layers"

node

import fs from 'node:fs';

const url = 'https://api.eyeson.team/rooms/' + ACCESS_KEY + '/layers';
const file = './path/to/local/file.png';

const buffer = await fs.promises.readFile(file);
const formData = new FormData();
formData.set('file', new Blob([buffer]), 'blob');
formData.set('z-index', '1');

await fetch(url, { method: 'POST', body: formData });

If you don't want the overlay to be shown anymore, try using these snippets

bash

curl -X DELETE "https://api.eyeson.team/rooms/$ACCESS_KEY/layers/1"

shell

curl -X DELETE "https://api.eyeson.team/rooms/%ACCESS_KEY%/layers/1"

node

const url = 'https://api.eyeson.team/rooms/' + ACCESS_KEY + '/layers/1';
await fetch(url, { method: 'DELETE' });