Skip to main content

19 posts tagged with "javascript"

View All Tags

Custom UI - Cast to Device

· 3 min read
Stefan Benicke
Senior Developer @ Eyeson

We're excited to announce a brand-new feature available in EyesonJS starting with version v2.1.0 - Cast to Device .

This utility enables developers to stream an ongoing eyeson meeting directly to any Chromecast-enabled TV or compatible device, such as a smart TV or external monitor. The goal? To provide a distraction-free, video-only experience that's perfect for demos, presentations, or team meetings where visual clarity matters most.

Audio passthrough for Custom UI

· 2 min read
Stefan Benicke
Senior Developer @ Eyeson

The audio passthrough option allows for greater preservation of audio received from your microphone without using Eyeson's echo cancellation and audio filters.

This is ideal if your microphone or sound equipment has these features built-in or if you want to preserve the full range of sound from a musical instrument.

Picture of a microphone connected to an audio mixer device

Share location

· 2 min read
Stefan Benicke
Senior Developer @ Eyeson

Nowadays "share location" is one of the basic features in mobile chat applications.

When share location is triggered, the device collects its geolocation information and after adjusting and confirming the location is sent and becomes visible as a map for other chat users. This is extremely useful, especially in situations where you need quick help and can't describe the location in words.

We've added some new functions dedicated to share and display location information in Eyeson meetings.

Share location map with a marker

Adaptive video layout with example app

· 4 min read
Dugar Enkhtuya
Code Enthusiast

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

Use local video overlay to make it feel faster and with mirrored display

· 6 min read
Stefan Benicke
Senior Developer @ Eyeson

Eyeson video meetings are based on the MCU+ Single-Stream Technology that provides many advantages like "everyone sees the same at the same time", it lets you create virtual rooms with its layout and layer features and much more.

But this also means, that you see yourself like all other participants see you. And unfortunately, this is not what you are used to. In other meeting tools your local video is usually shown instantly and mirrored based on the following trick:

Choose pre-selected screensharing media

· 2 min read
Stefan Benicke
Senior Developer @ Eyeson

What is this about?

In version 109, Chrome has rolled out a new media-picker where the order of display surfaces has changed. It has changed from screens/windows/tabs to tabs/windows/screens. Furthermore the pre-selection has changed too - from screens to tabs. Lucky for us, since version 107 of Chrome and Chromium based browsers, like Edge and Opera, there's an option that gives you back the control.

This article is showing how it can be controlled in your custom UI with eyeson-js since v1.8.5.

Cover image