This document provides all the tools you can customize and integrate your app UI into a website, catering to different experience levels. Beginners can easily adjust the app’s title bar, background, images, and buttons through the E3DS Control Panel. Those with basic programming knowledge can use an iframe to embed the app on their site. For advanced users, a guide is available for a more personalized integration using the streaming interface. This guide ensures a seamless connection between your app and website, no matter your skill level.
1. Customize App UI from E3DS Control Panel
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!
Although this feature offers multiple customization options, users cannot integrate their app with their webpage. To enable this functionality, you can proceed to the next step.
2. Integrate E3DS App UI with your webpage using iFrame
This feature provides:
Integrate E3DS App with your webpage
Customize streaming URL
Here are the options you can add pixel streaming to your website through iframe:
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
Although using this feature you can integrate your App UI with your website, it provides less control over the HTML and ReactJs elements. To get this functionality, you can proceed to the next step.
3. Integrate E3DS App UI with your webpage using Streaming UI
This feature provides:
Integrate E3DS App with your webpage
Allow more control over the HTML elements than using iFrame
we have three options for integrating streaming UI into your website:
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