{"id":30192,"date":"2024-11-07T11:05:30","date_gmt":"2024-11-07T11:05:30","guid":{"rendered":"https:\/\/livebox.co.in\/?page_id=30192"},"modified":"2024-11-18T05:01:51","modified_gmt":"2024-11-18T05:01:51","slug":"settings-video-conference","status":"publish","type":"page","link":"https:\/\/livebox.co.in\/settings-video-conference\/","title":{"rendered":"Livebox Video Conference Settings: Optimize Your Calls"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"30192\" class=\"elementor elementor-30192\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c62886a e-con-full e-flex e-con e-parent\" data-id=\"c62886a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b1e36e elementor-widget elementor-widget-template\" data-id=\"9b1e36e\" data-element_type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"30194\" class=\"elementor elementor-30194\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c55bcd e-con-full e-flex e-con e-parent\" data-id=\"7c55bcd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6bb5cf4 elementor-widget elementor-widget-html\" data-id=\"6bb5cf4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t  <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n   <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n  <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" rel=\"stylesheet\">\n  <script defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@2.8.2\/dist\/alpine.js\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-icons\/1.8.1\/font\/bootstrap-icons.min.css\">\n\n   <section class=\"bg-cover bg-center flex items-center justify-center py-28 px-4 md:px-6\"\n       style=\"background-image: url('https:\/\/images.ivb7.com\/uploads\/Settings-vc\/purplebg.jpg');\">\n       <div class=\"w-full flex flex-col md:flex-row items-center\" style=\"width: 1200px;\">\n           <div class=\"w-full md:w-1\/2\">\n               <img decoding=\"async\" src=\"https:\/\/images.ivb7.com\/uploads\/Settings-vc\/banner.png\" alt=\"Banner Image\" class=\"w-full h-auto rounded-lg\" title=\"\">\n           <\/div>\n           <div class=\"w-full md:w-1\/2 mt-6 md:mt-0 md:px-8 text-center md:text-left\">\n               <h4 class=\"text-white uppercase text-sm tracking-wider\" style=\"letter-spacing: 3px;\">Customizing Your\n               <\/h4>\n               <h1 class=\"text-3xl md:text-4xl font-bold mt-4\" style=\"background: linear-gradient(to right, #9656ff, #e61111);\n                   -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1.3;\">\n                   Livebox Video Conference Settings for Optimal Experience\n               <\/h1>\n           <\/div>\n       <\/div>\n   <\/section>\n\n\n   <section class=\"bg-white py-16 flex justify-center\">\n       <div class=\"w-full flex flex-col md:flex-row items-start justify-between px-6\" style=\"width: 1200px;\">\n           <!-- Left Section: Title and Image -->\n           <div class=\"w-full md:w-1\/2 pr-8\">\n               <h2 class=\"text-2xl md:text-3xl font-bold text-gray-800\">\n                   <span\n                       style=\"background: linear-gradient(to right, #eb6911, #e61111); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">\n                       Optimizing Audio Settings for Clear Communication\n                   <\/span>\n               <\/h2>\n               <p class=\"mt-4 text-gray-600\">\n                   The Audio Settings in Livebox Video Conferencing provide users with essential tools to configure and\n                   optimize audio input and output for a smooth conferencing experience. Here\u2019s a detailed breakdown of\n                   the\n                   options available:\n               <\/p>\n               <img decoding=\"async\" src=\"https:\/\/images.ivb7.com\/uploads\/Settings-vc\/image1.png\" alt=\"Audio Settings Image\" class=\"w-full h-auto mt-8 \" title=\"\">\n           <\/div>\n\n\n           <!-- Right Section: Audio Settings Details -->\n           <div class=\"w-full md:w-1\/2 mt-10 md:mt-0\">\n               <div class=\"flex items-start space-x-4 pb-6 border-b border-gray-300\">\n                   <i class=\"fas fa-microphone text-purple-600 text-2xl\"><\/i>\n                   <div>\n                       <h4 class=\"text-lg font-semibold text-gray-700\">Microphone Selection<\/h4>\n                       <p class=\"text-sm text-gray-600\">Choose which microphone device you want to use for the meeting.\n                           For\n                           instance, in the image, the \"Default - MacBook Pro Microphone (Built-in)\" is selected. If\n                           you\n                           have multiple microphones connected to your device, you can select the preferred microphone\n                           from\n                           the dropdown menu.<\/p>\n                   <\/div>\n               <\/div>\n\n\n               <div class=\"flex items-start space-x-4 py-6 border-b border-gray-300\">\n                   <i class=\"fas fa-volume-up text-purple-600 text-2xl\"><\/i>\n                   <div>\n                       <h4 class=\"text-lg font-semibold text-gray-700\">Audio Output Selection<\/h4>\n                       <p class=\"text-sm text-gray-600\">Similar to microphone selection, this option lets you pick\n                           which\n                           speakers or audio output device to use for hearing others in the meeting. The selected\n                           output\n                           device in the image is \"Default - MacBook Pro Speakers (Built-in),\" but you can switch to\n                           other\n                           available options such as external speakers or headphones if connected.<\/p>\n                   <\/div>\n               <\/div>\n\n\n               <div class=\"flex items-start space-x-4 py-6 border-b border-gray-300\">\n                   <i class=\"fas fa-play-circle text-purple-600 text-2xl\"><\/i>\n                   <div>\n                       <h4 class=\"text-lg font-semibold text-gray-700\">Audio Output Testing<\/h4>\n                       <p class=\"text-sm text-gray-600\">The Test button next to the Audio Output option allows you to\n                           check\n                           whether the selected speakers or headphones are working properly. Clicking Test will play a\n                           sound, enabling you to confirm that you can hear audio through the chosen output device.<\/p>\n                   <\/div>\n               <\/div>\n\n\n               <div class=\"flex items-start space-x-4 py-6 border-b border-gray-300\">\n                   <i class=\"fas fa-slash text-purple-600 text-2xl\"><\/i>\n                   <div>\n                       <h4 class=\"text-lg font-semibold text-gray-700\">Noise Suppression<\/h4>\n                       <p class=\"text-sm text-gray-600\">The Enable Noise Suppression option helps to reduce background\n                           noise, making your audio clearer for others in the meeting. This feature is useful in\n                           environments with ambient sounds, like typing, fan noise, or other people talking in the\n                           background, as it minimizes these distractions.<\/p>\n                   <\/div>\n               <\/div>\n\n\n               <div class=\"flex items-start space-x-4 pt-6\">\n                   <i class=\"fas fa-signal text-purple-600 text-2xl\"><\/i>\n                   <div>\n                       <h4 class=\"text-lg font-semibold text-gray-700\">Audio Level Indicator<\/h4>\n                       <p class=\"text-sm text-gray-600\">There\u2019s a green bar below the microphone selection that acts as\n                           a\n                           visual indicator of your audio input level. As you speak, the bar moves to show the volume\n                           being\n                           picked up by the microphone. This helps you gauge whether your microphone is picking up your\n                           voice at an appropriate level or if adjustments are needed (e.g., speaking closer to the mic\n                           or\n                           selecting a different device).<\/p>\n                   <\/div>\n               <\/div>\n           <\/div>\n       <\/div>\n   <\/section>\n   <section class=\"bg-cover bg-center py-16 flex justify-center\"\n       style=\"background-image: url('https:\/\/images.ivb7.com\/uploads\/BG\/darkbg7.jpg');\">\n       <div class=\"w-full px-6\" style=\"width: 1200px;\">\n           <!-- Centered Title and Sub-content -->\n           <div class=\"text-center mx-auto\" style=\"max-width: 1000px;\">\n               <h2 class=\"text-3xl md:text-4xl font-bold text-white\">\n                   Video Settings\n               <\/h2>\n               <p class=\"mt-4 text-gray-300\">\n                   In this Livebox Video Conference settings window, you are in the Video settings section, where you\n                   can\n                   configure your camera and desktop sharing preferences. Here\u2019s a breakdown of the options:\n               <\/p>\n           <\/div>\n\n\n           <!-- Content Section: Video Settings Details -->\n           <div class=\"flex flex-col md:flex-row items-start justify-between mt-10\">\n               <!-- Left Section: Details with Numbers -->\n               <div class=\"w-full md:w-1\/2 space-y-6 pr-8 flex flex-col justify-center\">\n                   <div class=\"flex items-start space-x-4\">\n                       <span class=\"text-2xl font-bold\" style=\"color: #19a8f5;\">1<\/span>\n                       <div>\n                           <h4 class=\"text-lg font-semibold text-gray-200\">Camera<\/h4>\n                           <p class=\"text-sm text-gray-300\">This dropdown allows you to select the camera device for\n                               your\n                               video feed. In this case, the \"FaceTime HD Camera (Built-in)\" is selected. If you have\n                               multiple cameras, you can choose a different one here.<\/p>\n                       <\/div>\n                   <\/div>\n\n\n                   <div class=\"flex items-start space-x-4\">\n                       <span class=\"text-2xl font-bold\" style=\"color: #19a8f5;\">2<\/span>\n                       <div>\n                           <h4 class=\"text-lg font-semibold text-gray-200\">Mirror My Video<\/h4>\n                           <p class=\"text-sm text-gray-300\">Enabling this option mirrors your video feed, so it appears\n                               the\n                               same way you see yourself in a mirror. This can make gestures and movements feel more\n                               intuitive to you but does not affect how others see your video.<\/p>\n                       <\/div>\n                   <\/div>\n\n\n                   <div class=\"flex items-start space-x-4\">\n                       <span class=\"text-2xl font-bold\" style=\"color: #19a8f5;\">3<\/span>\n                       <div>\n                           <h4 class=\"text-lg font-semibold text-gray-200\">Desktop Sharing Frame Rate<\/h4>\n                           <p class=\"text-sm text-gray-300\">This setting lets you adjust the frame rate for desktop\n                               sharing. A lower frame rate, such as 5 frames per second (fps), conserves bandwidth,\n                               which\n                               may be useful for slower connections or when minimal motion is shared. For\n                               higher-quality\n                               sharing, you might select a higher frame rate if available.<\/p>\n                       <\/div>\n                   <\/div>\n\n\n                   <div class=\"flex items-start space-x-4\">\n                       <span class=\"text-2xl font-bold\" style=\"color: #19a8f5;\">4<\/span>\n                       <div>\n                           <h4 class=\"text-lg font-semibold text-gray-200\">Save or Cancel Changes<\/h4>\n                           <p class=\"text-sm text-gray-300\">After adjusting these settings, you can click OK to save\n                               changes or Cancel to discard them.<\/p>\n                       <\/div>\n                   <\/div>\n               <\/div>\n\n\n               <!-- Right Section: Image -->\n               <div class=\"w-full md:w-1\/2 mt-10 md:mt-0 flex items-center justify-center\">\n                   <img decoding=\"async\" src=\"https:\/\/images.ivb7.com\/uploads\/Settings-vc\/image2.png\" alt=\"Video Settings Image\" class=\"w-full h-auto rounded-lg shadow-lg\" title=\"\">\n               <\/div>\n           <\/div>\n       <\/div>\n   <\/section>\n   <section class=\"bg-white py-16 flex justify-center\">\n       <div class=\"w-full px-6\" style=\"width: 1200px;\">\n           <!-- Centered Title and Sub-content -->\n           <div class=\"text-center mx-auto\" style=\"max-width: 1100px;\">\n               <h2 class=\"text-3xl md:text-4xl font-bold text-gray-800\"\n                   style=\"background: linear-gradient(to right, #eb6911, #e61111); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">\n                   Virtual Background\n               <\/h2>\n               <p class=\"mt-4 text-gray-600\">\n                   In Livebox Video Conference, the virtual background feature allows users to change or replace their\n                   background during a video call. This option is particularly helpful in enhancing privacy, adding\n                   professionalism, or simply making the video experience more engaging and visually appealing.\n               <\/p>\n           <\/div>\n\n\n           <!-- Image below Title and Sub-content -->\n           <div class=\"w-full flex justify-center mt-8\">\n               <img decoding=\"async\" src=\"https:\/\/images.ivb7.com\/uploads\/Settings-vc\/image3.png\" alt=\"Virtual Background Image\" class=\"w-full max-w-3xl h-auto rounded-lg\" title=\"\">\n           <\/div>\n\n\n           <!-- Content Section: Key Features of Virtual Background in Single Row -->\n           <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-8 mt-10\">\n               <div class=\"space-y-2\">\n                   <span class=\"text-2xl font-bold\" style=\"color: #e61111;\">01<\/span>\n                   <h4 class=\"text-lg font-semibold text-gray-700\">Replace Background with Custom Images<\/h4>\n                   <p class=\"text-sm text-gray-600\">Users can choose any image from their local device and set it as\n                       their\n                       video background during the call. This means you can personalize the environment by selecting\n                       images\n                       that suit the context of the meeting or event.<\/p>\n               <\/div>\n\n\n               <div class=\"space-y-2\">\n                   <span class=\"text-2xl font-bold\" style=\"color: #e61111;\">02<\/span>\n                   <h4 class=\"text-lg font-semibold text-gray-700\">Automatic Background Detection<\/h4>\n                   <p class=\"text-sm text-gray-600\">The virtual background feature in Livebox can detect the user\u2019s\n                       silhouette and separate them from their surroundings, allowing the background image to be\n                       applied\n                       smoothly without additional setup.<\/p>\n               <\/div>\n\n\n               <div class=\"space-y-2\">\n                   <span class=\"text-2xl font-bold\" style=\"color: #e61111;\">03<\/span>\n                   <h4 class=\"text-lg font-semibold text-gray-700\">Improved Privacy<\/h4>\n                   <p class=\"text-sm text-gray-600\">Virtual backgrounds help users working in shared spaces or at home\n                       to\n                       block out distractions or sensitive backgrounds, keeping the focus on the speaker rather than\n                       their\n                       environment.<\/p>\n               <\/div>\n\n\n               <div class=\"space-y-2\">\n                   <span class=\"text-2xl font-bold\" style=\"color: #e61111;\">04<\/span>\n                   <h4 class=\"text-lg font-semibold text-gray-700\">Lightweight Processing<\/h4>\n                   <p class=\"text-sm text-gray-600\">Livebox\u2019s virtual backgrounds are optimized to work efficiently\n                       without\n                       overloading the user\u2019s system, ensuring a smooth experience during video calls.<\/p>\n               <\/div>\n\n\n               <!-- Additional Options Section in the next row -->\n               <div class=\"space-y-2\">\n                   <span class=\"text-2xl font-bold\" style=\"color: #e61111;\">05<\/span>\n                   <h4 class=\"text-lg font-semibold text-gray-700\">No Green Screen Required<\/h4>\n                   <p class=\"text-sm text-gray-600\">Livebox applies virtual backgrounds without needing a green screen,\n                       making it more accessible and user-friendly for all users.<\/p>\n               <\/div>\n\n\n               <div class=\"space-y-2\">\n                   <span class=\"text-2xl font-bold\" style=\"color: #e61111;\">06<\/span>\n                   <h4 class=\"text-lg font-semibold text-gray-700\">None<\/h4>\n                   <p class=\"text-sm text-gray-600\">This setting keeps the original background visible without any\n                       modification, ideal for those who prefer their natural setting.<\/p>\n               <\/div>\n\n\n               <div class=\"space-y-2\">\n                   <span class=\"text-2xl font-bold\" style=\"color: #e61111;\">07<\/span>\n                   <h4 class=\"text-lg font-semibold text-gray-700\">Blur<\/h4>\n                   <p class=\"text-sm text-gray-600\">This option applies a soft blur to the background, keeping the user\n                       in\n                       focus while obscuring surroundings for a professional look.<\/p>\n               <\/div>\n\n\n               <div class=\"space-y-2\">\n                   <span class=\"text-2xl font-bold\" style=\"color: #e61111;\">08<\/span>\n                   <h4 class=\"text-lg font-semibold text-gray-700\">Half Blur<\/h4>\n                   <p class=\"text-sm text-gray-600\">The half-blur option gently diffuses the background, reducing\n                       distractions without completely obscuring it\u2014ideal for low-key privacy.<\/p>\n               <\/div>\n           <\/div>\n       <\/div>\n   <\/section>\n   <!-- Notification Settings Section -->\n   <section class=\"bg-cover bg-center flex items-center justify-center min-h-screen px-4 md:px-6\"\n       style=\"background-image: url('https:\/\/images.ivb7.com\/uploads\/BG\/darkbg15.jpg');\">\n       <div class=\"w-full\" style=\"width: 1200px;\">\n           <!-- Centered Title and Sub-content with Reduced Width and Padding Above Title -->\n           <div class=\"text-center mb-8 max-w-3xl mx-auto pt-12\">\n               <h2 class=\"text-2xl md:text-3xl font-bold mb-2\" style=\"color: #e61111;\">\n                   Managing Notifications in Livebox Video Conference<\/h2>\n               <p class=\"text-lg text-white\">Stay Informed with Sound and Visual Alerts<\/p>\n               <p class=\"text-gray-200 mt-4\">\n                   The Notification Settings Panel in the Livebox Video Conference settings allows users to manage\n                   their\n                   notification preferences for specific events in the conference.\n               <\/p>\n           <\/div>\n\n\n           <!-- Content with Image on Left and Points on Right -->\n           <div class=\"flex flex-col md:flex-row items-center w-full mt-6\">\n               <!-- Image on the left, vertically centered -->\n               <div class=\"w-full md:w-1\/2 flex justify-center md:justify-end mb-8 md:mb-10\">\n                   <img decoding=\"async\" src=\"https:\/\/images.ivb7.com\/uploads\/Settings-vc\/image4.png\" alt=\"Notification Settings Image\" class=\"w-full h-auto rounded-lg\" title=\"\">\n               <\/div>\n\n\n               <!-- Points on the right, aligned vertically with image -->\n               <div class=\"w-full md:w-1\/2 text-gray-300 md:pl-8\">\n                   <h3 class=\"text-2xl font-bold mb-4\" style=\"color: #eb6911;\">Options in the Notification Settings\n                       Panel<\/h3>\n                   <div class=\"space-y-6\">\n                       <!-- Sound Settings -->\n                       <div>\n                           <h4 class=\"font-semibold mb-2\">Play Sound On:<\/h4>\n                           <ul class=\"space-y-2\">\n                               <li class=\"flex items-center\">\n                                   <i class=\"fas fa-check mr-2\" style=\"color: #e61111;\"><\/i>\n                                   Meeting reactions: Plays a sound when someone reacts during the meeting.\n                               <\/li>\n                               <li class=\"flex items-center\">\n                                   <i class=\"fas fa-check mr-2\" style=\"color: #e61111;\"><\/i>\n                                   Incoming message: Notifies when a new message is received.\n                               <\/li>\n                               <li class=\"flex items-center\">\n                                   <i class=\"fas fa-check mr-2\" style=\"color: #e61111;\"><\/i>\n                                   Participant joined\/left: Alerts when a participant enters or exits the meeting.\n                               <\/li>\n                               <li class=\"flex items-center\">\n                                   <i class=\"fas fa-check mr-2\" style=\"color: #e61111;\"><\/i>\n                                   Talk while muted: Plays a sound if the user tries to speak while muted.\n                               <\/li>\n                               <li class=\"flex items-center\">\n                                   <i class=\"fas fa-check mr-2\" style=\"color: #e61111;\"><\/i>\n                                   Participant entered lobby: Notifies when someone enters the meeting's waiting area\n                                   (lobby).\n                               <\/li>\n                           <\/ul>\n                       <\/div>\n\n\n                       <!-- Display Notifications -->\n                       <div>\n                           <h4 class=\"font-semibold mb-2\">Display Notifications For:<\/h4>\n                           <ul class=\"space-y-2\">\n                               <li class=\"flex items-center\">\n                                   <i class=\"fas fa-check mr-2\" style=\"color: #e61111;\"><\/i>\n                                   Chat messages: Enables pop-up notifications for incoming chat messages, allowing\n                                   users to stay informed of chat activity during the conference.\n                               <\/li>\n                           <\/ul>\n                       <\/div>\n                   <\/div>\n               <\/div>\n           <\/div>\n       <\/div>\n   <\/section>\n   <!-- General Settings Section -->\n   <section class=\"bg-white flex items-center justify-center min-h-screen px-4 md:px-6 pt-16 pb-16\">\n       <div class=\"w-full\" style=\"width: 1200px;\">\n           <!-- Centered Title and Image -->\n           <div class=\"text-center mb-8\">\n               <h2 class=\"text-2xl md:text-3xl font-bold mb-4 text-gray-900\">Customizing Your Livebox Video Conference:\n                   General\n                   Settings Overview<\/h2>\n               <img decoding=\"async\" src=\"https:\/\/images.ivb7.com\/uploads\/Settings-vc\/image5.png\" alt=\"General Settings Image\" class=\"w-full h-auto sm:w-11\/12 lg:max-w-lg mx-auto rounded-lg\" title=\"\">\n           <\/div>\n\n\n           <!-- Responsive 2x2 Grid Layout for Points -->\n           <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 text-gray-800 mt-8\">\n               <!-- Point 1 -->\n               <div class=\"flex items-start\">\n                   <i class=\"fas fa-users text-2xl mr-4\" style=\"color: #eb6911;\"><\/i>\n                   <div>\n                       <h4 class=\"text-xl font-semibold mb-2\">Maximum Number of Participants on Main Stage<\/h4>\n                       <p>This option lets users set the maximum number of participants who can be pinned to the main\n                           stage (currently marked as \"EXPERIMENTAL\"). Users can select from a dropdown to choose the\n                           limit.<\/p>\n                   <\/div>\n               <\/div>\n\n\n               <!-- Point 2 -->\n               <div class=\"flex items-start\">\n                   <i class=\"fas fa-eye-slash text-2xl mr-4\" style=\"color: #19a8f5;\"><\/i>\n                   <div>\n                       <h4 class=\"text-xl font-semibold mb-2\">Hide Self View<\/h4>\n                       <p>This checkbox allows users to hide their own video feed from their view. It\u2019s useful for\n                           those who prefer not to see themselves while participating in a conference.<\/p>\n                   <\/div>\n               <\/div>\n\n\n               <!-- Point 3 -->\n               <div class=\"flex items-start\">\n                   <i class=\"fas fa-language text-2xl mr-4\" style=\"color: #9656ff;\"><\/i>\n                   <div>\n                       <h4 class=\"text-xl font-semibold mb-2\">Language<\/h4>\n                       <p>This dropdown menu lets users choose the language for the interface, with \"English\" selected\n                           as the default in this example.<\/p>\n                   <\/div>\n               <\/div>\n\n\n               <!-- Point 4 -->\n               <div class=\"flex items-start\">\n                   <i class=\"fas fa-check-circle text-2xl mr-4\" style=\"color: #e61111;\"><\/i>\n                   <div>\n                       <h4 class=\"text-xl font-semibold mb-2\">Action Buttons<\/h4>\n                       <p><strong>Cancel:<\/strong> Discards any changes made in the settings and closes the panel.<br>\n                           <strong>OK:<\/strong> Saves the changes and applies them.\n                       <\/p>\n                   <\/div>\n               <\/div>\n           <\/div>\n       <\/div>\n   <\/section>\n   <!-- Embedding Section -->\n   <section class=\"bg-black text-white flex items-center justify-center px-4 md:px-6 py-16\">\n       <div class=\"w-full\" style=\"max-width: 1200px;\">\n           <!-- Centered Title and Sub-content -->\n           <div class=\"text-center mb-8\">\n               <h2 class=\"text-2xl md:text-3xl font-bold mb-4\">Embedding Livebox Video Conference on Your Website: <br>Seamless\n                   Integration Guide<\/h2>\n               <p class=\"text-lg md:text-md text-gray-300 max-w-5xl mx-auto\">\n                   The \"Embed this meeting\" feature in Livebox Video Conference provides users with an HTML iframe code\n                   that allows them to embed the ongoing meeting directly onto a webpage. By using this iframe code,\n                   users can\n                   integrate the video conference into any external website, making it accessible to participants\n                   without requiring\n                   them to visit the Livebox platform directly.\n               <\/p>\n           <\/div>\n\n\n           <!-- Image and Content Layout -->\n           <div class=\"flex flex-col md:flex-row items-start md:items-center space-y-8 md:space-y-0 md:space-x-8\">\n               <!-- Content on the Left -->\n               <div class=\"w-full md:w-1\/2\">\n\n\n\n\n                   <!-- Embed Code -->\n                   <div class=\"mb-6\">\n                       <h4 class=\"text-xl font-semibold mb-3\" style=\"color:#9656ff;\">1. Embed Code<\/h4>\n                       <p class=\"text-gray-300\">\n                           The box displays an iframe code with attributes that allow camera, microphone, fullscreen,\n                           display\n                           capture, and autoplay functionalities. This code can be copied and pasted into any HTML\n                           webpage to\n                           embed the video conference.\n                       <\/p>\n                   <\/div>\n                   <hr class=\"border-gray-700 my-4\">\n\n\n                   <!-- Copy Button -->\n                   <div class=\"my-6\">\n                       <h4 class=\"text-xl font-semibold mb-3\" style=\"color:#19a8f5;\">2. Copy Button<\/h4>\n                       <p class=\"text-gray-300\">\n                           The \"Copy\" button makes it easy for users to copy the embed code to their clipboard with a\n                           single\n                           click, simplifying the process of embedding the meeting.\n                       <\/p>\n                   <\/div>\n                   <hr class=\"border-gray-700 my-4\">\n\n\n                   <!-- Customizable Display -->\n                   <div class=\"my-6\">\n                       <h4 class=\"text-xl font-semibold mb-3\" style=\"color:#5a66cf;\">3. Customizable Display<\/h4>\n                       <p class=\"text-gray-300\">\n                           The iframe is set to take 100% height and width of its container, making it adaptable to\n                           different webpage\n                           layouts. The border is set to 0px, ensuring a clean integration without additional styling.\n                       <\/p>\n                   <\/div>\n               <\/div>\n\n\n               <!-- Image on the Right -->\n               <div class=\"w-full md:w-1\/2 flex justify-center md:justify-end\">\n                   <img decoding=\"async\" src=\"https:\/\/images.ivb7.com\/uploads\/Settings-vc\/image6.png\" alt=\"Embedding Feature Image\" class=\"w-full h-auto rounded-lg\" title=\"\">\n               <\/div>\n           <\/div>\n       <\/div>\n   <\/section>\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30192","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/livebox.co.in\/secured-hidden-wp-api\/wp\/v2\/pages\/30192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/livebox.co.in\/secured-hidden-wp-api\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/livebox.co.in\/secured-hidden-wp-api\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/livebox.co.in\/secured-hidden-wp-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/livebox.co.in\/secured-hidden-wp-api\/wp\/v2\/comments?post=30192"}],"version-history":[{"count":16,"href":"https:\/\/livebox.co.in\/secured-hidden-wp-api\/wp\/v2\/pages\/30192\/revisions"}],"predecessor-version":[{"id":30312,"href":"https:\/\/livebox.co.in\/secured-hidden-wp-api\/wp\/v2\/pages\/30192\/revisions\/30312"}],"wp:attachment":[{"href":"https:\/\/livebox.co.in\/secured-hidden-wp-api\/wp\/v2\/media?parent=30192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}