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
| Info |
|---|
This is the simplest and fastest customization option, with no programming required. |
| Tip |
|---|
User can customize the App UI using E3DS control panel. Here is the list what user can customize using this feature:
|
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
| Info |
|---|
Need basic frontend knowledge for this customization level |
| Tip |
|---|
This feature provides:
|
Here we have provided three different options to embed E3DS app with your website. But you can use other framework also.
HTML - refer toIntegrating 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
| Info |
|---|
Need basic frontend and backend knowledge for this customization level |
| Tip |
|---|
This feature provides:
|
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