In this section we will guide you how you can customize app UI elements. How much customization you can achieve depends on the effort you're willing to put in. We offer three levels of customization based on your preferred effort.
1. Customize UI Elements from E3DS Control Panel
This is the simplest and fastest customization option, with no programming required.
User can customize the App UI using E3DS control panel. Here is the list what user can customize using this feature:
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!
2. Embed E3DS App with your website using iFrame
Need basic frontend knowledge for this customization level
This feature provides:
Embed E3DS App with your website
Customize streaming URL
Here we have provided three different options to embed E3DS app with your website. But you can use other framework also.
HTML - refer to Integrating Streaming UI via iframe in a HTML website
ReactJS - refer to Integrating Streaming UI via iframe in a ReactJs website
WordPress - refer to Integrating Streaming UI via iframe in a WordPress website
3. Embed E3DS App with your website using Streaming UI
Need basic frontend and backend knowledge for this customization level
This feature provides:
Embed E3DS App with your webpage
Customize Streaming URL
Secure API Key using
Allow more control over the HTML, React JS and Angular JS elements than using iFrame
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
0 Comments