3 posts tagged with "image"

The API layers endpoint now supports SVG images. This comes with great advantages for developers.

The power of SVG​

SVG is an XML-based vector image format, where XML is human-readable text.

Define drawing objects and use it with the Eyeson API. The actual image is created on our server, so the whole process of creating, sending and drawing the overlay is way faster than before.

In other words:

• Significantly smaller file sizes
• Text-based format that can be edited with code editors
• Original quality in contrast to compression of PNG, WebP, etc.

Thanks to the implementation of Custom layout map API in Eyeson, you can now change the layout without having the need for pre-defined layouts provided by us. This has some major upsides regarding the control over the stream content.

In this tutorial we want to use the adaptive layout to arrange users around an image for a seamless presentation.

Example web app​

You can instantly update the stream content during a live session using some HTML and Javascript.

This example includes

• a local image uploading script which draws it on a canvas
• layout calculation depending on the image size
• sending canvas and calculated layout to show in Eyeson via AJAX requests

Some key advantages of Eyesons MCU+ are that all participants see the same and the video stream can contain additional visuals and data. That means, you can choose one of the provided layouts and show images in the background and foreground layers.