{"id":83,"date":"2019-08-01T18:54:02","date_gmt":"2019-08-01T10:54:02","guid":{"rendered":"https:\/\/devcenter.vcloudx.com\/?page_id=83"},"modified":"2025-04-05T02:18:48","modified_gmt":"2025-04-04T18:18:48","slug":"application-architecture","status":"publish","type":"page","link":"https:\/\/doc.smartflomeet.ttns.in\/developer\/video\/guide\/application-architecture\/","title":{"rendered":"Video Application Architecture"},"content":{"rendered":"\n<h4>Table of Contents<\/h4>\n\n\n\n<ul><li><a href=\"#diagram\">Architecture Diagram<\/a><\/li><li><a href=\"https:\/\/www.enablex.io\/developer\/wp-admin\/post.php?post=83&amp;action=edit#components\">Key Components<\/a><ul><li><a href=\"https:\/\/www.enablex.io\/developer\/wp-admin\/post.php?post=83&amp;action=edit#app-server\">Application Server<\/a><\/li><li><a href=\"https:\/\/www.enablex.io\/developer\/wp-admin\/post.php?post=83&amp;action=edit#client-end-apps\">Client End Applications<\/a><\/li><\/ul><\/li><\/ul>\n\n\n\n<a name=\"components\"><\/a>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2>Architecture Diagram<\/h2>\n\n\n\n<p>Please refer to the following diagram to understand how your Client End Point Applications interacts with Application Server and the Platform.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"989\" height=\"675\" src=\"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-content\/uploads\/2025\/04\/app-architecture.png\" alt=\"\" class=\"wp-image-7275\" srcset=\"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-content\/uploads\/2025\/04\/app-architecture.png 989w, https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-content\/uploads\/2025\/04\/app-architecture-300x205.png 300w, https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-content\/uploads\/2025\/04\/app-architecture-768x524.png 768w\" sizes=\"(max-width: 989px) 100vw, 989px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2>Key Components<\/h2>\n\n\n\n<p>The following 2 components are required to build an Video Application on the platform. <\/p>\n\n\n\n<a name=\"app-server\"><\/a>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3>1. An Application Server<\/h3>\n\n\n\n<p>An Application Server is needed for provisioning, work-flow automation and reporting needs. Following are broadly defined works for the Application Server:<\/p>\n\n\n\n<ul><li><a href=\"\/developer\/video-api\/server-api\/rooms-route\/\">Create and manage Video Rooms<\/a> as per requirement. <\/li><li>Gets <a href=\"\/developer\/video-api\/server-api\/rooms-route\/#create-token\">role-based access token<\/a> for its users looking to join Video Sessions. So, it acts as a Gatekeeper to Video Sessions to decide whom to give access to join the sessions.<\/li><li>Handles <a href=\"..\/..\/workflow-automation\/\">Webhook Notification<\/a> to automate application workflow.<\/li><li>Fetches <a href=\"..\/..\/cdr-route\/\">Post Session Reports<\/a> and <a href=\"\/developer\/video-api\/server-api\/archive-route\/\">Files<\/a> for reporting future.<\/li><\/ul>\n\n\n\n<a name=\"client-end-apps\"><\/a>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3>2. Client End Applications<\/h3>\n\n\n\n<p>A Client End Application needs to be developed using SDK of different types that will connect to Video Sessions. This application requires an access token from the server, obtained through the Application Server, to connect to a video session. Once connected, use SDK methods to carry out different actions and listen to event notification to create and manage Video Session UI\/UX.<\/p>\n\n\n\n<p>We provide the following SDKs to develop Client End Point Applications:<\/p>\n\n\n\n<ul><li><strong>For Browser based Application: <\/strong><ul><li><strong><a href=\"\/developer\/video-api\/client-api\/web-toolkit\/\">Web SDK<\/a><\/strong>: Use Web SDK to develop Application for Desktop and Mobile Browsers. All modern browsers support Web RTC Communication. Read <a href=\"\/developer\/video\/browser-compatibility-video\/\">Browser Compatibility<\/a>. <\/li><\/ul><\/li><li><strong>For Native Mobile Application:<\/strong><ul><li><strong><a href=\"\/developer\/video-api\/client-api\/android-toolkit\/\">Android App<\/a>:<\/strong>  For Android Native Development use Android SDK<\/li><li><strong><a href=\"\/developer\/video-api\/client-api\/ios-toolkit\/\">iOS App<\/a>:<\/strong>  For iOS Native Development use iOS SDK.<\/li><\/ul><\/li><li><strong>For Hybrid Mobile Application:<\/strong> <ul><li><strong><a href=\"\/developer\/video-api\/client-api\/flutter-toolkit\/\">Flutter SDK<\/a><\/strong>: For development of Video app in Flutter Framework. <\/li><li><strong><a href=\"\/developer\/video-api\/client-api\/react-native-toolkit\/\">React Native SDK<\/a><\/strong>: For development of Video app in React Native Framework. <\/li><li><strong><a href=\"\/developer\/video-api\/client-api\/cordova-toolkit\/\">Cordova SDK<\/a><\/strong>: For development of Video app in Cordova Framework. <\/li><\/ul><\/li><\/ul>\n\n\n\n<p>You are free to create applications for different platform to connect same Video Session.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<p class=\"has-text-align-center\"><a href=\"..\/\">Index<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<p class=\"has-text-align-right\"><a href=\"..\/pre-requisites\/\">Pre-Requisite<\/a> \u2192<a href=\"\/developer\/how-to-use\/\"><\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Table of Contents Architecture Diagram Key Components Application Server Client End Applications Architecture Diagram Please refer to the following diagram to understand how your Client End Point Applications interacts with Application Server and the Platform. Key Components The following 2 components are required to build an Video Application on the platform. 1. An Application Server An Application Server is needed for provisioning, work-flow automation and reporting needs. Following are broadly&hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":31,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ub_ctt_via":""},"featured_image_src":null,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"featured":false,"featured-large":false},"uagb_author_info":{"display_name":"vcxdevwpadmin","author_link":"https:\/\/doc.smartflomeet.ttns.in\/developer\/author\/vcxdevwpadmin\/"},"uagb_comment_info":0,"uagb_excerpt":"Table of Contents Architecture Diagram Key Components Application Server Client End Applications Architecture Diagram Please refer to the following diagram to understand how your Client End Point Applications interacts with Application Server and the Platform. Key Components The following 2 components are required to build an Video Application on the platform. 1. An Application Server&hellip;","_links":{"self":[{"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/pages\/83"}],"collection":[{"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/comments?post=83"}],"version-history":[{"count":0,"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/pages\/83\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/pages\/31"}],"wp:attachment":[{"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/media?parent=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}