This document provides everything you need to customize and integrate your app into a website, with options suited to different levels of experience. For those new to programming, we’ll show you how to adjust the app’s title bar, loading background, images, and buttons directly through the E3DS Control Panel. If you have a basic understanding of programming, you can integrate the app using an iframe to embed it smoothly on your website. For users looking to dive deeper, there’s a guide for using the streaming interface to create a more personalized and high-effort integration. Whatever your level, this guide offers the right tools to bring your app and website together seamlessly.
1. Customize App UI
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 will need to proceed to the next step.
2. Integrate E3DS App UI with your webpage using iFrame
This features 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
3. Customize with higher level effort (Streaming UI based) :
Streaming UI allows you more control over the HTML elements than using iframe. Currently, 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