{"id":2749,"date":"2023-09-30T10:01:26","date_gmt":"2023-09-30T04:31:26","guid":{"rendered":"https:\/\/www.enablex.io\/insights\/?p=2749"},"modified":"2025-07-24T14:27:49","modified_gmt":"2025-07-24T08:57:49","slug":"webrtc-video-api-configuration-latest-guide","status":"publish","type":"post","link":"https:\/\/www.enablex.io\/insights\/webrtc-video-api-configuration-latest-guide\/","title":{"rendered":"WebRTC  Video calling- Complete Guide for embedding into websites and apps"},"content":{"rendered":"\n<p>Video conferencing is now integral to modern communication. Its relevance has surged in recent years, aiding businesses in collaboration, customer engagement, and productivity. As the demand grows, integrating efficient <a href=\"https:\/\/www.enablex.io\/cpaas\/video-api\" target=\"_blank\" rel=\"noreferrer noopener\">video call<\/a> APIs into digital platforms becomes crucial. With the rapid improvements made on low latency and wide compatibility, WebRTC has quickly emerged as the near default way to configure and embed video calls into any app or website.&nbsp;<\/p>\n\n\n\n<p>That said, for developments teams who have not worked on developing video calling experiences, the set up can take some time. To help address this, EnableX, a leading Video API platform has launched a low code video call configuration system. This can help developers, or even technically inclined non developers, quickly put together prototypes and fully functioning video conferencing experiences in mere minutes.<\/p>\n\n\n\n<p>EnableX&#8217;s Low-Code platform offers a straightforward solution. Designed for ease of integration, this platform simplifies the complexities of video conferencing by providing a user-friendly interface that requires minimal coding.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how\">1.1 <strong>Introduction<\/strong>&nbsp;<strong>to WebRTC video API low code development<\/strong><\/h2>\n\n\n\n<p>This guide outlines the steps to seamlessly embed video conferencing into your website or application using EnableX&#8217;s low-code platform. It&#8217;s designed for those looking to efficiently integrate video capabilities without extensive coding.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"low\">1.2 <strong>Free Trial for video API integration<\/strong>&nbsp;<\/h2>\n\n\n\n<ul>\n<li>To get started, visit the EnableX <a href=\"https:\/\/www.enablex.io\" target=\"_blank\" rel=\"noreferrer noopener\">site<\/a> and click on Try for Free.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"424\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-1-EnableX-Landing-Page-1024x424.png\" alt=\"\" class=\"wp-image-2887\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-1-EnableX-Landing-Page-1024x424.png 1024w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-1-EnableX-Landing-Page-300x124.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-1-EnableX-Landing-Page-768x318.png 768w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-1-EnableX-Landing-Page.png 1320w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<ul>\n<li><strong>For new users<\/strong><\/li>\n<\/ul>\n\n\n\n<ol>\n<li>Click on <strong>Try For free<\/strong>.&nbsp;<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"626\" height=\"720\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-2-EnableX-Signup-page-3.png\" alt=\"\" class=\"wp-image-2888\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-2-EnableX-Signup-page-3.png 626w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-2-EnableX-Signup-page-3-261x300.png 261w\" sizes=\"(max-width: 626px) 100vw, 626px\" \/><\/figure><\/div>\n\n\n<p>2. Fill in the required details: Name, Phone number, Company, email address and check the box for Terms of Service and Privacy Policy.&nbsp;<\/p>\n\n\n\n<p>3. Click on <strong>Create Your Account<\/strong>.&nbsp;<\/p>\n\n\n\n<p>4. A verification email will be sent to the given address. Verify your account by clicking on the link in this email.&nbsp;<\/p>\n\n\n\n<p>5. Users can also sign up with Google or GitHub.&nbsp;<\/p>\n\n\n\n<ul>\n<li><strong>For returning users:<\/strong>&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Navigate to and click on <strong>Sign In<\/strong> located at the top right corner. On the resulting login page, enter your login credentials and click on <strong>SIGN IN<\/strong>.&nbsp;&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"454\" height=\"709\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-3-EnableX-Sign-In-page-2.png\" alt=\"\" class=\"wp-image-2889\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-3-EnableX-Sign-In-page-2.png 454w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-3-EnableX-Sign-In-page-2-192x300.png 192w\" sizes=\"(max-width: 454px) 100vw, 454px\" \/><\/figure><\/div>\n\n\n<p>Optionally, use Google ID or GitHub ID for login.&nbsp;<\/p>\n\n\n\n<ul>\n<li>After logging in, users will be directed to <strong>My Dashboard<\/strong> which offers various information options.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"too\"><strong>1.3 Understanding the Interface&nbsp;<\/strong><\/h2>\n\n\n\n<p>The EnableX platform provides a user-centric dashboard that offers a quick glimpse into the user\u2019s activities, projects, and resource tools. This allows for quick navigation and easy access to the most used features.&nbsp;<\/p>\n\n\n\n<p><strong>Menu Options:<\/strong>&nbsp;<\/p>\n\n\n\n<ul>\n<li><strong>My Dashboard:<\/strong> The home page of the platform, displays a summary of the user\u2019s activities and vital stats.&nbsp;<\/li>\n\n\n\n<li><strong>My Projects:<\/strong> A list of all the projects created by the user with management options.&nbsp;<\/li>\n\n\n\n<li><strong>Analytics:<\/strong> Provides insight into the user&#8217;s activity over a specified period.&nbsp;<\/li>\n\n\n\n<li><strong>My Projects:<\/strong> Lists projects, allows for easy management, and shows associated services.&nbsp;<\/li>\n\n\n\n<li><strong>Resource Center:<\/strong> Dive into developer documentation, sample codes, and test EnableX&#8217;s features via a live demo.&nbsp;<\/li>\n\n\n\n<li><strong>Video, Voice, SMS, WhatsApp<\/strong>: Different communication channels available for integration. Clicking on each would likely lead to specific settings and configurations for that service.&nbsp;<\/li>\n\n\n\n<li><strong>Billing:<\/strong> Check your billing details and payment history.&nbsp;<\/li>\n\n\n\n<li><strong>My Wallet:<\/strong> Overview of your financial details and transactions.&nbsp;<\/li>\n\n\n\n<li><strong>Support:<\/strong> Direct access to help and customer support.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"pom\"><strong>2. Create a new Video Service project with EnableX&nbsp;&nbsp;<\/strong><\/h2>\n\n\n\n<p>To begin developing a video application with EnableX Lowcode, the first step is to create a project on the platform. Follow these steps to create a project:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Login to the EnableX Portal.&nbsp;&nbsp;<\/li>\n\n\n\n<li>After successfully logging in, users are redirected to <strong>My Dashboard<\/strong>. From there, follow these steps to create a new project:&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"957\" height=\"719\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-4-EnableX-My-Dashboard-2.png\" alt=\"\" class=\"wp-image-2890\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-4-EnableX-My-Dashboard-2.png 957w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-4-EnableX-My-Dashboard-2-300x225.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-4-EnableX-My-Dashboard-2-768x577.png 768w\" sizes=\"(max-width: 957px) 100vw, 957px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>Navigate <strong>My Projects<\/strong> section on the page.&nbsp;<\/li>\n\n\n\n<li>Click on <strong>CREATE PROJECT<\/strong> button. This opens <strong>Create Project<\/strong> page.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"728\" height=\"520\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-5-EnableX-Create-new-Project-2.png\" alt=\"\" class=\"wp-image-2891\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-5-EnableX-Create-new-Project-2.png 728w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-5-EnableX-Create-new-Project-2-300x214.png 300w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>On this page, provide the necessary information for your project, including the Project Name, Application, and Project Description.&nbsp;<\/li>\n\n\n\n<li>Navigate the <strong>Channels<\/strong> section on the page. Within this section, you can enable specific services for your project.&nbsp;<\/li>\n\n\n\n<li>To add video service to your project, toggle <em>video option<\/em> in the <strong>Channels<\/strong> section. This ensures that the video functionality will be available within your project.&nbsp;<\/li>\n\n\n\n<li>Click on <strong>CREATE PROJECT<\/strong> button to create your project.&nbsp;<\/li>\n\n\n\n<li>The project has been successfully created and a confirmation popup will appear.&nbsp;&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"531\" height=\"250\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-6-Project-creation-Confirmation-2.png\" alt=\"\" class=\"wp-image-2892\" style=\"width:531px;height:250px\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-6-Project-creation-Confirmation-2.png 531w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-6-Project-creation-Confirmation-2-300x141.png 300w\" sizes=\"(max-width: 531px) 100vw, 531px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>In the pop-up dialog box, click on&nbsp; <strong>GET STARTED<\/strong> button. This will take you to the next stage of the setup process.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Alternatively, you can access the setup process by clicking on<strong> Video<\/strong> in the left menu bar and then selecting <strong>Dashboard<\/strong> from the submenu. Then follow the same steps for creating a project as given above.&nbsp;<\/p>\n\n\n\n<p>Once the project creation is successful, you are now ready to build your application with Low -Code Application.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"won\"><strong>3. Building Your Low-Code Video Application&nbsp;<\/strong><\/h2>\n\n\n\n<p>EnableX offers two methods to build a video application: through APIs or using the Low Code option. The registration, login, and project creation processes are identical for both methods. Once you reach this stage, decide which method suits your needs. This guide proceeds with the Low Code option. If you opt for APIs, the steps up to this point remain unchanged.&nbsp;<\/p>\n\n\n\n<p><strong>Choose Your Preferred Method of Development<\/strong>&nbsp;<\/p>\n\n\n\n<ul>\n<li>To proceed further, click on <strong>GET STARTED<\/strong> button on the confirmation dialogue box pop-up.&nbsp;<\/li>\n\n\n\n<li>The <strong>Choose your preferred method of development<\/strong> form will display.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"974\" height=\"366\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-7-Methods-of-Video-Development.png\" alt=\"\" class=\"wp-image-2893\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-7-Methods-of-Video-Development.png 974w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-7-Methods-of-Video-Development-300x113.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-7-Methods-of-Video-Development-768x289.png 768w\" sizes=\"(max-width: 974px) 100vw, 974px\" \/><\/figure><\/div>\n\n\n<p><strong>Go Low Code<\/strong>&nbsp;<\/p>\n\n\n\n<ul>\n<li>In the form, Navigate the <strong>I Prefer Less Code<\/strong> section.&nbsp;<\/li>\n\n\n\n<li>Click on <strong>Go Low Code<\/strong> option within that section.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><strong>Follow the Low-Code Wizard<\/strong>&nbsp;<\/p>\n\n\n\n<ul>\n<li>Once you click<strong> <\/strong>on<strong> Go Low Code, <\/strong>You will be directed to a wizard specifically designed for low-code video embedding.&nbsp;<\/li>\n\n\n\n<li>The wizard will guide you through the process of embedding videos using the low-code method.&nbsp;<\/li>\n\n\n\n<li>Follow each step in the wizard carefully to ensure successful integration.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"roo\"><strong>3.1 Low-Code Video Application Development Wizard&nbsp;<\/strong><\/h2>\n\n\n\n<p>Follow the steps below in the video application development wizard:&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"fod\">3.1.1 <strong>Choose a Template<\/strong>&nbsp;<\/h2>\n\n\n\n<p>EnableX offers a variety of video embed templates, each with different features tailored to specific types of applications. Follow these steps to choose a template:&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"954\" height=\"659\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-8-Low-Code-Templates.png\" alt=\"\" class=\"wp-image-2895\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-8-Low-Code-Templates.png 954w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-8-Low-Code-Templates-300x207.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-8-Low-Code-Templates-768x531.png 768w\" sizes=\"(max-width: 954px) 100vw, 954px\" \/><\/figure><\/div>\n\n\n<p><strong>Pre-built Template<\/strong>&nbsp;<\/p>\n\n\n\n<p>Explore the collection of Ready-Made Templates designed for various domains such as education, healthcare, corporate meetings, and more.&nbsp;<\/p>\n\n\n\n<ul>\n<li>Select a template that best suits your video application from the available options.&nbsp;<\/li>\n\n\n\n<li>Click on the <strong>USE THIS TEMPLATE<\/strong> button to proceed.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><strong>Note:<\/strong> The pre-configured templates serve as a foundation for your application&#8217;s layout and design. You can edit or update the selected features as required.&nbsp;<\/p>\n\n\n\n<p><strong>Example:<\/strong> If you select the Virtual Classroom template, you will be directed to a page where you can review the virtual classroom user interface template and its features. You can also customize the template by adding or deleting any feature using the Visual Builder tool.&nbsp;<\/p>\n\n\n\n<p>EnableX offers a variety of video embed templates with different features. The pre-configured templates are designed for specific types of applications. The selected features can be edited or updated as required.&nbsp;<\/p>\n\n\n\n<p><strong>Built From Scratch Template<\/strong>&nbsp;<\/p>\n\n\n\n<p>If you prefer complete customization and control over your video conferencing solution, you can choose the Built From Scratch template. Follow these steps:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Explore the available templates and select the <strong>Built From Scratch<\/strong> option.&nbsp;<\/li>\n\n\n\n<li>Click on the <strong>USE THIS TEMPLATE<\/strong> button to proceed.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>The Built From Scratch template gives you the freedom to create a video conferencing solution perfectly tailored to your needs.&nbsp;<\/p>\n\n\n\n<p><strong>Note:<\/strong> The detailed process of customization and configuration for both the Ready-Made Templates and the Built From Scratch template will be covered in detail later in this document.&nbsp;<\/p>\n\n\n\n<p>Once you have selected the template for your video application, the next step is to proceed to the subdomain selection page. You will be automatically redirected to this page.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"fog\"><strong>3.1.2 Configure a Subdomain&nbsp;<\/strong><\/h2>\n\n\n\n<p>On the subdomain selection page, you can choose a unique subdomain that will serve as the hosting platform for embedded video content. Create a subdomain to host your embedded video. Your embed URLs will be qualified with this URL.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"977\" height=\"350\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-9-Low-Code-Subdomain.png\" alt=\"\" class=\"wp-image-2896\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-9-Low-Code-Subdomain.png 977w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-9-Low-Code-Subdomain-300x107.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-9-Low-Code-Subdomain-768x275.png 768w\" sizes=\"(max-width: 977px) 100vw, 977px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>Enter a <strong>Sub-Domain<\/strong> name and click on <strong>NEXT<\/strong>.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>A new page is displayed where you can try video calling by clicking the <strong>Try Now<\/strong> option.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"977\" height=\"595\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-10-Low-Code-Try-Now.png\" alt=\"\" class=\"wp-image-2897\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-10-Low-Code-Try-Now.png 977w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-10-Low-Code-Try-Now-300x183.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-10-Low-Code-Try-Now-768x468.png 768w\" sizes=\"(max-width: 977px) 100vw, 977px\" \/><\/figure>\n\n\n\n<p>Now, your project is set up and you can go live with it.&nbsp;<\/p>\n\n\n\n<p>Customize the appearance and other configuration settings before deploying the template.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"jog\"><strong>4. How to get Embed Code for video API and Create Video Rooms&nbsp;<\/strong><\/h2>\n\n\n\n<p>After successfully creating your video meeting application with EnableX, you wll obtain unique embed codes that allow both moderators and participants to access the session. Use the Embed Code Snippet to put into any Webpage to get connected to Video Session.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"dog\"><strong>4.1 Get Code<\/strong><\/h2>\n\n\n\n<p>To obtain the video embed code for both moderators and participants to join a video session, follow these steps:&nbsp;<\/p>\n\n\n\n<ul>\n<li>In the <strong>Get Code<\/strong> section, navigate and click on <strong>Go <\/strong>button.&nbsp;<\/li>\n\n\n\n<li>Once clicked, the video embed code will be displayed in separate text boxes for moderators and participants.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"947\" height=\"539\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-11-Low-Code-Get-Codes.png\" alt=\"\" class=\"wp-image-2898\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-11-Low-Code-Get-Codes.png 947w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-11-Low-Code-Get-Codes-300x171.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-11-Low-Code-Get-Codes-768x437.png 768w\" sizes=\"(max-width: 947px) 100vw, 947px\" \/><\/figure><\/div>\n\n\n<p>Alternatively, On the project summary page, Navigate and click the <strong>My Low-Code<\/strong> box. Once clicked, the video embed code will be displayed in separate text boxes for moderators and participants.&nbsp;<\/p>\n\n\n\n<p><strong>Note:<\/strong>&nbsp; The code includes an iframe element with the necessary attributes and the source URL pointing to the specific video session.&nbsp;<\/p>\n\n\n\n<p><strong><em>Example 1: IFRAME Embed Code for Participant Entry<\/em><\/strong>&nbsp;<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;IFRAME  \nallow=\"camera; microphone; fullscreen; speaker; display-capture\"  \nsrc=\"https:\/\/your-subdomain.host-domain\/#ROOM_ID#\"&gt; \n&lt;\/IFRAME&gt; \n\n<\/pre>\n\n\n\n<p><strong><em>Example 2: IFRAME Embed Code for Moderator Entry<\/em><\/strong>&nbsp;<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;IFRAME  \nallow=\"camera; microphone; fullscreen; speaker; display-capture\"  \nsrc=\"https:\/\/your-subdomain.host-domain\/host\/#HASH#\"&gt; \n&lt;\/IFRAME&gt; \n<\/pre>\n\n\n\n<p><strong>Important:<\/strong> The system always maintains a Default Video Room for your Low Code Embed functionality to work. If you delete the room through an API call, the system will automatically create a new room to use as the Default Video Room, and the details will be displayed accordingly.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"boy\"><strong>4.2 Create Rooms using WebRTC video API&nbsp;<\/strong><\/h2>\n\n\n\n<p>It is indeed possible to set up multiple rooms for your video meeting application, each with its own accessibility but sharing the same configuration and user interface. You can achieve this using the Server API. Here are the steps to create additional rooms:&nbsp;<\/p>\n\n\n\n<ul>\n<li>If you only need one meeting room for testing purposes, you can click on <strong>TEST YOUR ROOM.<\/strong>&nbsp;<\/li>\n\n\n\n<li>If you want to create more permanent rooms, Click on&nbsp; <strong>Create More Rooms<\/strong> tab.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"945\" height=\"555\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-12-Low-Code-Create-Rooms-1.png\" alt=\"\" class=\"wp-image-2899\" style=\"width:840px;height:493px\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-12-Low-Code-Create-Rooms-1.png 945w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-12-Low-Code-Create-Rooms-1-300x176.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-12-Low-Code-Create-Rooms-1-768x451.png 768w\" sizes=\"(max-width: 945px) 100vw, 945px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>A new <strong>Create Room<\/strong> form will open where you can fill the details of new permanent rooms.&nbsp;<\/li>\n\n\n\n<li>Next, determine the number of concurrent rooms you need to support your use case and generate iFrame codes for those rooms.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"524\" height=\"480\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-13-Low-Code-Create-Rooms-2.png\" alt=\"\" class=\"wp-image-2900\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-13-Low-Code-Create-Rooms-2.png 524w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-13-Low-Code-Create-Rooms-2-300x275.png 300w\" sizes=\"(max-width: 524px) 100vw, 524px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>Provide the required information in the fields and click on <strong>Create Rooms <\/strong>button<strong>.<\/strong>&nbsp;<\/li>\n\n\n\n<li>A pop-up message will indicate the successful creation of a new room.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"515\" height=\"244\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-14-Low-Code-Create-Rooms-confirmation.png\" alt=\"\" class=\"wp-image-2901\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-14-Low-Code-Create-Rooms-confirmation.png 515w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-14-Low-Code-Create-Rooms-confirmation-300x142.png 300w\" sizes=\"(max-width: 515px) 100vw, 515px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>Click on <strong>OK <\/strong>button on the pop-up to proceed further. A new page with rooms ID and codes for both the moderator and participants will open.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"846\" height=\"703\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-15-Low-Code-Download-code.png\" alt=\"\" class=\"wp-image-2902\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-15-Low-Code-Download-code.png 846w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-15-Low-Code-Download-code-300x249.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-15-Low-Code-Download-code-768x638.png 768w\" sizes=\"(max-width: 846px) 100vw, 846px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>To download the codes for all rooms in one go, click on <strong>Download<\/strong> button at the top right corner. This will initiate the download process for the codes of all the rooms.&nbsp;<\/li>\n\n\n\n<li>Alternatively, if you prefer to copy the code for each room separately, navigate and click to the <strong>copy code <\/strong>icon in front of each room listed here.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Copy the generated iFrame codes to the HTML block of your website. You can also copy the individual room code snippets.&nbsp;<\/p>\n\n\n\n<p><strong>For example:<\/strong>&nbsp;<\/p>\n\n\n\n<p><em>Room-1 ID: 63a00cd198bc31055177e609<\/em>&nbsp;<\/p>\n\n\n\n<p><strong>Moderator URL:<\/strong> https:\/\/milestone.yourvideo.live\/host\/NjNhMDBjZDE5OGJjMzEwNTUxNzdlNjA5LTYzYTAwNmIzZTBmZThjMzRkNTc2M2EyNw==&nbsp;<\/p>\n\n\n\n<p><strong>Participant URL: <\/strong><a href=\"https:\/\/milestone.yourvideo.live\/63a00cd198bc31055177e609\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/milestone.yourvideo.live\/63a00cd198bc31055177e609<\/a>&nbsp;<\/p>\n\n\n\n<p>To create more permanent rooms using the API, refer to the <strong>Create meeting rooms using REST APIs<\/strong> documentation for detailed instructions.&nbsp;<\/p>\n\n\n\n<p><strong>Note: <\/strong>Once the rooms are created, you can start customizing the user interface. For more information, refer to the Customize the User Interface with Visual Builder documentation.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"guy\"><strong>5. How to Customize User Interface for Video Calls&nbsp;<\/strong><\/h2>\n\n\n\n<p>EnableX&#8217;s Low Code platform provides flexibility in designing your video application to fit your specific needs. To <strong>Customize the User Interface <\/strong>of your selected template, follow these steps:&nbsp;<\/p>\n\n\n\n<ul>\n<li>In the Customize UI box, click on the <strong>Go<\/strong> button. This will direct you to the Edit template page.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"953\" height=\"530\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-16-Low-Code-Customize-UI-1.png\" alt=\"\" class=\"wp-image-2903\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-16-Low-Code-Customize-UI-1.png 953w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-16-Low-Code-Customize-UI-1-300x167.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-16-Low-Code-Customize-UI-1-768x427.png 768w\" sizes=\"(max-width: 953px) 100vw, 953px\" \/><\/figure><\/div>\n\n\n<p>Alternatively, you can follow these steps to navigate to the Customize UI for the selected project:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Navigate to <strong>Video <\/strong>section in the left menu pane and select <strong>Dashboard<\/strong> option from the drop-down.&nbsp;&nbsp;<\/li>\n\n\n\n<li>Select the low code video project for which you want to customize the UI. This will take you to the project summary page.&nbsp;<\/li>\n\n\n\n<li>On the project summary page,&nbsp; select the <strong>Customize UI<\/strong> tab.&nbsp;<\/li>\n\n\n\n<li>A new page will open, providing you with the option to Start Customization process.&nbsp;<\/li>\n\n\n\n<li>Click on <strong>START CUSTOMIZATION.<\/strong>&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"849\" height=\"484\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-17-Low-Code-Start-Customization.png\" alt=\"\" class=\"wp-image-2904\" style=\"width:840px;height:478px\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-17-Low-Code-Start-Customization.png 849w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-17-Low-Code-Start-Customization-300x171.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-17-Low-Code-Start-Customization-768x438.png 768w\" sizes=\"(max-width: 849px) 100vw, 849px\" \/><\/figure><\/div>\n\n\n<p>The Edit template page provides options for granular customization of the UI, features, and capabilities. It consists of four tabs, each serving a different function:&nbsp;<\/p>\n\n\n\n<ol start=\"1\">\n<li><strong>Screen view:<\/strong> Customize the settings related to the screen view of your video application.&nbsp;<\/li>\n<\/ol>\n\n\n\n<ol start=\"2\">\n<li><strong>Information Display:<\/strong> Configure the information display settings according to your preferences.&nbsp;<\/li>\n<\/ol>\n\n\n\n<ol start=\"3\">\n<li><strong>Toolbar:<\/strong> Customize the toolbar settings, including the available options and functionalities.&nbsp;<\/li>\n<\/ol>\n\n\n\n<ol start=\"4\">\n<li><strong>Branding:<\/strong> Personalize the branding elements of your video application, such as logos and colours.&nbsp;<\/li>\n<\/ol>\n\n\n\n<p>The UI templates come with pre-loaded features, but you can customize them based on your specific requirements.&nbsp;<\/p>\n\n\n\n<p>For more detailed information on customizing each aspect of the user interface, refer to the following sections:&nbsp;<\/p>\n\n\n\n<p>Screen view Settings&nbsp;<\/p>\n\n\n\n<p>Information Display&nbsp;<\/p>\n\n\n\n<p>Toolbar Settings&nbsp;<\/p>\n\n\n\n<p>Branding Settings&nbsp;<\/p>\n\n\n\n<p>These sections will provide detailed instructions on customizing each aspect of the user interface to match your requirements.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"mob\"><strong>5.1 Customize UI and UX for video calls applications&nbsp;<\/strong><\/h2>\n\n\n\n<p>On the <strong>Customize UI page<\/strong>, follow these steps to customize the screen view settings:&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"579\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-18-Low-Code-Customize-Screen-View-1024x579.png\" alt=\"\" class=\"wp-image-2905\" style=\"width:840px;height:474px\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-18-Low-Code-Customize-Screen-View-1024x579.png 1024w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-18-Low-Code-Customize-Screen-View-300x170.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-18-Low-Code-Customize-Screen-View-768x434.png 768w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-18-Low-Code-Customize-Screen-View.png 1169w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>Select the <strong>Screen View<\/strong> tab. This tab is usually open by default when you access the Customize UI page.&nbsp;<\/li>\n\n\n\n<li>In the Screen View tab, you will find options to specify the <em>room size, video grid<\/em>, and <em>video media information<\/em>.&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><strong>Room Size<\/strong>&nbsp;<\/p>\n\n\n\n<ul>\n<li>Specify the desired <strong>Room Size<\/strong> by selecting the appropriate value. This determines the maximum number of participants that can join the room, ranging from 2 to 50 participants.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><strong>Video Grid<\/strong> <strong>layout<\/strong>&nbsp;<\/p>\n\n\n\n<ul>\n<li>Choose the preferred <strong>Video Grid<\/strong> layout. This determines how participant videos will be displayed on the screen. Available grid sizes include 3&#215;2, 3&#215;3, and 4&#215;3.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><strong>Video Media Information<\/strong>&nbsp;<\/p>\n\n\n\n<ul>\n<li>Select the icons you wish to display under each participant&#8217;s video feed. You can choose to display:&nbsp;<\/li>\n<\/ul>\n\n\n\n<ol>\n<li>Participant name&nbsp;<\/li>\n\n\n\n<li>Bandwidth Status&nbsp;<\/li>\n\n\n\n<li>Audio &amp; Video Status.&nbsp;<\/li>\n<\/ol>\n\n\n\n<ul>\n<li>After adjusting the Screen settings to your preference, click the &#8216;Save&#8217; button. Your chosen features and functionalities will be enabled immediately. It&#8217;s that easy!&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>After specifying the screen view settings, proceed to configure information display settings.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"som\"><strong>5.2 How to set up user controls for WebRTC video API calls&nbsp;<\/strong><\/h2>\n\n\n\n<p>In the Information Display tab, you can customize which features are displayed in the top bar and the gallery display providing participants with relevant information during video sessions. Follow these steps:&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"573\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-19-Low-Code-Customize-Information-Display-1024x573.png\" alt=\"\" class=\"wp-image-2906\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-19-Low-Code-Customize-Information-Display-1024x573.png 1024w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-19-Low-Code-Customize-Information-Display-300x168.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-19-Low-Code-Customize-Information-Display-768x430.png 768w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-19-Low-Code-Customize-Information-Display.png 1165w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>On the Customize UI page, navigate to <strong>Information Display<\/strong> tab.&nbsp;<\/li>\n\n\n\n<li>In the <strong>Top Bar<\/strong> section, toggle the options to enable or disable the features that you want to display.&nbsp;&nbsp;<\/li>\n\n\n\n<li>You can choose from the following options:&nbsp;&nbsp;\n<ul>\n<li>Meeting Room Name&nbsp;<\/li>\n\n\n\n<li>Duration&nbsp;<\/li>\n\n\n\n<li>&nbsp;Number of participants&nbsp;<\/li>\n\n\n\n<li>Full-Screen&nbsp;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>In the <strong>Moderator&#8217;s Gallery Display<\/strong> section, select the features that you want to show in the gallery for moderators.&nbsp;&nbsp;<br>You can choose to display from the following options:&nbsp;\n<ul>\n<li>Participant Names&nbsp;<\/li>\n\n\n\n<li>Moderator Name&nbsp;<\/li>\n\n\n\n<li>Both&nbsp;<br><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>In the <strong>Participant\u2019s Gallery Display<\/strong> section, select the features that you want to show in the gallery for participants.&nbsp;&nbsp;<\/li>\n\n\n\n<li>You can choose to display from the following options:&nbsp;\n<ul>\n<li>Participant Names&nbsp;<\/li>\n\n\n\n<li>Moderator Names&nbsp;<\/li>\n\n\n\n<li>Both (Participant &amp; Moderator Names)&nbsp;<br><\/li>\n\n\n\n<li><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>After specifying the information display settings, you can proceed to configure the toolbar settings.<\/li>\n<\/ul>\n\n\n\n<p>After making the desired selections, click on&nbsp; <strong>SAVE NOW<\/strong> button to save your information display settings.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"rol\"><strong>5.3 &nbsp;Customize Toolbar Settings for video conferencing&nbsp;<\/strong><\/h2>\n\n\n\n<p>The toolbar in your video calling application allows you to choose and display the buttons and features that are essential for your video conferencing sessions. Follow these steps to configure the toolbar settings:&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"578\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-20-Low-Code-Customize-Toolbar-1024x578.png\" alt=\"\" class=\"wp-image-2907\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-20-Low-Code-Customize-Toolbar-1024x578.png 1024w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-20-Low-Code-Customize-Toolbar-300x169.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-20-Low-Code-Customize-Toolbar-768x433.png 768w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-20-Low-Code-Customize-Toolbar.png 1161w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>On the Customize UI page, navigate to <strong>Toolbar<\/strong> section.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><strong>Note:<\/strong>&nbsp; Only six features can appear on the toolbar, while the rest will be accessible through the <strong>Hide in (&#8230;)<\/strong> menu.&nbsp;<\/p>\n\n\n\n<p><strong>Basic Features<\/strong>&nbsp;<\/p>\n\n\n\n<ul>\n<li>Choose from a range of <strong>Basic Features<\/strong> to have quick control over your audio and video settings.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>You can choose basic features from the following:<\/p>\n\n\n\n<ol>\n<li>Audio Mute&nbsp;<\/li>\n\n\n\n<li>Video Mute&nbsp;<\/li>\n\n\n\n<li>Mute All&nbsp;<\/li>\n\n\n\n<li>and Switch Camera&nbsp;<\/li>\n<\/ol>\n\n\n\n<p><strong>Collaborative Tools<\/strong>&nbsp;<\/p>\n\n\n\n<ul>\n<li>Explore the <strong>Collaborative Tools<\/strong> available and decide whether you want them to be directly visible on the toolbar or accessible through the <strong>Hide in (&#8230;)<\/strong> menu.&nbsp;<br>You can choose collaborative tools from the following:&nbsp;<\/li>\n<\/ul>\n\n\n\n<ol>\n<li>Recording&nbsp;<\/li>\n\n\n\n<li>Screen sharing&nbsp;<\/li>\n\n\n\n<li>Chat&nbsp;<\/li>\n\n\n\n<li>Whiteboard&nbsp;<\/li>\n<\/ol>\n\n\n\n<ul>\n<li>Enable or disable <strong>PSTN Voice Integration<\/strong> based on your business requirements.&nbsp;<\/li>\n\n\n\n<li>Select your preferred <strong>Video Grid View<\/strong> to determine how participant videos are displayed during video calls.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>You can choose video grid view from the following:&nbsp;<\/p>\n\n\n\n<ol>\n<li>Gallery&nbsp;<\/li>\n\n\n\n<li>Leader&nbsp;<\/li>\n\n\n\n<li>Both (Gallery and Leader)&nbsp;<\/li>\n<\/ol>\n\n\n\n<p><strong>&nbsp;&nbsp; Moderator Settings<\/strong>&nbsp;<\/p>\n\n\n\n<p>These features provide advanced moderation capabilities for managing participant access, facilitating discussions, and maintaining security and privacy. To configure moderator settings, do the following:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Navigate to the <strong>Moderator Settings<\/strong> section.&nbsp;<\/li>\n\n\n\n<li>Enable or disable additional controls for moderator and decide whether you want them to be directly visible on the toolbar or accessible through the <strong>Hide in (&#8230;)<\/strong> menu.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>&nbsp;&nbsp; You can choose additional moderators control from the following:&nbsp;<\/p>\n\n\n\n<ol>\n<li><strong>Floor Access Control<\/strong>: Temporary permission to share your audio and\/or video (publish your stream) in a video meeting.&nbsp;<\/li>\n\n\n\n<li><strong>Breakout Room: <\/strong>Create one or many rooms within a meeting where groups of participants can discuss.&nbsp;<\/li>\n\n\n\n<li><strong>Lock Room:<\/strong> Keep uninvited participants away from a meeting room.&nbsp;<\/li>\n<\/ol>\n\n\n\n<p><strong>&nbsp;&nbsp;&nbsp; Toolbar Settings<\/strong>&nbsp;<\/p>\n\n\n\n<p>Specify the behaviour for the bottom control bar:&nbsp;<\/p>\n\n\n\n<ol>\n<li><strong>Movable:<\/strong> Users can freely reposition the bottom control bar as needed, offering flexibility in the user interface.&nbsp;<\/li>\n\n\n\n<li><strong>Fixed:<\/strong> The bottom control bar remains in a fixed position, ensuring consistent access to essential controls.&nbsp;<\/li>\n\n\n\n<li><strong>Hide after 10 seconds of inactivity:<\/strong> The bottom control bar automatically disappears after 10 seconds of user inactivity, maximizing screen space and minimizing distractions.&nbsp;<\/li>\n\n\n\n<li>Once you specified your toolbar settings, click on<strong> SAVE<\/strong> button.&nbsp;<\/li>\n<\/ol>\n\n\n\n<p>After specifying the toolbar settings, proceed to configure the branding settings.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"pol\"><strong>5.4&nbsp;How to create branded video conferencing through video API<\/strong>&nbsp;<\/h2>\n\n\n\n<p>The branding settings allow you to customize the visual appearance and administration settings of your application. You can configure colors, text, and other elements to reflect your branding preferences. Follow these steps to configure the branding settings:&nbsp;<\/p>\n\n\n\n<ul>\n<li>On the Customize UI page, navigate to <strong>Branding<\/strong> tab.&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><strong>Color Tab<\/strong>&nbsp;<\/p>\n\n\n\n<ul>\n<li>In the <strong>Color tab<\/strong>, select colors for different elements of your application. Customize the following:&nbsp;\n<ul>\n<li>Background color&nbsp;<\/li>\n\n\n\n<li>Video stream color&nbsp;<\/li>\n\n\n\n<li>Chat and participant screen color&nbsp;<\/li>\n\n\n\n<li>Toolbar color&nbsp;<\/li>\n\n\n\n<li>User information bar color&nbsp;<\/li>\n\n\n\n<li>Exit button color&nbsp;<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"582\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-21-Low-Code-Customize-Branding-Color-1024x582.png\" alt=\"\" class=\"wp-image-2909\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-21-Low-Code-Customize-Branding-Color-1024x582.png 1024w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-21-Low-Code-Customize-Branding-Color-300x171.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-21-Low-Code-Customize-Branding-Color-768x437.png 768w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-21-Low-Code-Customize-Branding-Color.png 1148w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul>\n<li>Choose between different types of <strong>toolbar icons<\/strong>, such as:&nbsp;\n<ul>\n<li>Line icons&nbsp;&nbsp;<\/li>\n\n\n\n<li>Solid icons&nbsp;<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><strong>Text Tab&nbsp;<\/strong>&nbsp;<\/p>\n\n\n\n<ul>\n<li>In the Text Tab, configure font sizes for various text elements, including chat, top bar display and meeting room name.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"567\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-22Low-Code-Customize-Branding-Text-1024x567.png\" alt=\"\" class=\"wp-image-2910\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-22Low-Code-Customize-Branding-Text-1024x567.png 1024w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-22Low-Code-Customize-Branding-Text-300x166.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-22Low-Code-Customize-Branding-Text-768x425.png 768w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-22Low-Code-Customize-Branding-Text.png 1163w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p><strong>Exit Tab<\/strong>&nbsp;<\/p>\n\n\n\n<ul>\n<li>In the Exit Tab section, enable or disable the administrator setting.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-23-Low-Code-Customize-Branding-Exit-1024x585.png\" alt=\"\" class=\"wp-image-2911\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-23-Low-Code-Customize-Branding-Exit-1024x585.png 1024w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-23-Low-Code-Customize-Branding-Exit-300x171.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-23-Low-Code-Customize-Branding-Exit-768x439.png 768w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-23-Low-Code-Customize-Branding-Exit.png 1150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p>Based on your requirement, you can enable or disable the Administrator setting.&nbsp;<\/p>\n\n\n\n<ul>\n<li>Toggle to enable or disable the <strong>Display Exit button<\/strong>.&nbsp;<\/li>\n\n\n\n<li>In Exit URL, enter the URL that you want participants to receive after they:&nbsp;\n<ul>\n<li>Sign out or exit from the session&nbsp;<\/li>\n\n\n\n<li>Disconnect from the session&nbsp;<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><strong>Note:<\/strong> Ensure that the URL is prefixed with &#8220;https:\/\/&#8221;.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"jat\"><strong>6. Configuring Low Code Add-On Features&nbsp;<\/strong><\/h2>\n\n\n\n<p>This chapter uncovers the power of the versatile and user-friendly suite of low-code ranges from RTMP and HLS Live Streaming to Co-Browsing, Virtual Backgrounds, Extend Embed, Encryption, and Watermarking.&nbsp;&nbsp;<\/p>\n\n\n\n<p>To customise your video calling app with the features of your specific need, do the followings:&nbsp;&nbsp;<\/p>\n\n\n\n<ul>\n<li>In the Configure box, click on the <strong>Go<\/strong> button. This will direct you to the <strong>Low-Code Features <\/strong>page.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"563\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-24-Low-Code-Configure-Add-on-Features-1-1024x563.png\" alt=\"\" class=\"wp-image-2912\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-24-Low-Code-Configure-Add-on-Features-1-1024x563.png 1024w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-24-Low-Code-Configure-Add-on-Features-1-300x165.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-24-Low-Code-Configure-Add-on-Features-1-768x423.png 768w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-24-Low-Code-Configure-Add-on-Features-1.png 1116w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p>Alternatively, you can follow these steps to navigate to the C<strong>onfigure <\/strong>for the selected project:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Navigate to <strong>Video <\/strong>section in the left menu pane and select <strong>Dashboard<\/strong> option from the drop-down.&nbsp;&nbsp;<\/li>\n\n\n\n<li>Select the project for which you want to configure advanced features. This will take you to the project summary page.&nbsp;<\/li>\n\n\n\n<li>On the project summary page,&nbsp; select the <strong>Features<\/strong> tab.&nbsp;<\/li>\n\n\n\n<li>The <strong>Low Code Features<\/strong> page will open, presenting you with a range of advanced features, including Live Streaming capabilities, Collaborative functionalities, Recording options, and other advanced features to enhance your development experience.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"833\" height=\"784\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-25-Low-Code-Configure-Add-on-Features-2.png\" alt=\"\" class=\"wp-image-2913\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-25-Low-Code-Configure-Add-on-Features-2.png 833w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-25-Low-Code-Configure-Add-on-Features-2-300x282.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-25-Low-Code-Configure-Add-on-Features-2-768x723.png 768w\" sizes=\"(max-width: 833px) 100vw, 833px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"lok\"><strong>&nbsp;6.1 Configure Live Streaming Features<\/strong>&nbsp;<\/h2>\n\n\n\n<p>Live Streaming capabilities engage viewers with high-quality, real-time video content. Two types of streaming are available: RTMP Live Streaming and HTTP Live Streaming.&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"mon\"><strong>6.1.1 RTMP Live Streaming&nbsp;<\/strong><\/h2>\n\n\n\n<p>To configure RTMP Live Streaming to your video application, follow these steps:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Navigate to <strong>RTMP Live streaming<\/strong> box.&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"622\" height=\"414\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-26-Low-Code-Configure-RTMP-Live-Streaming.png\" alt=\"\" class=\"wp-image-2914\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-26-Low-Code-Configure-RTMP-Live-Streaming.png 622w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-26-Low-Code-Configure-RTMP-Live-Streaming-300x200.png 300w\" sizes=\"(max-width: 622px) 100vw, 622px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>Toggle the <strong>RTMP Live Streaming<\/strong> feature to enable or disable it as per your requirement.&nbsp;<\/li>\n\n\n\n<li>If you choose to enable live streaming, enter your <strong>custom URL<\/strong> for live streaming starting with <strong>&#8220;https<\/strong>&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><strong>Note: <\/strong>The RTMP Output layout is dependent on the values specified during the application setup. You have the option to further customize the layout or create a completely new one by selecting from the following choices:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Use the <a href=\"https:\/\/www.enablex.io\/developer\/video\/low-code-video-embed\/query-string-parameters-video-embed\/\" target=\"_blank\" rel=\"noreferrer noopener\">Query String Parameter<\/a> on your own subdomain.&nbsp;<\/li>\n\n\n\n<li>Develop your own application, host it, and follow the instructions provided <a href=\"https:\/\/www.enablex.io\/developer\/video\/solutions\/rtmp-live-streaming\/#create-stream-view\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"bon\"><strong>6.1.2 How to configure HTTP Live Streaming&nbsp;<\/strong><\/h2>\n\n\n\n<p>To configure HTTP Live Streaming to your video application, do the following:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Navigate to the HLS Live Streaming box.&nbsp;<\/li>\n\n\n\n<li>Toggle the HLS Live Streaming feature to enable or disable it as per your requirement.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"633\" height=\"379\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-27-Low-Code-Configure-HLS-Streaming.png\" alt=\"\" class=\"wp-image-2915\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-27-Low-Code-Configure-HLS-Streaming.png 633w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-27-Low-Code-Configure-HLS-Streaming-300x180.png 300w\" sizes=\"(max-width: 633px) 100vw, 633px\" \/><\/figure><\/div>\n\n\n<p><strong>Set the Maximum User Count<\/strong>&nbsp;<\/p>\n\n\n\n<ul>\n<li>You can set the maximum user count for your project. By default, the limit is set to 100 viewers.&nbsp;<\/li>\n\n\n\n<li>If needed, you have the option to reduce the maximum user count. However, if you require a higher user count limit, submit your request by clicking on the <strong>Contact Us<\/strong> link.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"623\" height=\"267\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-28-Low-Code-Configure-HLS-Audience.png\" alt=\"\" class=\"wp-image-2916\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-28-Low-Code-Configure-HLS-Audience.png 623w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-28-Low-Code-Configure-HLS-Audience-300x129.png 300w\" sizes=\"(max-width: 623px) 100vw, 623px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"vag\"><strong>&nbsp;6.2 Configure Collaborative features<\/strong>&nbsp;<\/h2>\n\n\n\n<p>Collaborative features enable real-time collaboration, allowing users to work together seamlessly through functionalities such as co-browsing.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"god\"><strong>6.2.1 How to configure Co-Browsing in WebRTC Video Calls&nbsp;<\/strong><\/h2>\n\n\n\n<p>Co-Browsing allows multiple users to browse and control the same web page or app simultaneously. If you have opted for this feature, you need to add the URLs of your web pages, app, or website to enable collaborative browsing on them.&nbsp;<\/p>\n\n\n\n<p>To configure Co-Browsing to your video application, do the following:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Navigate to the Co-Browsing box.&nbsp;<\/li>\n\n\n\n<li>Toggle the Co-Browsing feature to enable or disable it as per your requirement.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>This feature allows users to collaborate and navigate web pages together in real time.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"632\" height=\"329\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-29-Low-Code-Configure-Co-Browsing.png\" alt=\"\" class=\"wp-image-2917\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-29-Low-Code-Configure-Co-Browsing.png 632w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-29-Low-Code-Configure-Co-Browsing-300x156.png 300w\" sizes=\"(max-width: 632px) 100vw, 632px\" \/><\/figure><\/div>\n\n\n<p><strong>Enter the Page Title and URL<\/strong>&nbsp;<\/p>\n\n\n\n<ul>\n<li>In the required field, enter the <strong>Page Title<\/strong> associated with the web page you want to share during Co-browsing.&nbsp;<\/li>\n\n\n\n<li>Provide the corresponding URL of the web page.&nbsp;<\/li>\n\n\n\n<li>You can add a maximum of 10 URLs for Co-browsing.&nbsp;<\/li>\n\n\n\n<li>Click on <strong>SAVE<\/strong>.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"who\"><strong>&nbsp; 6.3. Configure Advanced Features<\/strong> <strong>for WebRTC video API<\/strong>&nbsp;<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"joy\"><strong>6.3.1 Virtual Background&nbsp;<\/strong><\/h2>\n\n\n\n<p>To add an image as your background during a video call, do the following:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Navigate to the Virtual Background box.&nbsp;<\/li>\n\n\n\n<li>Toggle the <strong>Virtual Background<\/strong> feature to enable or disable it as per your requirement.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"437\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-30-Low-Code-Configure-Virtual-Background-1024x437.png\" alt=\"\" class=\"wp-image-2918\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-30-Low-Code-Configure-Virtual-Background-1024x437.png 1024w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-30-Low-Code-Configure-Virtual-Background-300x128.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-30-Low-Code-Configure-Virtual-Background-768x328.png 768w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-30-Low-Code-Configure-Virtual-Background.png 1168w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>Enter the desired <strong>image URLs<\/strong>.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Note: Ensure that all Image URLs added for Virtual Background do not face CORS (Cross-Origin Resource Sharing) issues.&nbsp;<\/p>\n\n\n\n<ul>\n<li>Alternatively, You can choose from a selection of pre-existing images available in the library.&nbsp;<\/li>\n\n\n\n<li>Once you have entered the desired image URL or selected an image from the existing library, click on <strong>SAVE<\/strong> button.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"sow\"><strong>6.3.2 How to Extend WebRTC Video Embed<b>&nbsp;<\/b><\/strong><\/h2>\n\n\n\n<p>The Video Embed feature can be extended by incorporating your own JavaScript libraries, enabling you to introduce new functionalities, enhance the user interface and experience, and integrate with external CSS stylesheets.&nbsp;WebRTC is an extremely rich platform, and combining EnableX&#8217;s platform and your libraries, you can go to market in a few hours, compared to days or weeks using other approaches.<\/p>\n\n\n\n<p>To add your own JavaScript library and customize your Video Embed, follow these steps:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Select your preferred <strong>Script Type<\/strong> (such as JS and CSS).&nbsp;<\/li>\n\n\n\n<li>Enter up to 5 URLs, starting with <strong>https:\/\/<\/strong> , to include the necessary JavaScript libraries.&nbsp;<\/li>\n\n\n\n<li>Enter the <strong>URL<\/strong>s (up to 5) that point to your desired JS or CSS libraries, starting with <strong>https:\/\/<\/strong>.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"662\" height=\"320\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-31-Low-Code-Extend-Video-Embed.png\" alt=\"\" class=\"wp-image-2919\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-31-Low-Code-Extend-Video-Embed.png 662w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-31-Low-Code-Extend-Video-Embed-300x145.png 300w\" sizes=\"(max-width: 662px) 100vw, 662px\" \/><\/figure><\/div>\n\n\n<p>For detailed information, see <a href=\"https:\/\/www.enablex.io\/developer\/video\/low-code-video-embed\/extend-video-embed\/\" target=\"_blank\" rel=\"noreferrer noopener\">Extend Video Embed<\/a>&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"you\"><strong>6.4 Recordings&nbsp;<\/strong><\/h2>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"mon\"><strong>6.4.1. Encryption&nbsp;<\/strong><\/h2>\n\n\n\n<p>Video Recording Encryption is a feature that provides an additional layer of security for your EnableX Programmable Video Recordings. This feature allows you to encrypt your recordings with an encryption key, ensuring the confidentiality and integrity of the recorded content during storage and transmission.&nbsp;<\/p>\n\n\n\n<p>To encrypt your video recordings:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Enter your <strong>Encryption key<\/strong> and click on <strong>SAVE<\/strong>.&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"649\" height=\"290\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-32-Low-Code-Configure-Vide-Recording-Encryption.png\" alt=\"\" class=\"wp-image-2920\" style=\"width:649px;height:290px\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-32-Low-Code-Configure-Vide-Recording-Encryption.png 649w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-32-Low-Code-Configure-Vide-Recording-Encryption-300x134.png 300w\" sizes=\"(max-width: 649px) 100vw, 649px\" \/><\/figure><\/div>\n\n\n<p><strong>Note:<\/strong> Encryption is a service available with a subscription. When a user signs up for this service, the user himself needs to set an encryption key.&nbsp;&nbsp;<\/p>\n\n\n\n<p>If you are interested in the encryption service, please contact us.&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"loa\"><strong>6.4.2 Watermarking<\/strong>&nbsp;<\/h2>\n\n\n\n<p>To Add a professional touch to your recorded videos with Watermarking, a feature that allows you to place your own watermark on your videos, do the following:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Navigate to the <strong>Watermarking<\/strong> feature.&nbsp;<\/li>\n\n\n\n<li>Specify the mandatory settings to format the appearance of the watermark.&nbsp;<\/li>\n\n\n\n<li>&nbsp;Upload <strong>Watermark Image<\/strong> by clicking <strong>Choose File<\/strong>.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><strong>Note:<\/strong> The Image should be a <strong>.png<\/strong> file, no larger than 50KB and 150*150 pixels in dimension.&nbsp;<\/p>\n\n\n\n<ul>\n<li>Adjust the <strong>Opacity <\/strong>of your watermark from 1 to 5 to set the transparency level.&nbsp;<\/li>\n\n\n\n<li>Click on <strong>SAVE<\/strong>.&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"944\" height=\"463\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-33-Low-Code-Configure-Vide-Recording-Watermark.png\" alt=\"\" class=\"wp-image-2921\" style=\"width:840px;height:411px\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-33-Low-Code-Configure-Vide-Recording-Watermark.png 944w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-33-Low-Code-Configure-Vide-Recording-Watermark-300x147.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-33-Low-Code-Configure-Vide-Recording-Watermark-768x377.png 768w\" sizes=\"(max-width: 944px) 100vw, 944px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"you\"><strong>7. Configure Low-Code Settings&nbsp;<\/strong><\/h2>\n\n\n\n<p>EnableX Low code offers a suite of settings which are designed to grant you control over various aspects of your video application without the need for extensive coding.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"818\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-34-Low-Code-Configure-Settings-1024x818.png\" alt=\"\" class=\"wp-image-2922\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-34-Low-Code-Configure-Settings-1024x818.png 1024w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-34-Low-Code-Configure-Settings-300x240.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-34-Low-Code-Configure-Settings-768x614.png 768w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-34-Low-Code-Configure-Settings.png 1034w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p>To configure Low-Code settings, follow these steps:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Navigate to <strong>Video <\/strong>section in the left menu pane and select <strong>Dashboard<\/strong> option from the drop-down.&nbsp;&nbsp;<\/li>\n\n\n\n<li>Select the <strong>Low Code<\/strong> <strong>project<\/strong> for which you want to configure settings. This will take you to the project summary page.&nbsp;<\/li>\n\n\n\n<li>On the project summary page,&nbsp; select the <strong>Settings<\/strong> tab.&nbsp;<\/li>\n\n\n\n<li>The <strong>Low Code Settings <\/strong>page will open, presenting you with a suite of <strong>Low-Code Settings<\/strong> <strong>and General settings.<\/strong>&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>For Low-Code Settings, you can adjust:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Sub-Domain settings&nbsp;<\/li>\n\n\n\n<li>Landing Page Settings&nbsp;<\/li>\n\n\n\n<li>Language Settings&nbsp;<\/li>\n\n\n\n<li>Sound Notification settings&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Additionally, the same page provides you with General Settings to manage:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Recording and Delivery&nbsp;<\/li>\n\n\n\n<li>Webhooks&nbsp;<\/li>\n\n\n\n<li>Media Zone&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"mob\"><strong>7.1.&nbsp;Configure Sub-domain Settings<\/strong>&nbsp;<\/h2>\n\n\n\n<p>This setting allows you to update or change the subdomain of the URL where your video is hosted.&nbsp;<\/p>\n\n\n\n<ul>\n<li>By modifying the subdomain, you can alter the web address used to access and view your video content.&nbsp;<\/li>\n\n\n\n<li>Changing the subdomain can be beneficial for rebranding, organizing videos into different sections, or personalizing the URL to reflect your brand or purpose.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"624\" height=\"476\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-35-Low-Code-Configure-Subdomain-Settings.png\" alt=\"\" class=\"wp-image-2923\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-35-Low-Code-Configure-Subdomain-Settings.png 624w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-35-Low-Code-Configure-Subdomain-Settings-300x229.png 300w\" sizes=\"(max-width: 624px) 100vw, 624px\" \/><\/figure><\/div>\n\n\n<p>To customize the subdomain:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Click on <strong>SUB-DOMAIN SETTINGS<\/strong> tab.&nbsp;<\/li>\n\n\n\n<li>Enter a name for the subdomain that you want to use for hosting the application.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>To whitelist the Sub-Domain(s):&nbsp;<\/p>\n\n\n\n<ul>\n<li>Add the name(s) of the subdomain(s) you want to allow, with each subdomain on a new line.&nbsp;<\/li>\n\n\n\n<li>Click on <strong>SAVE <\/strong>button, once you have entered the desired subdomains.&nbsp;<\/li>\n\n\n\n<li>The specified subdomains will now be whitelisted, and they are allowed to use the custom subdomain feature for hosting your Embed app.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>After customizing the subdomain, proceed to configure the Landing Page settings.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"xox\"><strong>7.2 Configure Landing Page  for WebRTC Video Calls&nbsp;<\/strong><\/h2>\n\n\n\n<p>You can enhance the functionality and user experience of your landing and login pages. Choose the features that align with your needs and preferences.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"545\" height=\"439\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-36-Low-Code-Configure-Landing-page-Settings.png\" alt=\"\" class=\"wp-image-2924\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-36-Low-Code-Configure-Landing-page-Settings.png 545w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-36-Low-Code-Configure-Landing-page-Settings-300x242.png 300w\" sizes=\"(max-width: 545px) 100vw, 545px\" \/><\/figure><\/div>\n\n\n<p>To enable or disable the features for the Landing page, you have the following choices:&nbsp;<\/p>\n\n\n\n<p><strong>Virtual Background:<\/strong>&nbsp;<\/p>\n\n\n\n<ul>\n<li>Enable or disable the option for users to choose a virtual background before joining the call..&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><strong>Pre-Call Device &amp; Network Test:<\/strong>&nbsp;<\/p>\n\n\n\n<ul>\n<li>Enable or disable the pre-call test for users to check their device and network connectivity before starting the video call.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><strong>Social Sign-In:<\/strong>&nbsp;<\/p>\n\n\n\n<ul>\n<li>Enable or disable the option for users to sign in using their Google or Facebook accounts. You can choose to enable Social Sign-In using Google, Facebook, or both, or disable it entirely.&nbsp;<\/li>\n\n\n\n<li>Click on <strong>SAVE<\/strong> to ensure that the chosen features are enabled or disabled according to your preferences.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"que\"><strong>7.3 Configure Language Settings&nbsp;<\/strong><\/h2>\n\n\n\n<p>The language settings allow you to choose the default language for your Video Application and enable multiple language options for your users.&nbsp;<\/p>\n\n\n\n<p>There are two aspects you can manage:&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"547\" height=\"326\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-37-Low-Code-Configure-Language-Settings.png\" alt=\"\" class=\"wp-image-2925\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-37-Low-Code-Configure-Language-Settings.png 547w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-37-Low-Code-Configure-Language-Settings-300x179.png 300w\" sizes=\"(max-width: 547px) 100vw, 547px\" \/><\/figure><\/div>\n\n\n<p><strong>Default Language:<\/strong>&nbsp;<\/p>\n\n\n\n<ul>\n<li>Choose the <strong>Default Language<\/strong> you want to set for your Video Application.&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><strong>Multi-Language Options:<\/strong>&nbsp;<\/p>\n\n\n\n<ul>\n<li>To add multi-language options, check the box next to each language you wish to include.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><strong>Note:<\/strong> If you want to allow your users to choose their language, check all the languages that you want to make available to them. Users will see Embed in the default language. However, an option to switch to other available languages is also provided.&nbsp;<\/p>\n\n\n\n<ul>\n<li>Supported language options include:&nbsp;<\/li>\n<\/ul>\n\n\n\n<ol>\n<li>English&nbsp;<\/li>\n\n\n\n<li>German&nbsp;<\/li>\n\n\n\n<li>French&nbsp;<\/li>\n<\/ol>\n\n\n\n<ul>\n<li>Click on<strong> SAVE <\/strong>button to ensure your Language selection.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"jom\"><strong>7.4 Configure Sound Notification Settings&nbsp;<\/strong><\/h2>\n\n\n\n<p>Different sounds can be played for different notification events in your application. The notification sounds can be applied to moderators and\/or participants as needed. Notification sounds for events like starting or stopping a recording or when a new chat message is received can be applied to all the users (participants and moderators).&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"480\" height=\"646\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-38-Low-Code-Configure-Sound-Notification-Settings.png\" alt=\"\" class=\"wp-image-2926\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-38-Low-Code-Configure-Sound-Notification-Settings.png 480w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-38-Low-Code-Configure-Sound-Notification-Settings-223x300.png 223w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>Click on <strong>SAVE<\/strong> button to save your selections.&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"sop\"><strong>&nbsp;7.5 Configure Recording and Delivery Settings<\/strong>&nbsp;<\/h2>\n\n\n\n<p>You can set up an Archiving and Delivery service to capture and archive webinars and meeting room data including voice, video, captions\/transcripts, and in-meeting chat messages, and make them available on a destination server, service, or platform of your choice.&nbsp;<\/p>\n\n\n\n<ul>\n<li>Navigate to the <strong>Recording &amp; Delivery<\/strong> tab.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>On the Recording &amp; Delivery page, you have the option to choose the file types to deliver and specify the destination for the recorded files. To configure these settings:&nbsp;<\/p>\n\n\n\n<p><strong>Deliver File Types:<\/strong>&nbsp;<\/p>\n\n\n\n<ul>\n<li>Select the file type(s) you want to include in the delivery of recorded content. The available options in this case are:&nbsp;\n<ul>\n<li><strong>Individual Recording<\/strong>: Deliver each recording as a separate file.&nbsp;<\/li>\n\n\n\n<li><strong>Live Recording<\/strong>: Deliver recorded content from live sessions.&nbsp;<\/li>\n\n\n\n<li><strong>Transcoded:<\/strong> Deliver the content in a transcoded format.&nbsp;<\/li>\n\n\n\n<li><strong>Meta data:<\/strong> Include metadata associated with the recorded content.&nbsp;<\/li>\n\n\n\n<li><strong>Chat data:<\/strong> Include the chat data from the recorded sessions.&nbsp;<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"524\" height=\"265\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-39-Low-Code-Configure-Recording-Delivery-Settings.png\" alt=\"\" class=\"wp-image-2927\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-39-Low-Code-Configure-Recording-Delivery-Settings.png 524w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-39-Low-Code-Configure-Recording-Delivery-Settings-300x152.png 300w\" sizes=\"(max-width: 524px) 100vw, 524px\" \/><\/figure><\/div>\n\n\n<p><strong>Deliver files to:<\/strong>&nbsp;<\/p>\n\n\n\n<ul>\n<li>Select the destination where the recorded file(s) will be delivered. Available destination options are:\n<ul>\n<li>FTP to my server&nbsp;<\/li>\n\n\n\n<li>Secure a copy to my server&nbsp;<\/li>\n\n\n\n<li>Save on AWS S3&nbsp;<\/li>\n\n\n\n<li>Save on Google Drive&nbsp;<\/li>\n\n\n\n<li>Save on Microsoft Azure<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"sew\"><strong>7.5.1. Transfer to FTP\/SFTP Host<\/strong>&nbsp;<\/h2>\n\n\n\n<ul>\n<li>Select <strong>FTP to my server<\/strong> from the <strong>Deliver files to<\/strong> drop-down list. The <strong>FTP to my server<\/strong> section will display on the recording &amp; delivery page.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"626\" height=\"649\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-40-Low-Code-Configure-Recording-Delivery-FTP-to-my-Server.png\" alt=\"\" class=\"wp-image-2928\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-40-Low-Code-Configure-Recording-Delivery-FTP-to-my-Server.png 626w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-40-Low-Code-Configure-Recording-Delivery-FTP-to-my-Server-289x300.png 289w\" sizes=\"(max-width: 626px) 100vw, 626px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>Specify the details required for file transfer.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>This includes:&nbsp;<\/p>\n\n\n\n<ol>\n<li><strong>FTP server details:<\/strong> Enter the hostname or IP address of the FTP server where you want to transfer the files.&nbsp;<\/li>\n\n\n\n<li><strong>Username:<\/strong> Specify the username associated with your FTP server account.&nbsp;<\/li>\n\n\n\n<li><strong>Password:<\/strong> Enter the password for the provided username.&nbsp;<\/li>\n\n\n\n<li><strong>Port (optional):<\/strong> If required, provide the port number for the FTP connection. If left blank, it will typically use the standard FTP port.&nbsp;<\/li>\n<\/ol>\n\n\n\n<ul>\n<li>Click on <strong>SAVE<\/strong> to submit the specified details.&nbsp;&nbsp;<br>The files will be transferred to the specified FTP server.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ion\"><strong>7.5.2. Transfer to using SCP&nbsp;<\/strong><\/h2>\n\n\n\n<ul>\n<li>Select <strong>Secure copy to my server<\/strong> from the <strong>Deliver files to<\/strong> drop-down list. The <strong>SFTP Settings <\/strong>section will display on the recording &amp; delivery page.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"624\" height=\"657\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-41-Low-Code-Configure-Recording-Delivery-SCP.png\" alt=\"\" class=\"wp-image-2929\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-41-Low-Code-Configure-Recording-Delivery-SCP.png 624w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-41-Low-Code-Configure-Recording-Delivery-SCP-285x300.png 285w\" sizes=\"(max-width: 624px) 100vw, 624px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>Specify the details required for file transfer.&nbsp;<\/li>\n\n\n\n<li>Fill in the form as needed and submit it by clicking on <strong>SAVE<\/strong> button.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"not\"><strong>7.5.3 Transfer to AWS S3&nbsp;<\/strong><\/h2>\n\n\n\n<ul>\n<li>Select <strong>Save on AWS S3<\/strong> from the <strong>Deliver files to<\/strong> drop-down list. The <strong>AWS S3 Settings <\/strong>section will display on the recording &amp; delivery page.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"623\" height=\"645\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-42-Low-Code-Configure-Recording-Delivery-Transfer-to-AWS.png\" alt=\"\" class=\"wp-image-2930\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-42-Low-Code-Configure-Recording-Delivery-Transfer-to-AWS.png 623w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-42-Low-Code-Configure-Recording-Delivery-Transfer-to-AWS-290x300.png 290w\" sizes=\"(max-width: 623px) 100vw, 623px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>Specify the details required for file transfer.&nbsp;<\/li>\n\n\n\n<li>Fill in the form as needed and submit it by clicking on <strong>SAVE<\/strong> button.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"bot\"><strong>7.5.4 Transfer to Google Drive&nbsp;<\/strong><\/h2>\n\n\n\n<ul>\n<li>Select <strong>Save on Google drive <\/strong>from the <strong>Deliver files to<\/strong> drop-down list. The <strong>Google drive Settings <\/strong>section will display on the recording &amp; delivery page.&nbsp;<\/li>\n\n\n\n<li>Specify the details required for file transfer.&nbsp;<\/li>\n\n\n\n<li>Fill in the form as needed and submit it by clicking on <strong>SAVE<\/strong> button.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"624\" height=\"570\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-43-Low-Code-Configure-Recording-Delivery-Transfer-to-Google-Drive.png\" alt=\"\" class=\"wp-image-2931\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-43-Low-Code-Configure-Recording-Delivery-Transfer-to-Google-Drive.png 624w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-43-Low-Code-Configure-Recording-Delivery-Transfer-to-Google-Drive-300x274.png 300w\" sizes=\"(max-width: 624px) 100vw, 624px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"cat\"><strong>7.5.5<\/strong> <strong>Transfer to Microsoft Azure<\/strong>&nbsp;<\/h2>\n\n\n\n<ul>\n<li>Select <strong>Save on Microsoft Azure <\/strong>from the <strong>Deliver files to<\/strong> drop-down list. The <strong>Microsoft Azure Settings <\/strong>section will display on the recording &amp; delivery page.&nbsp;<\/li>\n\n\n\n<li>Specify the details required for file transfer.&nbsp;<\/li>\n\n\n\n<li>Fill in the form as needed and submit it by clicking on <strong>SAVE<\/strong> button.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"615\" height=\"563\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-44-Low-Code-Configure-Recording-Delivery-Transfer-to-Microsoft-Azure.png\" alt=\"\" class=\"wp-image-2932\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-44-Low-Code-Configure-Recording-Delivery-Transfer-to-Microsoft-Azure.png 615w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-44-Low-Code-Configure-Recording-Delivery-Transfer-to-Microsoft-Azure-300x275.png 300w\" sizes=\"(max-width: 615px) 100vw, 615px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"goo\"><strong>7.6&nbsp;Configure Webhook Settings<\/strong>&nbsp;<\/h2>\n\n\n\n<p>Webhooks are an essential feature of the EnableX platform that allows you to receive real-time notifications about specific events. By configuring a webhook URL and selecting the desired events, you can effortlessly stay updated on crucial activities within your application. This chapter will guide you through the process of setting up webhooks and receiving notifications.&nbsp;<\/p>\n\n\n\n<p>To set up webhooks and start receiving notifications, follow these steps:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Navigate to<strong> Webhooks <\/strong>tab.&nbsp;<\/li>\n\n\n\n<li>Specify <strong>Webhook URL <\/strong>that will receive the webhook notifications.&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><strong>Note: <\/strong>Ensure that the URL supports HTTPS and is capable of handling JSON payloads via HTTP POST requests.&nbsp;<\/p>\n\n\n\n<p><strong>Subscribe Events<\/strong>&nbsp;<\/p>\n\n\n\n<ul>\n<li>Navigate the <strong>Subscribe to the Notifications<\/strong> section.&nbsp;&nbsp;<\/li>\n\n\n\n<li>In this section, you will find a list of events that can trigger webhook notifications.&nbsp;<\/li>\n\n\n\n<li>Select the <strong>&lt;event(s) name&gt;<\/strong> you want to receive notifications for.&nbsp;<\/li>\n\n\n\n<li>Toggle the corresponding icon in front of each selected event(s).&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-45-Low-Code-Configure-Webhook-Settings-1024x538.png\" alt=\"\" class=\"wp-image-2933\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-45-Low-Code-Configure-Webhook-Settings-1024x538.png 1024w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-45-Low-Code-Configure-Webhook-Settings-300x158.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-45-Low-Code-Configure-Webhook-Settings-768x404.png 768w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-45-Low-Code-Configure-Webhook-Settings.png 1048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p><strong>Set HTTP Authorization (Optional)<\/strong>&nbsp;<\/p>\n\n\n\n<p>You can enable HTTP authorization if you want to authenticate your users. Authorization headers provide credentials that authenticate a user agent to a server, allowing it access to protected resources. To implement secured access in your webhook, EnableX supports HTTP Basic Authentication.&nbsp;<\/p>\n\n\n\n<ul>\n<li>If your application requires HTTP authorization to receive webhook notifications, follow these additional steps.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ol>\n<li>Enable <strong>HTTP Authorization<\/strong> option.&nbsp;<\/li>\n\n\n\n<li>Enter the &lt;<strong>Username&gt;<\/strong> and <strong>&lt;Password&gt;<\/strong> associated with your application&#8217;s HTTP authorization.&nbsp;<\/li>\n<\/ol>\n\n\n\n<ul>\n<li>Once you have specified the webhook URL and selected the desired event(s), click on <strong>SAVE <\/strong>button to finalize the webhook configuration.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>When working with webhooks in the EnableX platform, it&#8217;s important to note that the Notification URL is a project-specific setting. This means that each project can have its own unique Notification URL. However, it is possible to use the same Notification URL across multiple projects if you want to receive notifications in a centralized location.&nbsp;<\/p>\n\n\n\n<p>When a webhook event occurs and a notification is sent to the specified Notification URL, the JSON data posted will include the <strong><em>app_id<\/em><\/strong> parameter. This parameter carries the identifier of the project from which the event originated. You can utilize this app_id to segregate and differentiate the data received for each project if needed. This allows you to maintain project-specific logic and handle notifications accordingly.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"bata\"><strong>&nbsp;7.7 Configure Media Zone Settings<\/strong>&nbsp;<\/h2>\n\n\n\n<p>EnableX operates in multiple geographic regions through dedicated media zones. Depending on the geographic location of your participants, you can host your application in a particular media zone. The media and signalling traffic is hosted in specific regional data centers as per your preferred media zone. If you have subscribed to a different media zone, you can select it from the Media Zone (Preference 1) menu.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"369\" height=\"192\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/MicrosoftTeams-image.jpg\" alt=\"\" class=\"wp-image-2939\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/MicrosoftTeams-image.jpg 369w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/MicrosoftTeams-image-300x156.jpg 300w\" sizes=\"(max-width: 369px) 100vw, 369px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"vow\"><strong>&nbsp;&nbsp;&nbsp;&nbsp; 7.8 Configuring PSTN Integration Settings<\/strong>&nbsp;<\/h2>\n\n\n\n<p>If you want to integrate incoming and outgoing voice service, you need to add inbound and outbound phone numbers to your project. This helps users join the virtual sessions using a phone call, or be invited to the call through dial-out.&nbsp;<\/p>\n\n\n\n<p>To add PSTN integration to your project, do the following:&nbsp;<\/p>\n\n\n\n<ol>\n<li>Navigate to <strong>Video <\/strong>section in the left menu pane and select <strong>Dashboard<\/strong> option from the drop-down.&nbsp;&nbsp;<\/li>\n\n\n\n<li>Select the project for which you want to configure PSTN voice Integration. This will take you to the project summary page.&nbsp;<\/li>\n\n\n\n<li>On the project summary page,&nbsp; select the <strong>PSTN Integration <\/strong>tab.&nbsp;<\/li>\n\n\n\n<li>The <strong>PSTN Integration <\/strong>form<strong> <\/strong>will open, where you can Buy Numbers and Add existing Numbers to the Video conference.&nbsp;<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"455\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-47-Low-Code-Configure-PSTN-Integration-Settings-1024x455.png\" alt=\"\" class=\"wp-image-2934\" style=\"width:840px;height:373px\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-47-Low-Code-Configure-PSTN-Integration-Settings-1024x455.png 1024w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-47-Low-Code-Configure-PSTN-Integration-Settings-300x133.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-47-Low-Code-Configure-PSTN-Integration-Settings-768x341.png 768w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-47-Low-Code-Configure-PSTN-Integration-Settings.png 1133w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"cal\"><strong>8. Project Management&nbsp;<\/strong><\/h2>\n\n\n\n<p>All projects can be further managed using the <strong><em>manage icon<\/em><\/strong> next to each project name. To manage your existing Low-Code video projects, do the following:&nbsp;<\/p>\n\n\n\n<p>On the Dashboard, navigate to the <strong>My Project<\/strong> section and identify the specific project you wish to manage. Click on the <strong>Manage icon<\/strong> next to the <strong>&lt;Project&gt;. <\/strong>This will direct to the <strong>Project Summary<\/strong> page.&nbsp;<\/p>\n\n\n\n<p>The Summary page displays essential project details and offers advanced management options.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"may\"><strong>8.1 Project Details&nbsp;<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"858\" height=\"603\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-48-Low-Code-Project-Summary.png\" alt=\"\" class=\"wp-image-2935\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-48-Low-Code-Project-Summary.png 858w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-48-Low-Code-Project-Summary-300x211.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-48-Low-Code-Project-Summary-768x540.png 768w\" sizes=\"(max-width: 858px) 100vw, 858px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"kay\"><strong>&nbsp;8.1.1 Project Information<\/strong>&nbsp;<\/h2>\n\n\n\n<p>In this section, basic information about the project is given.&nbsp;<\/p>\n\n\n\n<ul>\n<li><strong>Project Name:<\/strong> Contains the name given during project creation.&nbsp;<\/li>\n\n\n\n<li><strong>Application:<\/strong> Specifies the industry mentioned during project creation (e.g., Banking, Healthcare, Telecommunication).&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"son\"><strong>8.1.2 Project Credentials&nbsp;<\/strong><\/h2>\n\n\n\n<p>When you create a project, the API Access Credentials are sent to you via email. However, you may need to reset API Key or resend API Credentials.&nbsp; If needed, user can request Project Credentials and Reset App Key from the Summary page.&nbsp;<\/p>\n\n\n\n<p><strong>Send Credentials:<\/strong> This allows you to request project credentials to be sent to your registered email.&nbsp;<\/p>\n\n\n\n<p><strong>Reset App Key:<\/strong> This option resets the App Key (App ID &amp; App Key).&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"don\"><strong>&nbsp;8.1.3 Project Usage<\/strong>&nbsp;<\/h2>\n\n\n\n<p>This sections provides graphical displays for the following over the last 7 or 30 days:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Total Number of Sessions&nbsp;<\/li>\n\n\n\n<li>Total Video Usage Minutes&nbsp;<\/li>\n\n\n\n<li>Total Recording Minutes&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"big\"><strong>8.2&nbsp;Advanced Manage Options<\/strong>&nbsp;<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"koi\"><strong>8.2.1 EDIT Option&nbsp;<\/strong><\/h2>\n\n\n\n<ul>\n<li>This option enables you to edit the Project Name, Application, Application description, and Project Description.&nbsp;&nbsp;<\/li>\n\n\n\n<li>You can also add other channels (Voice, SMS and WhatsApp) to your existing project.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"665\" height=\"429\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-49Low-Code-Edit-Project-Information.png\" alt=\"\" class=\"wp-image-2937\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-49Low-Code-Edit-Project-Information.png 665w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-49Low-Code-Edit-Project-Information-300x194.png 300w\" sizes=\"(max-width: 665px) 100vw, 665px\" \/><\/figure><\/div>\n\n\n<p>To edit the project Information, follow these steps:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Navigate and click on <strong>EDIT <\/strong>tab on the Summary page.&nbsp;<\/li>\n\n\n\n<li>Make the necessary adjustments.&nbsp;<\/li>\n\n\n\n<li>Click on <strong>SAVE CHANGES<\/strong>.&nbsp;<\/li>\n\n\n\n<li>The updates will be immediately reflected on the Dashboard.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"hot\"><strong>8.2.2&nbsp;MANAGE LIMITS Option<\/strong>&nbsp;<\/h2>\n\n\n\n<p>The Manage Option is used to Manage the Wallet and the corresponding limits. Under Manage Limits Option, there are further various options which are as follows:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Top Up&nbsp;<\/li>\n\n\n\n<li>Top Up History&nbsp;<\/li>\n\n\n\n<li>Manage Project Limit&nbsp;<\/li>\n\n\n\n<li>Allocation History&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><strong>Top UP<\/strong>&nbsp;<\/p>\n\n\n\n<p>The Top Up window provides options for managing the wallet balance. Users can either:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Choose to add funds manually with a one-time top-up.&nbsp;<\/li>\n\n\n\n<li>Set an automated system to top up the wallet when the balance falls below a specific threshold. <\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"860\" height=\"456\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-50-Low-Code-Manage-Fund-Top-Up.png\" alt=\"\" class=\"wp-image-2938\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-50-Low-Code-Manage-Fund-Top-Up.png 860w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-50-Low-Code-Manage-Fund-Top-Up-300x159.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-50-Low-Code-Manage-Fund-Top-Up-768x407.png 768w\" sizes=\"(max-width: 860px) 100vw, 860px\" \/><\/figure><\/div>\n\n\n<p>Additionally, there&#8217;s an option to apply a coupon, possibly for discounts or promotions, during the top-up process. The current balance of the wallet is also displayed for the user&#8217;s reference.&nbsp;<\/p>\n\n\n\n<p><strong>Top Up History<\/strong>&nbsp;<\/p>\n\n\n\n<p>The Top Up History window allows users to review and track their wallet&#8217;s transaction history over a specified date range. It also provides a list of top-up amounts made to the wallet, organized by date. The user can adjust the date range to view transactions from different periods.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"858\" height=\"435\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-51-Low-Code-Top-Up-History.png\" alt=\"\" class=\"wp-image-2940\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-51-Low-Code-Top-Up-History.png 858w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-51-Low-Code-Top-Up-History-300x152.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-51-Low-Code-Top-Up-History-768x389.png 768w\" sizes=\"(max-width: 858px) 100vw, 858px\" \/><\/figure><\/div>\n\n\n<p><strong>Manage Project Limit<\/strong>&nbsp;<\/p>\n\n\n\n<p>The Manage Project Limit window provides tools for users to manage and adjust financial limits associated with a specific project. It allows users to allocate or release funds to\/from the project from their main EnableX Wallet. All the financial values are presented in USD.&nbsp;&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"872\" height=\"413\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-52-Low-Code-Manage-Project-Limit.png\" alt=\"\" class=\"wp-image-2941\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-52-Low-Code-Manage-Project-Limit.png 872w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-52-Low-Code-Manage-Project-Limit-300x142.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-52-Low-Code-Manage-Project-Limit-768x364.png 768w\" sizes=\"(max-width: 872px) 100vw, 872px\" \/><\/figure><\/div>\n\n\n<p>The interface offers:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Options to either add funds to the project&#8217;s limit or release them back to the main wallet.&nbsp;<\/li>\n\n\n\n<li>A mechanism for one-time adjustments.&nbsp;<\/li>\n\n\n\n<li>Fields to specify the amount of funds to be adjusted.&nbsp;<\/li>\n\n\n\n<li>Display of the project&#8217;s name and its current financial limit.&nbsp;<\/li>\n\n\n\n<li>A view of the overall balance available in the EnableX Wallet.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><strong>Allocation History<\/strong>&nbsp;<\/p>\n\n\n\n<p>The Allocation History window provides an overview of the project limit allocation history, allowing users to track and manage the funds allocated to different projects within a specified date range.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"860\" height=\"334\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-53-Low-Code-Project-Allocation-History.png\" alt=\"\" class=\"wp-image-2942\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-53-Low-Code-Project-Allocation-History.png 860w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-53-Low-Code-Project-Allocation-History-300x117.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-53-Low-Code-Project-Allocation-History-768x298.png 768w\" sizes=\"(max-width: 860px) 100vw, 860px\" \/><\/figure><\/div>\n\n\n<p><strong>Note:<\/strong> Options are available to load the wallet using an Auto Mechanism or when the balance falls below the minimum threshold.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tif\"><strong>8.2.3 SUSPEND Option&nbsp;<\/strong><\/h2>\n\n\n\n<p>This option suspends an account temporarily. Suspending a project stops all ongoing sessions.&nbsp;<\/p>\n\n\n\n<ul>\n<li>Click on SUSPEND.&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"475\" height=\"236\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-54-Low-Code-Project-Suspension.png\" alt=\"\" class=\"wp-image-2943\" style=\"width:475px;height:236px\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-54-Low-Code-Project-Suspension.png 475w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-54-Low-Code-Project-Suspension-300x149.png 300w\" sizes=\"(max-width: 475px) 100vw, 475px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>A pop-up appears for confirmation, and the account is suspended.&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"476\" height=\"197\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-58-Low-Code-Activate-Suspended-Project-Confirmation.png\" alt=\"\" class=\"wp-image-2944\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-58-Low-Code-Activate-Suspended-Project-Confirmation.png 476w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-58-Low-Code-Activate-Suspended-Project-Confirmation-300x124.png 300w\" sizes=\"(max-width: 476px) 100vw, 476px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>For suspended accounts, the <strong>SUSPAND <\/strong>tab will change to <strong>ACTIVATE<\/strong> reactivation.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"887\" height=\"242\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-56-Low-Code-Activate-Suspended-Project-1.png\" alt=\"\" class=\"wp-image-2945\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-56-Low-Code-Activate-Suspended-Project-1.png 887w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-56-Low-Code-Activate-Suspended-Project-1-300x82.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-56-Low-Code-Activate-Suspended-Project-1-768x210.png 768w\" sizes=\"(max-width: 887px) 100vw, 887px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>To activate the suspended project, click on <strong>ACTIVATE<\/strong> tab.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"472\" height=\"242\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-57-Low-Code-Activate-Suspended-Project-2.png\" alt=\"\" class=\"wp-image-2947\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-57-Low-Code-Activate-Suspended-Project-2.png 472w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-57-Low-Code-Activate-Suspended-Project-2-300x154.png 300w\" sizes=\"(max-width: 472px) 100vw, 472px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>A pop-up appears for confirmation, and the account is activated.&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"476\" height=\"197\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-58-Low-Code-Activate-Suspended-Project-Confirmation-1.png\" alt=\"\" class=\"wp-image-2948\" style=\"width:476px;height:197px\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-58-Low-Code-Activate-Suspended-Project-Confirmation-1.png 476w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-58-Low-Code-Activate-Suspended-Project-Confirmation-1-300x124.png 300w\" sizes=\"(max-width: 476px) 100vw, 476px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"iol\"><strong>9. User Management&nbsp;<\/strong><\/h2>\n\n\n\n<p>User management encompasses the systematic administration of user accounts, ensuring proper access rights within the software environment. This entails the construction, modification, and removal of user profiles, coupled with the precise delegation of permissions to various system components.&nbsp;<\/p>\n\n\n\n<p>Accessing this section requires:&nbsp;<\/p>\n\n\n\n<ul>\n<li>From the main login interface, select the <strong>user icon<\/strong> located at the upper right corner.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"974\" height=\"170\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-59-User-Management.png\" alt=\"\" class=\"wp-image-2949\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-59-User-Management.png 974w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-59-User-Management-300x52.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-59-User-Management-768x134.png 768w\" sizes=\"(max-width: 974px) 100vw, 974px\" \/><\/figure><\/div>\n\n\n<p>The key functionalities provided within this section include:&nbsp;<\/p>\n\n\n\n<p><strong>My Profile<\/strong>&nbsp;<\/p>\n\n\n\n<p>This section presents comprehensive details related to the primary account with capabilities to modify them, ensuring the most up-to-date information is maintained. Key attributes within the profile:&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"864\" height=\"518\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-60-User-Management-My-Profile-1-1.png\" alt=\"\" class=\"wp-image-2950\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-60-User-Management-My-Profile-1-1.png 864w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-60-User-Management-My-Profile-1-1-300x180.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-60-User-Management-My-Profile-1-1-768x460.png 768w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/figure><\/div>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"839\" height=\"560\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-61-User-Management-My-Profile-2.png\" alt=\"\" class=\"wp-image-2951\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-61-User-Management-My-Profile-2.png 839w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-61-User-Management-My-Profile-2-300x200.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-61-User-Management-My-Profile-2-768x513.png 768w\" sizes=\"(max-width: 839px) 100vw, 839px\" \/><\/figure>\n\n\n\n<p><strong>Change Password<\/strong>&nbsp;<\/p>\n\n\n\n<p>This function facilitates a security measure where users can modify their existing password. The procedure:&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"864\" height=\"368\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-62-User-Management-Change-Password.png\" alt=\"\" class=\"wp-image-2952\" style=\"width:840px;height:357px\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-62-User-Management-Change-Password.png 864w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-62-User-Management-Change-Password-300x128.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-62-User-Management-Change-Password-768x327.png 768w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/figure><\/div>\n\n\n<p><strong>User Management<\/strong>&nbsp;<\/p>\n\n\n\n<p>For maintaining robust system security, data protection, and adherence to regulations, proficient user management is indispensable. It provides a mechanism to supervise user access, deter unauthorized activities, and optimize administrative tasks.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"867\" height=\"344\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-63-User-Management-Users-Summary.png\" alt=\"\" class=\"wp-image-2953\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-63-User-Management-Users-Summary.png 867w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-63-User-Management-Users-Summary-300x119.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-63-User-Management-Users-Summary-768x305.png 768w\" sizes=\"(max-width: 867px) 100vw, 867px\" \/><\/figure><\/div>\n\n\n<p>User Management serves to:&nbsp;<\/p>\n\n\n\n<ul>\n<li>Assign access based on specific roles and permissions.&nbsp;<\/li>\n\n\n\n<li>View a list of all created accounts with functionalities to either activate or suspend them.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><strong>Add New User<\/strong>&nbsp;<\/p>\n\n\n\n<p>This function allows for the creation of a new user profile and the assignment of corresponding permissions.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"873\" height=\"449\" src=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-64-User-Management-Add-New-Users.png\" alt=\"\" class=\"wp-image-2954\" style=\"width:840px;height:432px\" srcset=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-64-User-Management-Add-New-Users.png 873w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-64-User-Management-Add-New-Users-300x154.png 300w, https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Figure-64-User-Management-Add-New-Users-768x395.png 768w\" sizes=\"(max-width: 873px) 100vw, 873px\" \/><\/figure><\/div>\n\n\n<p><strong>User Type<\/strong>&nbsp;<\/p>\n\n\n\n<p>Administrators can determine the access level of a user based on their role:&nbsp;<\/p>\n\n\n\n<p><strong>Developer:<\/strong> For users involved in API-related development for video conferencing.&nbsp;<\/p>\n\n\n\n<p><strong>Billing:<\/strong> Designed for users overseeing billing and financial procedures.&nbsp;<\/p>\n\n\n\n<p><strong>Project Report:<\/strong> Grants users access to one or multiple accounts, specifically for reporting. An essential feature for an Admin Portal managing several clients. Selecting this option activates the <strong>Projects<\/strong> field, presenting a list of all projects for selection.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Video conferencing is now integral to modern communication. Its relevance has surged in recent years, aiding businesses in collaboration, customer engagement, and productivity. As the demand grows, integrating efficient video call APIs into digital platforms becomes crucial. With the rapid improvements made on low latency and wide compatibility, WebRTC has quickly emerged as the near &#8230;<\/p>\n","protected":false},"author":25,"featured_media":2978,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":true,"footnotes":""},"categories":[134,133,212],"tags":[34,159,138],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to configure WebRTC video API in minutes!<\/title>\n<meta name=\"description\" content=\"Configuring your first WebRTC video API project, or need to create on quickly? Learn how you can use a low code platform to build in minutes!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.enablex.io\/insights\/webrtc-video-api-configuration-latest-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to configure WebRTC video API in minutes!\" \/>\n<meta property=\"og:description\" content=\"Configuring your first WebRTC video API project, or need to create on quickly? Learn how you can use a low code platform to build in minutes!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.enablex.io\/insights\/webrtc-video-api-configuration-latest-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Insights about video API, SMS API; WhatsApp for Business API\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-30T04:31:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-24T08:57:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Low-Code-Video-Conferencing-Application-User-Guide-Feature-img.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1140\" \/>\n\t<meta property=\"og:image:height\" content=\"401\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jason Wills\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@enablexio\" \/>\n<meta name=\"twitter:site\" content=\"@enablexio\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jason Wills\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"42 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to configure WebRTC video API in minutes!","description":"Configuring your first WebRTC video API project, or need to create on quickly? Learn how you can use a low code platform to build in minutes!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.enablex.io\/insights\/webrtc-video-api-configuration-latest-guide\/","og_locale":"en_US","og_type":"article","og_title":"How to configure WebRTC video API in minutes!","og_description":"Configuring your first WebRTC video API project, or need to create on quickly? Learn how you can use a low code platform to build in minutes!","og_url":"https:\/\/www.enablex.io\/insights\/webrtc-video-api-configuration-latest-guide\/","og_site_name":"Insights about video API, SMS API; WhatsApp for Business API","article_published_time":"2023-09-30T04:31:26+00:00","article_modified_time":"2025-07-24T08:57:49+00:00","og_image":[{"width":1140,"height":401,"url":"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/09\/Low-Code-Video-Conferencing-Application-User-Guide-Feature-img.png","type":"image\/png"}],"author":"Jason Wills","twitter_card":"summary_large_image","twitter_creator":"@enablexio","twitter_site":"@enablexio","twitter_misc":{"Written by":"Jason Wills","Est. reading time":"42 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.enablex.io\/insights\/webrtc-video-api-configuration-latest-guide\/#article","isPartOf":{"@id":"https:\/\/www.enablex.io\/insights\/webrtc-video-api-configuration-latest-guide\/"},"author":{"name":"Jason Wills","@id":"https:\/\/www.enablex.io\/insights\/#\/schema\/person\/422d2b153c3c96827da141c6446d11a3"},"headline":"WebRTC Video calling- Complete Guide for embedding into websites and apps","datePublished":"2023-09-30T04:31:26+00:00","dateModified":"2025-07-24T08:57:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.enablex.io\/insights\/webrtc-video-api-configuration-latest-guide\/"},"wordCount":7205,"publisher":{"@id":"https:\/\/www.enablex.io\/insights\/#organization"},"keywords":["CPaaS","low code video","video api"],"articleSection":["Codes &amp; Tutorials","Tips &amp; How-To","Video API"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.enablex.io\/insights\/webrtc-video-api-configuration-latest-guide\/","url":"https:\/\/www.enablex.io\/insights\/webrtc-video-api-configuration-latest-guide\/","name":"How to configure WebRTC video API in minutes!","isPartOf":{"@id":"https:\/\/www.enablex.io\/insights\/#website"},"datePublished":"2023-09-30T04:31:26+00:00","dateModified":"2025-07-24T08:57:49+00:00","description":"Configuring your first WebRTC video API project, or need to create on quickly? Learn how you can use a low code platform to build in minutes!","breadcrumb":{"@id":"https:\/\/www.enablex.io\/insights\/webrtc-video-api-configuration-latest-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.enablex.io\/insights\/webrtc-video-api-configuration-latest-guide\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.enablex.io\/insights\/webrtc-video-api-configuration-latest-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.enablex.io\/insights\/"},{"@type":"ListItem","position":2,"name":"WebRTC Video calling- Complete Guide for embedding into websites and apps"}]},{"@type":"WebSite","@id":"https:\/\/www.enablex.io\/insights\/#website","url":"https:\/\/www.enablex.io\/insights\/","name":"Enablex","description":"","publisher":{"@id":"https:\/\/www.enablex.io\/insights\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.enablex.io\/insights\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.enablex.io\/insights\/#organization","name":"Enablex","url":"https:\/\/www.enablex.io\/insights\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.enablex.io\/insights\/#\/schema\/logo\/image\/","url":"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/05\/EnableX-Logo-01.png","contentUrl":"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2023\/05\/EnableX-Logo-01.png","width":17382,"height":3567,"caption":"Enablex"},"image":{"@id":"https:\/\/www.enablex.io\/insights\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/twitter.com\/enablexio","https:\/\/www.linkedin.com\/company\/vcloudx"]},{"@type":"Person","@id":"https:\/\/www.enablex.io\/insights\/#\/schema\/person\/422d2b153c3c96827da141c6446d11a3","name":"Jason Wills","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.enablex.io\/insights\/#\/schema\/person\/image\/","url":"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2025\/05\/envato-labs-ai-f14f6981-d7f8-4c3e-9234-00323c7d5ca0-96x96.jpg","contentUrl":"https:\/\/www.enablex.io\/insights\/wp-content\/uploads\/2025\/05\/envato-labs-ai-f14f6981-d7f8-4c3e-9234-00323c7d5ca0-96x96.jpg","caption":"Jason Wills"},"description":"Jason works behind the scenes at EnableX, helping to turn complex tech into practical tools that developers and businesses can actually use. With several years of experience in product development and platform architecture, he focuses on making communication technologies simpler, smarter and easier to build with. Whether he's writing step-by-step guides, product tips or explaining how our APIs work, Jason keeps things clear and useful.","sameAs":["https:\/\/www.enablex.io\/","https:\/\/www.linkedin.com\/company\/vcloudx\/"],"url":"https:\/\/www.enablex.io\/insights\/author\/jason-wills\/"}]}},"_links":{"self":[{"href":"https:\/\/www.enablex.io\/insights\/wp-json\/wp\/v2\/posts\/2749"}],"collection":[{"href":"https:\/\/www.enablex.io\/insights\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.enablex.io\/insights\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.enablex.io\/insights\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.enablex.io\/insights\/wp-json\/wp\/v2\/comments?post=2749"}],"version-history":[{"count":0,"href":"https:\/\/www.enablex.io\/insights\/wp-json\/wp\/v2\/posts\/2749\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.enablex.io\/insights\/wp-json\/wp\/v2\/media\/2978"}],"wp:attachment":[{"href":"https:\/\/www.enablex.io\/insights\/wp-json\/wp\/v2\/media?parent=2749"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.enablex.io\/insights\/wp-json\/wp\/v2\/categories?post=2749"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.enablex.io\/insights\/wp-json\/wp\/v2\/tags?post=2749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}