4 posts tagged with "layout"

We've made changes to the API playbacks layout that you need to be aware of!

In Part 3 of our Series, we will look at the layout functionalities of the Eyeson One View API. Since Eyeson is built on top of a next-generation MCU, you can be sure that everyone sees the same things at the same time. So, the Layout is applied by the MCU and can not be changed individually.

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

Developers are free to create and apply their own custom layout maps whenever they need it! You need a special layout for your app? Just go ahead and create it!

The existing layout endpoint is extended with the new parameter map. The map is a JSON stringified list of box-definition-lists with x, y, width, height, and objectFit definitions for each box.

Here's an example map that places 2 boxes (640x360px) above eachother in the center of the video podium.

[
    [320, 0, 640, 360, "auto"],
    [320, 360, 640, 360, "auto"]
]