Customize UI Elements and Embed Streaming within User Website

Imagine making your app truly reflect your style by customizing the logo, title bar, loading background, queue screen, play button, streaming URL and more. We offer three levels of customization, each expanding on the previous one, so you can tailor your app to meet your exact needs. Let’s start at the simplest level and build from there!

Level 1. Customize UI Elements from E3DS Control Panel

Imagine logging into the E3DS Control Panel and being able to quickly change how your app looks without any coding. This is where customization begins, letting you adjust key parts of the interface so it feels more like your own.

This feature allows users to customize:

Title Bar icon
Loading Background
Logo
Loading image
Queue screen and
Play Button

Follow this documentation to customize the Title Bar icon, Loading Background, Logo, Loading image, Queue screen, and the Play Button for a white-label experience!

This level is all about easy wins, letting you make the app feel like it’s yours without much effort. Once you see how straightforward this is, you might be ready to go a step further.

Level 2. Embed streaming within your website using iFrame

Now, imagine blending the app seamlessly into your website, so it feels like part of your own digital space. With just a bit of frontend knowledge, you can move to the next level of customization: embedding E3DS directly into your site.

Here we have provided three different options to embed streaming within your website. But you can use other framework also.

HTML - refer to Embed E3DS App with Your HTML Webpage

ReactJS - refer to Communicate with your App from iframe - React

WordPress - refer to Integrating Streaming UI via iframe in a WordPress website

At this stage, your app feels more connected to your brand, and it’s positioned for the ultimate level of customization.

Level 3. Embed streaming within your website using Streaming UI

Here we have provided three different options to embed E3DS app with your website. But you can use other framework also.

HTML/ejs - refer to Embed streaming into a webpage (no iframe solution)

ReactJS - refer to Minimal initialization of pixel streaming to a React App

AngularJS - refer to Minimal initialization of Pixel Streaming to a Angular App

Ask questions and help your peers Community Forum

Need help? Contact Support

Facebook | GitHub | LinkedIn | YouTube