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.
Level 1. Customize UI Elements from E3DS Control Panel
This is the simplest and fastest customization option, with no programming required.
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!
Level 2. Embed E3DS App with your website using iFrame
Need basic frontend knowledge for this customization level
This feature allows users to:
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
Level 3. Embed E3DS App with your website using Streaming UI
Need basic frontend and backend knowledge for this customization level
This feature allows users to:
Embed E3DS App with your webpage
Customize Streaming URL
Secure API Key using
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
💬 Ask questions and help your peers Community Forum
📄 Need help? Contact Support
Add Comment