<!DOCTYPE html><!-- Last Published: Thu Aug 13 2026 06:08:45 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="prod.agora.io" data-wf-page="660affa848e8af81bdd03910" data-wf-site="660affa848e8af81bdd03909" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Real-Time Engagement &amp; Conversational AI Platform | Agora</title><meta content="Build ultra-low latency voice, video, chat, and voice AI experiences for meaningful human-to-human and human-to-AI conversations, with flexible APIs and no-code &amp; low-code tools." name="description"/><meta content="Real-Time Engagement &amp; Conversational AI Platform | Agora" property="og:title"/><meta content="Build ultra-low latency voice, video, chat, and voice AI experiences for meaningful human-to-human and human-to-AI conversations, with flexible APIs and no-code &amp; low-code tools." property="og:description"/><meta content="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66ac1db9a7e8bbc9246a0570_homepage-featured.jpg" property="og:image"/><meta content="Real-Time Engagement &amp; Conversational AI Platform | Agora" name="twitter:title"/><meta content="Build ultra-low latency voice, video, chat, and voice AI experiences for meaningful human-to-human and human-to-AI conversations, with flexible APIs and no-code &amp; low-code tools." name="twitter:description"/><meta content="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66ac1db9a7e8bbc9246a0570_homepage-featured.jpg" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/css/agoras-website.shared.cc8c08583.min.css" rel="stylesheet" type="text/css" integrity="sha384-zIwIWDTRrc/2OATio6PzTwFgbPSYJkSKhZ83zJmSURrI0pun6RZ5MzdGxexYXI0B" crossorigin="anonymous"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({  google: {    families: ["Fira Code:300,400,500,600,700","Inter:300,400,500,600,700"]  }});</script><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b3cd94a81a4b1b39300602_favicon-32x32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66c71fa4c832213b24f804b9_webclip.png" rel="apple-touch-icon"/><link href="https://www.agora.io/en" rel="canonical"/><!-- --> 
<!-- Staging -->
<!-- <script type="text/javascript" src="https://cdn-prod.securiti.ai/consent/auto_blocking/b373a629-85bf-440d-824a-a86fc32ae3e9/8d372ae1-333c-4b6c-8e83-113a85a84305.js"></script> -->

<!-- Prod -->
<script type="text/javascript" src=" https://cdn-prod.securiti.ai/consent/auto_blocking/b373a629-85bf-440d-824a-a86fc32ae3e9/7ba04bfc-c10b-4f3a-80d5-bf9ed910b46f.js"></script>


<!-- Start cookieyes banner --> 
<!-- <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/f377600a6d571245c87039fc3a24a5f1/script.js"></script> --> 
<!-- End cookieyes banner -->

<!-- Google Tag Manager -->
<!--<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WV38JLKB');</script> -->
<!-- End Google Tag Manager -->

<!-- --> 
<meta name="google-site-verification" content="e0-dSxZzDMnwiOCLm40TnpuVDiGxQOgzQN8tkSOCaVE" />
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
/>
<script defer src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<!-- After adding this script, call setConsentBannerParams({uuid: <unique id> }) to set unique ID for a customer.  -->


<!-- Staging -->
<!-- <script>
(function () {
        var s = document.createElement('script');
        s.src = 'https://cdn-prod.securiti.ai/consent/cookie-consent-sdk-loader.js';
        s.setAttribute('data-tenant-uuid', 'b373a629-85bf-440d-824a-a86fc32ae3e9');
        s.setAttribute('data-domain-uuid', '8d372ae1-333c-4b6c-8e83-113a85a84305');
        s.setAttribute('data-backend-url', 'https://app.securiti.ai');
        s.setAttribute('data-skip-css', 'false');
        s.defer = true;
        var parent_node = document.head || document.body;
        parent_node.appendChild(s);
})()
</script> -->

<!-- Prod -->
<script>
(function () {
                var s = document.createElement('script');
                s.src = 'https://cdn-prod.securiti.ai/consent/cookie-consent-sdk-loader.js';
                s.setAttribute('data-tenant-uuid', 'b373a629-85bf-440d-824a-a86fc32ae3e9');
                s.setAttribute('data-domain-uuid', '7ba04bfc-c10b-4f3a-80d5-bf9ed910b46f');
                s.setAttribute('data-backend-url', 'https://app.securiti.ai');
                s.setAttribute('data-skip-css', 'false');
                s.defer = true;
                var parent_node = document.head || document.body;
                parent_node.appendChild(s);
})()
</script>

<!-- Super AGI Script -->
<!-- <script defer src='https://script.superagi.com/public/script?id=8JQOBvP5Et-62def19c'></script>-->
<!-- End of Super AGI Script -->

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;//f.parentNode.insertBefore(j,f);
document.head.append(j);
})(window,document,'script','dataLayer','GTM-TKTWGML');</script>
<!--})(window,document,'script','dataLayer','GTM-TKTWGML');</script> <!-- prod tag -->
<!--})(window,document,'script','dataLayer','GTM-WV38JLKB');</script> <!-- staging tag -->
<!-- End Google Tag Manager --> 

<!-- Google tag (gtag.js) -->

<!--<script async src="https://www.googletagmanager.com/gtag/js?id=AW-11492041022"></script>-->

<!--<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-11492041022');
</script>-->

<!--<script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "rwvip6pv2o"); </script>-->

<!-- Base Styles -->
<style>
  html, body {
    scrollbar-color: #626262 transparent;
    font-family: 'Jokker', 'ui-sans-serif', 'system-ui', 'Segoe UI', 'Roboto', 'Ubuntu', 'sans-serif';
  }
  
  h1, h2, h3, strong {
		font-weight: 600 !important;
	}
  a {
		color: #00C2FF;
	}
</style>

<style>
  /** Github gists */
  /* Limit width. Show scrollbars when exceeding width */
  .gist {
     overflow:auto;
  }

  /* Limit height. Show scrollbars when exceeding height */
  .gist .blob-wrapper.data {
     max-height:400px;
     overflow:auto;
  }
  
</style>

<style>
  
   /* Button */
  .button-primary-outline:hover .primary-btn-label-outline{
  	color: black;
  }
  
  .button-primary-outline:hover .btn-rounded-outline{
  	background: black;
  }
  
</style>

<!-- Button hover animation styles + HOVERS-->
<style>
   .button-primary:hover .primary-btn-label,
   .button-primary:hover .primary-btn-label-medium{
      color: white;
   }
   
   .button-primary:hover .rounded-circle{
      background: white;
      color: black;
   }
   
   .button-primary-outline:hover .rounded-circle-outline{
      background: black;
      color: white;
   }
   
   .button-primary:hover .rounded-circle{
      background: white;
      color: black;
   }
  
   .button-primary.btn-primary-outline:hover{
   	background: var(--color--black);
   }
  
   .button-primary.btn-primary-outline:hover .rounded-circle.no-circle-bg, 
   .button-primary.btn-primary-outline:hover .primary-btn-label-medium{
   	background: transparent;
    color: var(--color--white);
   }

  	.button-primary:hover .original-arrow,
		.button-primary-outline:hover .original-arrow{
		   transform: translate(150%, -150%);
       transition: transform 0.3s ease-in-out;
       transition-delay: 100ms;
    }
    
    .button-primary:hover .slided-arrow,
		.button-primary-outline:hover .slided-arrow{
       transform: translate(0px, 0px);
       transition: transform 0.3s ease-in-out 0.1S;
       transition-delay: 100ms;
     }
</style>

<!-- Custom Table for Rich Text Editors -->
<style>
  .standard-rich-text-table {
	border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 44px;
  }
  
  .standard-rich-text-table th{
    background: #333;
	text-align: left;
    padding: 16px 20px;
    font-family: var(--font--font-sans);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 16px */
    letter-spacing: -0.16px;
    color: white;
   }
  
  .standard-rich-text-table th:first-child{
    border-top-left-radius: 4px;
  }
  .standard-rich-text-table th:last-child{
    border-top-right-radius: 4px;
  }

  .standard-rich-text-table tr td{
    color: #080808;
    padding: 16px 20px;
    font-family: var(--font--font-sans);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 20.8px */
   }
  
  .standard-rich-text-table tr:last-child td:first-child{
    border-bottom-left-radius: 4px;
  }

   .standard-rich-text-table tr:last-child td:last-child{
    border-bottom-right-radius: 4px;
   }

  .standard-rich-text-table td{
    vertical-align: top;
    border-bottom: 1px solid var(--color--gray-500);
  }
  
  .standard-rich-text-table td * {
	font-size: 16px;
    font-weight: 400;
    line-height: 130%;
   }
  
  .standard-rich-text-table.small-font td *{
    font-size: 14px;
    line-height: 140%;
  }
  
  .standard-rich-text-table tr td:first-child{
     border-left: 1px solid var(--color--gray-500);
   }
  
   .standard-rich-text-table tr td:last-child{
     border-right: 1px solid var(--color--gray-500);
   }
</style>

<style type="text/css">
[data-custom-case="true"] .core-products {
  text-transform: none !important;
}
</style>

<style type="text/css">
.underline-card:hover .underline{
	text-decoration: underline !important;
}
</style>

<style>
.banner-close{
  opacity:0;
  transition:opacity .2s ease;
  cursor:pointer;
}

.banner-wrapper:hover .banner-close{
  opacity:1;
}
</style>

<!-- Wordpress/OneTrust/Marketo class overrides -->
<style type="text/css">
  pre.w-code-block code {
    all: unset;
	padding: inherit;
    color: inherit;
  }

 .ot-sdk-show-settings {
    color: #84888b !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}  

 .ot-sdk-show-settings:hover {
    color: #dee2e5 !important;
    text-decoration: underline !important;
}  

#onetrust-banner-sdk #onetrust-accept-btn-handler {
    font-weight: 700 !important;
}

.footer-links-container.footerbottom-links span:last-child {
    cursor: pointer !important;
}
  
form.mktoForm select option{
  color: white;
  background: #171717;
}
  
form.mktoForm select.mktoField  {
    background-position: center right 16px;
    background-repeat: no-repeat;
     background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 4"><polygon points="8 0 4 4 0 0 8 0" fill="%23fff"/></svg>');
    background-size: 8px 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 38px;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}
  
</style>

<!-- Usage Section Grid Center last odd item -->
<style>
</style>

<!-- Start of HubSpot Embed Code -->
<!-- <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/24150284.js"></script>-->
<!-- End of HubSpot Embed Code -->

<!-- Hubspot Form Styles -->
<style>
  
legend.hs-field-desc {
  	font-weight: 400;
    font-family: 'Jokker', 'Inter', Arial !important;
}
.submitted-message {
    color: white;
    font-weight: 400;
    font-family: 'Jokker', 'Inter', Arial !important;
}
.hubspot-form-container {
    width: 100% !important;
}

.hbspt-form form {
    max-width: 800px;
    width: 100% !important;
    margin: 0 auto;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.hbspt-form fieldset {
    width: 100%;
    max-width: 100% !important;
    font-family: 'Jokker', 'Inter', Arial !important;
    color: white;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    gap: 20px;
}

.hbspt-form fieldset:has(input[type='hidden']) {
    display: none;
}

.hbspt-form fieldset>div {
    flex: 1;
}

.hs-form-field>label {
    display: flex;
    width: 100%;
    color: #b2b6b8;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row-reverse;
    gap: 4px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
}

.hs-form-field .hs-form-required {
    color: #e51b00;
}

.hs-form-field {
    background-color: #171717;
    border-radius: 4px;
    padding: 16px 12px;
}

input.hs-input,
select.hs-input,
textarea.hs-input {
    width: 100% !important;
    background: transparent;
    border: none;
    outline: none;
    color: white;
    font-size: 14px;
    font-weight: 400;
    padding: 10px;
}

.hs-form-field .inputs-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 16px;
}

.hs-form-field .hs-form-checkbox,
.hs-form-field .hs-form-radio {
    width: 100%;
}

.hs-form-field .hs-form-checkbox label,
.hs-form-field .hs-form-booleancheckbox-display,
.hs-form-field .hs-form-radio label {
    display: flex;
    width: 100%;
    gap: 8px;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
}

.hs-form-field .hs-form-booleancheckbox-display span {
    margin-left: 0px !important;
}

.hs-form-field .hs-form-booleancheckbox-display a {
    color: #ADADAD;
    font-weight: 400;
}

.legal-consent-container .hs-form-booleancheckbox-display p {
    color: #ADADAD;
    font-weight: 400;
}

.hs-form-field .hs-form-checkbox .hs-input {
    width: auto !important;
}

.hs-error-msgs {
    list-style: none;
    margin: 0;
    padding: 0;
   	font-family: 'Jokker', 'Inter', Arial !important;
  	font-size: 12px;
  	color: orangered;
}

.hs-error-msg {
    font-size: 12px;
    font-weight: 400;
    color: #e51b00;
    line-height: 1;
    margin-top: 4px;
}

input.hs-button {
    border-radius: 100px;
    border: 1px solid var(--color-white, #fff) !important;
    background: var(--color-white, #fff) !important;
    display: flex;
    min-width: 140px;
    align-items: center;
    justify-content: center;
    padding: 12px !important;
    color: #000 !important;
    text-align: center;
    font-family: 'Jokker', 'Inter', Arial !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.18px;
    cursor: pointer !important;
}

.hs-dependent-field {
    display: flex;
    gap: 20px;
}

.hs-dependent-field div {
    flex: 1;
}

.legal-consent-container .hs-form-field,
.hs-recaptcha.hs-form-field {
    padding: 0;
    background: transparent;
}

/* Custom checkbox and radio */
.hs-input[type='radio'],
.hs-input[type='checkbox'] {
    transition: background-color 0.2s, border-color 0.2s;
    cursor: pointer;
    outline: none;
    margin: 0px !important;
}

.hs-input[type='checkbox'] {
    all: unset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    transform: none !important;
    zoom: 1 !important;
    /* For Safari */
    width: 10px !important;
    height: 10px !important;
    min-width: 10px !important;
    min-height: 10px !important;
    max-width: 10px !important;
    max-height: 10px !important;
    border: 1px solid #00C2FF;
    border-radius: 4px;
    position: relative;
    padding: 2px !important;
    margin-right: 4px;
}

.hs-input[type='checkbox']:checked {
    background-color: #00C2FF;
}

.hs-input[type='checkbox']:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 6px;
    border: solid white;
    border-width: 0 1px 1px 0;
    transform: translate(-50%, -55%) rotate(45deg);
}

.hs-input[type='radio'] {
    all: unset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 14px !important;
    height: 14px !important;
    border: 1px solid #00C2FF;
    border-radius: 50%;
    position: relative;
    margin-right: 4px;
}

.hs-input[type='radio']:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background-color: #00C2FF;
    border: 1px solid #00C2FF;
    border-radius: 50%;
}
/** Light theme */

.hubspot-form-light-theme  {
    color: #333333;
}

.hubspot-form-light-theme .hs-form-field {
    background-color: transparent;
    padding: 0px;
}

.hubspot-form-light-theme .hs-form-field>label {
    color: #333333;
}

.hubspot-form-light-theme input.hs-input,
.hubspot-form-light-theme select.hs-input,
.hubspot-form-light-theme textarea.hs-input {
    background: white;
    margin-top: 16px;
    border-radius: 6px;
    padding: 16px;
    color: #171717;
    border: 1px solid #ddd;
}

.hubspot-form-light-theme input.hs-button {
    border: 1px solid #00C2FF !important;
    background: #00C2FF !important;
    color: white !important;
}
  
.hubspot-form-light-theme .legal-consent-container .hs-form-booleancheckbox-display p{
  color: #171717;
}
  
.hubspot-form-light-theme .hs-form-field .hs-form-booleancheckbox-display a {
 color: #00C2FF !important;
}
</style>

<style type="text/css">
/**
 * Footer Health Indicator Styles
 * Responsive styling for system health status indicator
 */

/* Main indicator container */
.agora-health-indicator {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
  background-color: rgba(34, 197, 94, 0.1);
  border: 1px solid rgba(34, 197, 94, 0.2);
  margin-top: 12px;
  cursor: default;
}

.agora-health-indicator__content {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Status dot indicator */
.agora-health-indicator__dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  animation: pulse 2s infinite;
}

.agora-health-indicator__dot--green {
  background-color: #22c55e;
  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.2);
}

.agora-health-indicator__dot--yellow {
  background-color: #eab308;
  box-shadow: 0 0 0 2px rgba(234, 179, 8, 0.2);
}

/* Status text */
.agora-health-indicator__text {
  color: #1f2937;
  white-space: nowrap;
  font-size: 14px;
}

/* Operational state */
.agora-health-indicator--operational {
  background-color: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.2);
  color: #15803d;
  cursor: default;
}

.agora-health-indicator--operational:hover {
  background-color: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.2);
}

.agora-health-indicator--operational .agora-health-indicator__text {
  color: #15803d;
}

/* Disruption state */
.agora-health-indicator--disruption {
  background-color: rgba(234, 179, 8, 0.1);
  border-color: rgba(234, 179, 8, 0.2);
  color: #854d0e;
  cursor: pointer;
}

.agora-health-indicator--disruption:hover {
  background-color: rgba(234, 179, 8, 0.15);
  border-color: rgba(234, 179, 8, 0.3);
}

.agora-health-indicator--disruption .agora-health-indicator__text {
  color: #854d0e;
}

/* Pulsing animation for the dot */
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}

/* Tooltip styles */
.agora-health-tooltip {
  display: none;
  position: fixed;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 16px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  max-width: 350px;
  font-size: 13px;
  line-height: 1.5;
  pointer-events: auto;
  top: auto;
  left: auto;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.agora-health-tooltip__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.agora-health-tooltip__title {
  margin: 0;
  font-weight: 600;
  color: #1f2937;
  font-size: 13px;
}

.agora-health-tooltip__message {
  margin: 0;
  color: #4b5563;
  font-size: 12px;
}

.agora-health-tooltip__message a {
  color: #0066cc;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}

.agora-health-tooltip__message a:hover {
  color: #0052a3;
  text-decoration: underline;
}

/* Responsive design */
@media (max-width: 768px) {
  .agora-health-indicator {
    padding: 6px 10px;
    font-size: 12px;
    gap: 6px;
    margin-top: 8px;
  }

  .agora-health-indicator__dot {
    width: 6px;
    height: 6px;
  }

  .agora-health-indicator__text {
    font-size: 12px;
  }

  .agora-health-tooltip {
    max-width: 280px;
    padding: 10px 12px;
    font-size: 12px;
  }

  .agora-health-tooltip__title {
    font-size: 12px;
  }

  .agora-health-tooltip__message {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  .agora-health-indicator {
    padding: 6px 8px;
    font-size: 11px;
    gap: 4px;
  }

  .agora-health-indicator__text {
    font-size: 11px;
  }

  .agora-health-tooltip {
    max-width: 240px;
    padding: 8px 10px;
    font-size: 11px;
  }

  .agora-health-tooltip__title {
    font-size: 11px;
  }

  .agora-health-tooltip__message {
    font-size: 10px;
  }
}

/* Accessibility improvements */
.agora-health-indicator:focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}

.agora-health-indicator:active {
  transform: scale(0.98);
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .agora-health-indicator {
    background-color: rgba(34, 197, 94, 0.15);
    border-color: rgba(34, 197, 94, 0.3);
  }

  .agora-health-indicator--operational {
    background-color: rgba(34, 197, 94, 0.15);
    border-color: rgba(34, 197, 94, 0.3);
  }

  .agora-health-indicator--operational:hover {
    background-color: rgba(34, 197, 94, 0.25);
    border-color: rgba(34, 197, 94, 0.4);
  }

  .agora-health-indicator--operational .agora-health-indicator__text {
    color: #86efac;
  }

  .agora-health-indicator--disruption {
    background-color: rgba(234, 179, 8, 0.15);
    border-color: rgba(234, 179, 8, 0.3);
  }

  .agora-health-indicator--disruption:hover {
    background-color: rgba(234, 179, 8, 0.25);
    border-color: rgba(234, 179, 8, 0.4);
  }

  .agora-health-indicator--disruption .agora-health-indicator__text {
    color: #fde047;
  }

  .agora-health-tooltip {
    background-color: #1f2937;
    border-color: #374151;
    color: #e5e7eb;
  }

  .agora-health-tooltip__title {
    color: #f3f4f6;
  }

  .agora-health-tooltip__message {
    color: #d1d5db;
  }

  .agora-health-tooltip__message a {
    color: #60a5fa;
  }

  .agora-health-tooltip__message a:hover {
    color: #93c5fd;
  }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .agora-health-indicator,
  .agora-health-indicator__dot,
  .agora-health-indicator__text {
    animation: none;
    transition: none;
  }

  .agora-health-indicator__dot {
    animation: none;
  }
}

</style>

<style>
.alert-bar {
  display: block;
}

.alert-bar.is-hidden {
  display: none;
}
</style><link rel="canonical" href="https://www.agora.io/en/" />
<link rel="alternate" href="https://www.agora.io/en/" hreflang="en" />
<link rel="alternate" href="https://www.agora.io/kr/" hreflang="ko" />
<link rel="alternate" href="https://www.agora.io/en/" hreflang="x-default" />

<style>
	/* NavBar */
  .nav-menu-link.w-nav-link.w--current{
     position: relative;
  }
  .nav-menu-link.w-nav-link.w--current:before{
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background: linear-gradient(to right, #0286FF, #DB7FFF, #FFFFFF);
    top: 100%;
    left: 0;
  }
  
  /** tabs */
  .feature-tab-menu.w--current{
     position: relative;
  }
  .feature-tab-menu.w--current > .feature-tab-text{
     display: block;
  }
  .feature-tab-menu.animate-border:before{
    content: "";
    position: absolute;
    height: 2px;
    /** Animating the width */
    width: 0%;
    /* background: linear-gradient(to right, #0286FF, #DB7FFF, #FFFFFF); */
   background: linear-gradient(270deg, #099DFD 0%, rgba(9, 157, 253, 0.00) 100%);
    top: 100%;
    left: 0;
    animation: borderBottomAnimation linear 4000ms;
  }
  
  @keyframes borderBottomAnimation{
    from {width: 0%;}
    to {width: 100%;}
  }

   /** General */
   .spotlight-card{
   	  border-radius: 12px;
		  background: radial-gradient(74.22% 64.62% at 26.36% 14.29%, #1A1A1A 0%, #151515 50%, #101010 100%);
   }
   
   .icon-shade{
     background: linear-gradient(304deg, #0D0D0D 14.86%, #161515 86.17%);
   }
   
   .popped-card{
     border-radius: 8px;
     background: linear-gradient(285deg, #202020 26.32%, #1C1C1C 90.13%);
     box-shadow: inset 1px 1px 0px #353535;
	 }
   
   .hero-variant-2 {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
  }
  
  /** Components */
  .services-gradient-bg{
  	/*background-image: radial-gradient(74.22% 64.62% at 26.36% 14.29%, #1A1A1A 0%, #151515 50%, #101010 100%); */
		background: radial-gradient(282.8% 141.42% at 0% 0%, #1A1A1A 0%, #151515 50%, #101010 100%) !important;
  }
  
  /** Card Gradient border */
  .gradient-card-border{
  /** TODO */
    border: 10px solid;
    border-image-slice: 1;
    border-width: 5px;
  	border-image-source: linear-gradient(156 deg, #2B2B2B 18%, #000000 100%);

  }
</style>


<style>
  /** Sticky tab cards active border*/
  .scroll-card-tab-link.w--current{
     position: relative;
  }
  .scroll-card-tab-link.w--current:before{
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background: linear-gradient(to right, #0286FF, #DB7FFF, #FFFFFF);
    top: 100%;
    left: 0;
  }
</style>

<style>
  @media screen and (max-width: 479px) {
   :lang(pt) .features .primary-btn-label-outline {
        font-size: 12px;
    }
  }
</style></head><body class="body"><div fs-scrolldisable-element="smart-nav" data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="headernavbar w-nav"><div class="headernavbar-container w-container"><div class="headernavbar-wrapper"><a href="/en/" class="brand w-nav-brand"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66ab7f671fb90c022fb7f1dc_Agora%20Logo%20Crisp.webp" loading="lazy" width="85" height="29" alt="Agora logo" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66ab7f671fb90c022fb7f1dc_Agora%20Logo%20Crisp-p-500.png 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66ab7f671fb90c022fb7f1dc_Agora%20Logo%20Crisp.webp 800w" sizes="85px" class="brand-logo"/></a><nav role="navigation" class="headernavbar-menu w-nav-menu"><div data-hover="false" data-delay="300" data-w-id="de4af0f1-546c-4143-6f79-735c6832967d" class="uui-navbar02_menu-dropdown w-dropdown"><div class="headermenulink w-dropdown-toggle"><a data-w-id="52545f99-1102-ef0f-068e-5bc5388595b2" href="#" class="navmenu-linkwrapper w-inline-block"><div class="navmenu-link-label">Products</div><div class="uui-dropdown-icon-5 w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
</svg></div><div class="navmenu-link-underline"></div></a><div data-w-id="f1165a53-35a3-0f4d-dd8b-d138fb6012d1" class="navmenu-nolinkwrapper"><div class="navmenu-link-label">Products</div><div class="uui-dropdown-icon-5 w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
</svg></div><div class="navmenu-link-underline"></div></div></div><nav class="headermenudropdown w-dropdown-list"><div data-custom-case="true" class="modal-megamenu-contentblock"><div class="w-layout-hflex flex-block-39"><div class="w-layout-vflex flex-block-40 flex-block-40-responsive rtc-menu-responsive"><div class="w-layout-vflex flex-block-42 rtc-menu-container"><div class="w-layout-vflex flex-block-147 rtc-menu-items rtc-menu-col-large"><div data-figma-id="329:1639" class="mega-menu-title primary-graidient-text mega-menu-title-item"><div data-figma-id="329:1640" class="core-products featuredproductlabel">CONVERSATIONAL AI</div></div><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/agora-agent-studio" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6a55cb27ab0f825e4f2cd977_Agora-Agent-Studio-Icon.svg" loading="lazy" alt="" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Agora Agent Studio</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/conversational-ai-engine/" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6a47926126b88f422880f284_Icon.svg" loading="lazy" alt="" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Agora Conversational AI Engine</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/convoai-device-kit/" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6a479287efc1739cf0d87826_IOT.svg" loading="lazy" alt="" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Agora Convo AI Device Kit</div></div><div class="div-block-37"></div></div></div></div></a></div><div class="w-layout-vflex flex-block-147 rtc-menu-items rtc-menu-col-small"><div data-figma-id="329:1639" class="mega-menu-title"><div data-figma-id="329:1640" class="core-products mega-menu-title-unmuted">REAL-TIME COMMUNICATIONS</div></div><div class="w-layout-hflex menublock rtc-menu-grid"><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/agora-rtc" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6a4790cfd726b1d7cb11ede5_VideoCalling.svg" loading="lazy" alt="" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Agora RTC</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/signaling/" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/669a1d4e491e0f8428d525a5_Signaliing.svg" loading="lazy" alt="Signaling icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Agora Signaling</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/chat/" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6a47915cc82337eb6df4aaf5_Chat.svg" loading="lazy" alt="" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Agora Chat</div></div><div class="div-block-37"></div></div></div></div></a><div class="empty-block"></div></div></div><div class="w-layout-vflex flex-block-147 rtc-menu-items rtc-menu-col-small"><div data-figma-id="329:1639" class="mega-menu-title"><div data-figma-id="329:1640" class="core-products mega-menu-title-unmuted">GLOBAL NETWORK INFRASTRUCTURE</div></div><div class="w-layout-hflex menublock rtc-menu-grid"><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/software-defined-real-time-network" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6a4791d319c4c5fe0f4215fc_SDRTN.svg" loading="lazy" alt="" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Software-Defined Real-Time Network</div></div><div class="div-block-37"></div></div></div></div></a><link rel="prefetch" href="/en/software-defined-real-time-network"/></div></div></div></div></div></div></nav></div><div data-hover="false" data-delay="300" data-w-id="34b7c7aa-c7da-812a-7132-2e0d1396a3b4" class="uui-navbar02_menu-dropdown w-dropdown"><div class="headermenulink w-dropdown-toggle"><a data-w-id="52545f99-1102-ef0f-068e-5bc5388595b2" href="#" class="navmenu-linkwrapper w-inline-block"><div class="navmenu-link-label">Solutions</div><div class="uui-dropdown-icon-5 w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
</svg></div><div class="navmenu-link-underline"></div></a><div data-w-id="f1165a53-35a3-0f4d-dd8b-d138fb6012d1" class="navmenu-nolinkwrapper"><div class="navmenu-link-label">Solutions</div><div class="uui-dropdown-icon-5 w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
</svg></div><div class="navmenu-link-underline"></div></div></div><nav class="headermenudropdown w-dropdown-list"><div class="modal-megamenu-contentblock"><div class="w-layout-hflex flex-block-39"><div class="w-layout-vflex flex-block-40"><div class="w-layout-vflex flex-block-42 megamenublockwrapper"><div class="w-layout-vflex flex-block-150"><div data-figma-id="329:1639" class="mega-menu-title"><div data-figma-id="329:1640" class="core-products">Solutions</div></div><div class="w-layout-hflex menublock"><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/conversational-ai/" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66a76e47c84696f53c016fe1_Conversational%20AI.svg" loading="lazy" alt="Conversational AI icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Conversational AI</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/solutions/education/" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667b308365045cbade332b74_education.svg" loading="lazy" alt="Education icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Education</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/solutions/future-of-work/" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667b30837fc97162d8c435e9_business.svg" loading="lazy" alt="Business icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Future of Work</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/solutions/gaming/" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667b3083511e9695fa12591d_gaming.svg" loading="lazy" alt="Gaming icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Gaming</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/solutions/igaming/" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/692f902ccbb4215bb605041e_iGaming.png" loading="lazy" alt="" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">iGaming</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/iot-sdk" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66336fd6e0b9373b6ef39e3b_IOT.svg" loading="lazy" alt="" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">IoT</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/solutions/live-audio-streaming/" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667b3084e08666b5d13e2536_podcasts.svg" loading="lazy" alt="Podcasts icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Live Audio Streaming</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/solutions/live-shopping/" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667b3083244fb3eaffa8d35b_local.svg" loading="lazy" alt="Local icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Live Shopping</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/solutions/media-and-entertainment/" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667b3083611ab0b45afcb8da_music.svg" loading="lazy" alt="Music icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Media and Entertainment</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/solutions/metaverse/" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667b3083b4576291d6b0a5e6_Metaverse.svg" loading="lazy" alt="Metaverse icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Metaverse</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/solutions/social/" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667b3083516f21eef0772efd_favorite.svg" loading="lazy" alt="Favorite icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Social</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/solutions/telehealth/" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667b308339b6088a7f0144a8_health.svg" loading="lazy" alt="Health icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Telehealth</div></div><div class="div-block-37"></div></div></div></div></a></div></div></div></div></div></div></nav></div><div data-hover="false" data-delay="300" data-w-id="c2a1b29d-e44d-b037-0620-b4c5930d8812" class="uui-navbar02_menu-dropdown w-dropdown"><div class="headermenulink w-dropdown-toggle"><a data-w-id="52545f99-1102-ef0f-068e-5bc5388595b2" href="#" class="navmenu-linkwrapper w-inline-block"><div class="navmenu-link-label">Developers</div><div class="uui-dropdown-icon-5 w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
</svg></div><div class="navmenu-link-underline"></div></a><div data-w-id="f1165a53-35a3-0f4d-dd8b-d138fb6012d1" class="navmenu-nolinkwrapper"><div class="navmenu-link-label">Developers</div><div class="uui-dropdown-icon-5 w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
</svg></div><div class="navmenu-link-underline"></div></div></div><nav class="headermenudropdown w-dropdown-list"><div class="modal-megamenu-contentblock"><div class="w-layout-hflex flex-block-39"><div class="w-layout-vflex flex-block-40"><div class="w-layout-vflex flex-block-42 megamenublockwrapper"><div class="w-layout-vflex flex-block-147 developerresources-desktop"><div data-figma-id="329:1639" class="mega-menu-title"><div data-figma-id="329:1640" class="core-products">RESOURCES</div></div><div class="w-layout-hflex menublock menublock1-3 menublockcard developer-menu"><a href="https://docs.agora.io/en/introduction" target="_blank" class="megamenu-boxcard-wrapper w-inline-block"><div class="frame-2087325057"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667b40cc4c4522e2662a43f4_img_Docs.svg" loading="lazy" width="60" height="60" alt="" class="img_docs"/><div class="nav_item-2"><div class="menuitem"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667b41c6c2cfbc33824af7a7_docs.svg" loading="lazy" width="24" height="24" alt="" class="vectors-wrapper-5"/><div class="content-3"><div class="navigation_item_hero"><div class="text-7">Documentation</div></div></div></div></div></div></a><a href="https://docs.agora.io/en/api-reference" target="_blank" class="megamenu-boxcard-wrapper w-inline-block"><div class="frame-2087325057"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667b40cc1aa9712cf4ce59ad_img_APIRef.svg" loading="lazy" width="60" height="60" alt="" class="img_docs"/><div class="nav_item-2"><div class="menuitem"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667b41c7a9a53396fdf5bc94_api-reference.svg" loading="lazy" width="24" height="24" alt="" class="vectors-wrapper-5"/><div class="content-3"><div class="navigation_item_hero"><div class="text-7">API Reference</div></div></div></div></div></div></a><a href="https://docs.agora.io/en/api-reference/sdks?platform=android" target="_blank" class="megamenu-boxcard-wrapper w-inline-block"><div class="frame-2087325057"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667b40ccbcb01e9adbdb3920_img_sdks.svg" loading="lazy" width="60" height="60" alt="" class="img_docs"/><div class="nav_item-2"><div class="menuitem"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667b41c676c09e26da988747_download.svg" loading="lazy" width="24" height="24" alt="" class="vectors-wrapper-5"/><div class="content-3"><div class="navigation_item_hero"><div class="text-7">Download SDKs</div></div></div></div></div></div></a><a href="/en/category/developer/" class="megamenu-boxcard-wrapper w-inline-block"><div class="frame-2087325057"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66cdae1791fa49a9e940c1c9_Developer.svg" loading="lazy" width="60" height="60" alt="" class="img_docs"/><div class="nav_item-2"><div class="menuitem"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66cdae175efaa76ef74ff861_External%20Link.svg" loading="lazy" width="24" height="24" alt="" class="vectors-wrapper-5"/><div class="content-3"><div class="navigation_item_hero"><div class="text-7">Developer Blogs</div></div></div></div></div></div></a><a href="/en/conversational-ai-performance-lab" class="megamenu-boxcard-wrapper w-inline-block"><div class="frame-2087325057"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66cdae1791fa49a9e940c1c9_Developer.svg" loading="lazy" width="60" height="60" alt="" class="img_docs"/><div class="nav_item-2"><div class="menuitem"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/686296391824765893d96947_chart-line.svg" loading="lazy" width="24" height="24" alt="" class="vectors-wrapper-5"/><div class="content-3"><div class="navigation_item_hero"><div class="text-7">Conversational AI Performance Lab</div></div></div></div></div></div></a><a href="/en/extensions-marketplace/" class="megamenu-boxcard-wrapper w-inline-block"><div class="frame-2087325057"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66cdae1791fa49a9e940c1c9_Developer.svg" loading="lazy" width="60" height="60" alt="" class="img_docs"/><div class="nav_item-2"><div class="menuitem"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e8277ffd1f3a4253e261c_Vectors-Wrapper.svg" loading="lazy" width="24" height="24" alt="" class="vectors-wrapper-5"/><div class="content-3"><div class="navigation_item_hero"><div class="text-7">Extensions Marketplace</div></div></div></div></div></div></a></div></div><div class="w-layout-vflex flex-block-147 developerresources-mobile"><div data-figma-id="329:1639" class="mega-menu-title"><div data-figma-id="329:1640" class="core-products">RESOURCES</div></div><div class="w-layout-hflex menublock menublock-4"><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="https://docs.agora.io/en/" target="_blank" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667b41c6c2cfbc33824af7a7_docs.svg" loading="lazy" alt="Docs icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Documentation</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="https://docs.agora.io/en/api-reference" target="_blank" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667b41c7a9a53396fdf5bc94_api-reference.svg" loading="lazy" alt="API reference icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">API Reference</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="https://docs.agora.io/en/sdks?platform=android" target="_blank" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66336fd69861475baa764e08_Download.svg" loading="lazy" alt="" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Download SDKs</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/category/developer" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66cdae175efaa76ef74ff861_External%20Link.svg" loading="lazy" alt="" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Developer Blog</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/conversational-ai-performance-lab" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/686296391824765893d96947_chart-line.svg" loading="lazy" alt="" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Conversational AI Performance Lab</div></div><div class="div-block-37"></div></div></div></div></a></div></div><div class="w-layout-vflex flex-block-147"><div data-figma-id="329:1639" class="mega-menu-title"><div data-figma-id="329:1640" class="core-products">QUICKSTARTs</div></div><div class="w-layout-hflex menublock menublock-4"><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="https://docs.agora.io/en/realtime-media/voice/quickstart" target="_blank" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66336fd7832f5a9e3e8ffc0c_VoiceCalling.svg" loading="lazy" alt="" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Voice SDK</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="https://docs.agora.io/en/realtime-media/video/get-started-sdk" target="_blank" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66336fd7e05c1cfefbbfb097_VideoCalling.svg" loading="lazy" alt="" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Video SDK</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="https://appbuilder-docs.agora.io/" target="_blank" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b12a6478f4addcc57f78a1_App_Builder.svg" loading="lazy" alt="Agora App Builder icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">App Builder</div></div><div class="div-block-37"></div></div></div></div></a></div></div><div class="w-layout-vflex flex-block-147"><div data-figma-id="329:1639" class="mega-menu-title"><div data-figma-id="329:1640" class="core-products">COMMUNITY</div></div><div class="w-layout-hflex menublock menublock-4"><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="https://stackoverflow.com/questions/tagged/agora.io" target="_blank" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667b41c7e5566dcec24b5880_stackoverflow.svg" loading="lazy" alt="Stackoverflow icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Stack Overflow</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="https://github.com/AgoraIO" target="_blank" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667b41c6bd8028155c73074e_agora.svg" loading="lazy" alt="Agora icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Agora Github</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="https://github.com/AgoraIO-Community/" target="_blank" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667b41c6f55a81e10702d895_github.svg" loading="lazy" alt="Github icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Community Github</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="https://discord.gg/uhkxjDpJsN" target="_blank" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/689befc14763bfe94a7cd1ea_Discord-Symbol-White.svg" loading="lazy" alt="" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Community Discord</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="https://explore.agora.io/agora-ambassador-program" target="_blank" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/699773b0789d27669fdfa3bd_DeveloperAmbassador.svg" loading="lazy" alt="" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Agora Ambassador Program</div></div><div class="div-block-37"></div></div></div></div></a></div></div></div></div></div></div></nav></div><div data-hover="false" data-delay="300" data-w-id="33be9100-a231-e0e3-df4d-7312174dcdd4" class="uui-navbar02_menu-dropdown w-dropdown"><div class="headermenulink w-dropdown-toggle"><a data-w-id="52545f99-1102-ef0f-068e-5bc5388595b2" href="#" class="navmenu-linkwrapper w-inline-block"><div class="navmenu-link-label">Company</div><div class="uui-dropdown-icon-5 w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
</svg></div><div class="navmenu-link-underline"></div></a><div data-w-id="f1165a53-35a3-0f4d-dd8b-d138fb6012d1" class="navmenu-nolinkwrapper"><div class="navmenu-link-label">Company</div><div class="uui-dropdown-icon-5 w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
</svg></div><div class="navmenu-link-underline"></div></div></div><nav class="headermenudropdown w-dropdown-list"><div class="modal-megamenu-contentblock"><div class="w-layout-hflex flex-block-39"><div class="w-layout-vflex flex-block-40 flex-block-40-responsive"><div class="w-layout-vflex flex-block-42"><div class="w-layout-vflex flex-block-147"><div data-figma-id="329:1639" class="mega-menu-title"><div data-figma-id="329:1640" class="core-products">COMPANY</div></div><div class="w-layout-hflex menublock menublock-2"><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/about-us/" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e9bd9f92518e8822cd5f1_agora-logo.svg" loading="lazy" alt="Agora icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">About Us</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/events/" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e9bd97a30b230d9668b44_event.svg" loading="lazy" alt="" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Events</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/compliance/" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e9bd98a250e7513509b48_encrypted.svg" loading="lazy" alt="" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Compliance &amp; Privacy</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/careers/" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e9bd9bb0f0e88568526af_briefcase.svg" loading="lazy" alt="Briefcase icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Careers</div></div><div class="div-block-37"></div></div></div></div></a></div></div><div class="w-layout-vflex flex-block-148"><div data-figma-id="329:1639" class="mega-menu-title"><div data-figma-id="329:1640" class="core-products">AGORA PARTNERS</div></div><div class="w-layout-hflex menublock menublock-2"><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/partner-gallery/" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e9bdab350a109c8a0b1cb_handshake.svg" loading="lazy" alt="" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Partner Gallery</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/become-a-partner/" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e9bda06d12ec0cd6efd39_award.svg" loading="lazy" alt="Award icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Become a Partner</div></div><div class="div-block-37"></div></div></div></div></a></div></div></div></div><div class="div-block-28 div-block-28-responsive"><div class="w-layout-vflex flex-block-149"><div data-figma-id="329:1639" class="mega-menu-title"><div data-figma-id="329:1640" class="core-products">RESOURCES</div></div><div class="w-layout-vflex flex-block-124 company-right"><a data-figma-id="321:3843" href="/en/the-agora-platform-advantage/" class="megamenu-link-wrapper company-menu-item w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e9bd929faa18170c41626_award-star.svg" loading="lazy" width="Auto" alt="Award icon" class="menumenuiitem-icon"/><div class="megamenuitem-text">The Agora Advantage</div></a><a data-figma-id="321:3843" href="/en/success-stories/" class="megamenu-link-wrapper company-menu-item w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e9bd915a1ee50a8f4af94_rocket.svg" loading="lazy" width="Auto" alt="Rocket icon" class="menumenuiitem-icon"/><div class="megamenuitem-text">Success Stories</div></a><a data-figma-id="321:3843" href="/en/blog/" class="megamenu-link-wrapper company-menu-item w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e9bd9ff39bdb64275d6ec_notes.svg" loading="lazy" width="Auto" alt="" class="menumenuiitem-icon"/><div class="megamenuitem-text">Blog</div></a><a data-figma-id="321:3843" href="https://podcast.convoai.world/" target="_blank" class="megamenu-link-wrapper company-menu-item w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/687a8438d42c677acd8f0346_fill.svg" loading="lazy" width="Auto" alt="" class="menumenuiitem-icon"/><div class="megamenuitem-text">Convo AI World Podcast</div></a></div><div class="w-layout-vflex flex-block-124 rte"><a href="https://rte2024-liveshopping-latam.agora.io/register?utm_source=event-tile&amp;utm_medium=website&amp;utm_campaign=rte2024-liveshopping-latam&amp;utm_content=on-demand" class="link-block-8 w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e992075fd27f5b8c47e1a_rte-megamenu.webp" alt="RTE Live Shopping thumbnail" class="image-81"/></a></div></div></div></div></div></nav></div><div data-hover="false" data-delay="300" data-w-id="62e1212d-425f-d79c-ae2c-74817d7d30af" class="uui-navbar02_menu-dropdown w-dropdown"><div class="headermenulink w-dropdown-toggle"><a data-w-id="52545f99-1102-ef0f-068e-5bc5388595b2" href="#" class="navmenu-linkwrapper w-inline-block"><div class="navmenu-link-label">Support</div><div class="uui-dropdown-icon-5 w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
</svg></div><div class="navmenu-link-underline"></div></a><div data-w-id="f1165a53-35a3-0f4d-dd8b-d138fb6012d1" class="navmenu-nolinkwrapper"><div class="navmenu-link-label">Support</div><div class="uui-dropdown-icon-5 w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
</svg></div><div class="navmenu-link-underline"></div></div></div><nav class="headermenudropdown w-dropdown-list"><div class="modal-megamenu-contentblock"><div class="w-layout-hflex flex-block-39"><div class="w-layout-vflex flex-block-40 flex-block-40-responsive"><div class="w-layout-vflex flex-block-42"><div class="w-layout-vflex flex-block-147"><div data-figma-id="329:1639" class="mega-menu-title"><div data-figma-id="329:1640" class="core-products">SUPPORT AND RESOURCES</div></div><div class="w-layout-hflex menublock menublock1-3"><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="https://agoraio.zendesk.com/hc/en-us/" target="_blank" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e7f1eff911af4f0ddd87b_ticket.svg" loading="lazy" alt="Ticketing icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Submit a Ticket</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="https://docs.agora.io/en/introduction" target="_blank" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e7f1f2fa2282820710ccf_docs.svg" loading="lazy" alt="Docs icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Agora Documentation</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="https://docs.agora.io/en/api-reference/faq/integration" target="_blank" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e7f1e3c704967a75d8cd0_help.svg" loading="lazy" alt="Help icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">FAQ</div></div><div class="div-block-37"></div></div></div></div></a></div></div><div class="w-layout-vflex flex-block-147"><div data-figma-id="329:1639" class="mega-menu-title"><div data-figma-id="329:1640" class="core-products">COMMUNITY FORUMS</div></div><div class="w-layout-hflex menublock menublock1-3"><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="https://github.com/AgoraIO-Community" target="_blank" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e7b8b4b269ea8aae809b8_github-white.svg" loading="lazy" alt="Github icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Agora Github</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="https://stackoverflow.com/questions/tagged/agora.io" target="_blank" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667b41c7e5566dcec24b5880_stackoverflow.svg" loading="lazy" alt="Stackoverflow icon" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Stack Overflow</div></div><div class="div-block-37"></div></div></div></div></a><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="https://discord.com/invite/uhkxjDpJsN" target="_blank" class="mega-menu-item megamenuitem-responsive w-inline-block"><div data-figma-id="321:3844" class="wrapper"><div class="icon-wrapper"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/689befc14763bfe94a7cd1ea_Discord-Symbol-White.svg" loading="lazy" alt="" class="menumenuiitem-icon"/></div><div class="w-layout-vflex content-wrapper"><div class="div-block-36"><div class="w-layout-hflex flex-block-179"><div data-figma-id="321:3850" class="megamenuitem-text">Community Discord Channel</div></div><div class="div-block-37"></div></div></div></div></a></div></div><div class="w-layout-vflex flex-block-147 supportconnect"><div data-figma-id="329:1639" class="mega-menu-title"><div data-figma-id="329:1640" class="core-products">CONNECT WITH US</div></div><div class="w-layout-hflex flex-block-128"><a href="https://www.linkedin.com/company/agora-lab-inc/" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e7b864c91bab4df7dad08_linkedin-white.svg" loading="lazy" alt="LinkedIn icon"/></a><a href="https://x.com/AgoraIO" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e7b86b353377af099e738_twitter-white.svg" loading="lazy" alt="Twitter icon"/></a><a href="https://www.facebook.com/AgoraIO/" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e7b8696164e3f30ad51f6_facebook-white.svg" loading="lazy" alt="Meta icon"/></a><a href="https://www.instagram.com/agora.io/" class="w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e7b86d1c5eaa4f0ba0e18_instagram-white.svg" loading="lazy" alt="Instagram icon"/></a><a href="https://www.youtube.com/channel/UCjPZukasIgWoB4HBHga5CGA" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e7b867fec0183b8eb46ca_youtube-white.svg" loading="lazy" alt="YouTube icon"/></a><a href="https://medium.com/agora-io" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e7b86b0534119945bb6e0_medium-white.svg" loading="lazy" alt="Medium icon"/></a><a href="https://github.com/AgoraIO-Community" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e7b8b4b269ea8aae809b8_github-white.svg" loading="lazy" alt="Github icon"/></a><a href="https://discord.com/invite/uhkxjDpJsN" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/689befc14763bfe94a7cd1ea_Discord-Symbol-White.svg" loading="lazy" width="25" height="25" alt=""/></a></div></div></div></div><div class="div-block-28 div-block-28-responsive"><div class="w-layout-vflex flex-block-149"><div data-figma-id="329:1639" class="mega-menu-title"><div data-figma-id="329:1640" class="core-products"></div></div><div class="w-layout-vflex flex-block-124"><a href="/en/support-plans/" class="megamenu-card-wrappersupport w-inline-block"><div class="w-layout-hflex flex-block-121"><img loading="lazy" src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66abdf78290257b0af8d23ec_SupportPlan_Icon.svg" alt="Support Plan icon" class="image-74"/><div class="w-layout-vflex flex-block-123"><div class="w-layout-hflex flex-block-120"><h2 class="heading-50">Support Plans and Pricing</h2></div><div class="text-block-99">Agora SDKs for real time engagement</div></div></div><div class="w-layout-vflex flex-block-122"><img loading="lazy" src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e8563c1cca5e8a6aae805_Agora%20Support%20Plan.webp" alt=""/></div></a></div><div class="w-layout-vflex flex-block-130"><div class="text-block-104">Ready to Select a Support Plan?</div><a href="/en/talk-to-us/" class="w-inline-block"><div class="externallinkbutton"><img width="24" height="24" alt="" src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e8277ffd1f3a4253e261c_Vectors-Wrapper.svg" loading="lazy" class="vectors-wrapper-7"/><div class="button_content-2"><div class="new-project-2">Contact Sales</div></div></div></a></div></div></div></div></div></nav></div><div data-w-id="5b6c5e1a-178c-2b4a-3f64-ef4479373620" class="megamenu-modaltrigger"><a href="/en/pricing/" class="navmenu-linkwrapper navmenu-link-pricing w-inline-block"><div class="navmenu-link-label">Pricing</div></a></div></nav><div class="right-navigation"><a href="/en/talk-to-us/" class="navmenu-linkwrapper w-inline-block"><div class="navmenu-link-label">Talk to Us</div><div class="navmenu-link-underline"></div></a><a href="https://sso.agora.io/en/signup/" target="_blank" class="button-primary nav w-inline-block"><div class="rounded-circle"><div class="original-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g>
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div><div class="slide-in slided-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g>
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div></div><div class="primary-btn-label-medium-nav">Get Started</div></a><div class="menu-button-3 w-nav-button"><div class="icon-2 w-icon-nav-menu"></div></div></div></div></div><div id="announcement-bar" data-w-id="a4e93b96-001a-171e-b3a5-e89e3df2a697" class="alert-bar collaboration-alert banner-wrapper"><a href="https://podcast.convoai.world/episode/why-voice-ai-is-more-than-latency-assemblyai-on-building-production-speech-systems/" target="_blank" class="link-block-17 w-inline-block"><div class="div-block-175"><div class="link-block-10 collboration-alert-content"><div class="alert-title collaboration-alert-title">New Podcast Episode: Why Voice AI Is More Than Latency: AssemblyAI on Building Production Speech Systems</div></div></div></a></div><div class="codeblock-hide w-embed w-script"><script async>

window.addEventListener('scroll', () => {
  let overlay = document.querySelector('.headermenudropdown.w--open');
  if(!overlay) return;
  if (window.scrollY > 80) { 
		let megamenuContent = document.querySelector('.w--open .modal-megamenu-contentblock');
    megamenuContent.style.top = '0px';
	} else {
		let megamenuContent = document.querySelector('.w--open .modal-megamenu-contentblock');
    megamenuContent.style.top = '80px';
	}
});

/*
let navbarTop = 0;
let transition = true;
let position = "sticky";
let lastScrollPosition = 800;
let throttling = false;

const navbar = document.querySelector(".headernavbar");

function onScrollThrottled() {
  if (!throttling) {
    throttling = true;
    requestAnimationFrame(() => {
      onScroll();
      throttling = false;
    });
  }
}

function onScroll() {
  const currentScrollPosition = window.pageYOffset || document.documentElement.scrollTop;
  if (currentScrollPosition <= 800) {
    lastScrollPosition = 0;
    navbarTop = 0;
    if (position !== "sticky") { transition = true; }
    else { transition = false; }
    position = "sticky";
  } else {
    if (currentScrollPosition > lastScrollPosition) {
      // Scrolling down
      if (position !== "fixed") { transition = true; }
      else { transition = false; }
      position = "fixed";
      navbarTop = -navbar.offsetHeight;
    } else {
      // Scrolling up
      if (position !== "sticky") { transition = true; }
      else { transition = false; }
      position = "sticky";
      navbarTop = 0;
    }
    lastScrollPosition = currentScrollPosition;
  }
  navbar.style = `position: ${position}; top: ${navbarTop}px; transition: ${ transition ? "none" : "100ms linear" }`;
}

window.addEventListener("scroll", onScrollThrottled, { passive: true });
*/
</script></div><div class="w-embed"><style>
@media screen and (min-width: 992px) and (max-width: 1224px) {
  .navmenu-linkwrapper {
    padding-left: .5rem;
    padding-right: 1rem;
    grid-column-gap: 2px;
  }

  .headernavbar-container {
    padding: 0 1rem;
  }

  .right-navigation {
    grid-column-gap: 5px;
  }
}
</style></div></div><section class="hero site-hero"><div class="div-block-209-2"><h1 class="main-heading">Build Real-time <br/>‍<span class="primary-graidient-text">Voice AI, Avatars, &amp; Conversational IoT </span></h1><div class="hero-info">The APIs powering the world’s most<br/>life-like AI Agents.</div><div class="w-layout-hflex hero-cta"><a target="_self" href="https://conversational-ai.agora.io/" class="button-primary w-inline-block"><div class="rounded-circle"><div class="original-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g>
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div><div class="slide-in slided-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g>
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div></div><div class="primary-btn-label">Talk to Agora AI Agent</div></a><div class="cta-block home-cta"><a href="https://docs.agora.io/en/ai" class="tertiary-button w-inline-block"><div class="text-block-8">View Docs</div></a></div></div><div class="div-block-210"><div class="div-block-212"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/69338451375372fc3a53ad4e_bolt_icon.png" loading="lazy" alt="" class="image-109358"/><div><div class="hero-detail-info-title"><span>80 Billion Minutes </span>‍</div><div class="hero-detail-info-secondary">of communication per month</div></div></div><div class="div-block-212"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/693386012d4c1674fe115730_globe_icon.png" loading="lazy" alt="" class="image-109359"/><div><div class="hero-detail-info-title"><span>Ultra Low Latency</span></div><div class="hero-detail-info-secondary">Global Real-Time Network</div></div></div><div class="div-block-212"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/69338686aeec745126e9f3ae_circle_check_icon.png" loading="lazy" alt="" class="image-109360"/><div><div class="hero-detail-info-title"><span>450,000 Developers</span></div><div class="hero-detail-info-secondary">Deployed on 3+ Billion Devices</div></div></div></div></div><div class="hero-video-container home-page-hero-video-z-index"><div class="hero-bg-vid w-embed w-iframe"><style>
.hero-video-iframe {
    width: 110%;
    height: 100%;
    margin-left: -20%;
    margin-top: 15%;
}

.hero-video-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

@media (max-width: 1441px) {
   .hero-video-iframe {
      width: 120%;
      height: 120%;
      margin-left: -20%;
      margin-top: 10%;
    }

    .hero-video-wrapper {
      position: relative;
      width: 110%;
      height: 110%;
    }
}

@media (max-width: 1280px) {
  .hero-video-iframe {
        width: 120%;
        height: 120%;
        margin-left: -30%;
        margin-top: 10%;
    }

    .hero-video-wrapper {
        position: relative;
        width: 110%;
        height: 110%;
    }
}


@media (max-width: 991px) {
  .hero-video-iframe {
    margin-left: -10%;
    margin-top: 10%;
  }
}

@media (max-width: 767px) {
.hero-video-wrapper {
  width: 100%;
  height: 100%;
}
  .hero-video-iframe {
    width: 160%;
    margin-left: -30%;
  }
}

@media (max-width: 479px) {
.hero-video-wrapper {
  width: 100%;
  height: 100%;
}

  .hero-video-iframe {
    width: 180%;
    margin-left: -40%;
  }
}
</style>
<div class="hero-video-wrapper">
<iframe title="Hero video" loading="lazy" src="https://player.vimeo.com/video/1000447406?background=1&autoplay=1&muted=1&loop=1&dnt=1" class="hero-video-iframe" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
</div></div><div class="hero-mobile-bg-vid w-embed w-iframe"><iframe title="Hero video" loading="lazy" src="https://player.vimeo.com/video/1000447240?background=1&autoplay=1&muted=1&loop=1&dnt=1" width="100%" height="100%" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div></div></section><section class="partners"><div class="w-layout-hflex parner-flexbox"><div class="div-block-22"><div class="text-block-9">The expert trusted worldwide<br/>by 1800+ leading organizations</div></div><div data-ot-ignore="true" class="marquee-container"><div data-ot-ignore="true" class="partners-slider"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/671fe44a8d1a289ebfd78404_logo_whatnot_grey2.webp" loading="lazy" width="Auto" height="28" alt="" data-ot-ignore="true" class="home-partner-slider-image"/><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/665ff44774b128faaee22ff2_The_Sandbox_2023.webp" loading="lazy" width="Auto" height="28" alt="The Sandbox logo" data-ot-ignore="true" class="home-partner-slider-image"/><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/665ff678e2448efa282fe17f_Vector.webp" loading="lazy" width="Auto" height="28" alt="EducationFirst logo" data-ot-ignore="true" class="home-partner-slider-image"/><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/665ff447cbf01b7af0dce8b3_Gabb-logo.webp" loading="lazy" width="Auto" height="28" alt="gabb logo" data-ot-ignore="true" class="home-partner-slider-image"/><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/665ff447e62ce6612ef7889b_Vimeo-logo.webp" loading="lazy" width="Auto" height="32" alt="Vimeo logo" data-ot-ignore="true" class="home-partner-slider-image"/><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66a9d88204b225d1e1b3228d_TalkSpace-new.svg" loading="lazy" width="Auto" data-ot-ignore="true" alt="TalkSpace logo" class="home-partner-slider-image"/><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66156c4f082e99231aa5c5d9_vive.svg" loading="lazy" data-ot-ignore="true" alt="Vive logo" class="home-partner-slider-image"/><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66156c4f0efda7a2359dc1cc_unity_technologies.svg" loading="lazy" data-ot-ignore="true" alt="Unity logo" class="last-slider-item home-partner-slider-image"/></div><div class="partners-slider _2nd"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/671fe44a8d1a289ebfd78404_logo_whatnot_grey2.webp" loading="lazy" width="Auto" height="28" alt="" class="home-partner-slider-image"/><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/665ff44774b128faaee22ff2_The_Sandbox_2023.webp" loading="lazy" width="Auto" height="28" alt="The Sandbox logo" class="home-partner-slider-image"/><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/665ff678e2448efa282fe17f_Vector.webp" loading="lazy" width="Auto" height="28" alt="EducationFirst logo" class="home-partner-slider-image"/><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/665ff447cbf01b7af0dce8b3_Gabb-logo.webp" loading="lazy" width="Auto" height="28" alt="gabb logo" class="home-partner-slider-image"/><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/665ff447e62ce6612ef7889b_Vimeo-logo.webp" loading="lazy" width="Auto" height="32" alt="Vimeo logo" class="home-partner-slider-image"/><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66a9d88204b225d1e1b3228d_TalkSpace-new.svg" loading="lazy" width="Auto" alt="TalkSpace logo" class="home-partner-slider-image"/><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66156c4f082e99231aa5c5d9_vive.svg" loading="lazy" alt="Vive logo" class="home-partner-slider-image"/><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66156c4f0efda7a2359dc1cc_unity_technologies.svg" loading="lazy" alt="Unity logo" class="last-slider-item home-partner-slider-image"/></div><div class="marquee-overlay"></div></div></div></section><div class="div-block-46"><section class="features section-41 section-42"><div class="w-layout-vflex flex-block-61"><h2 class="network-heading smaller">Deploy your AI agents using the industry-leading infrastructure for<span class="primary-graidient-text"> Real-Time</span></h2></div><div class="div-block-158"><div class="home-features-text">Build on the world&#x27;s most reliable, high-quality real-time engagement platform, delivering &lt;200ms global latency and ensuring crystal-clear, lag-free voice, video, and real-time AI interactions powered by conversational AI infrastructure.</div><div class="sdrtn-video w-embed w-iframe"><iframe title="Discover unrivaled reliability and quality with Agora’s Real-Time Network" loading="lazy" src="https://player.vimeo.com/video/988623383?background=1" width="100%" height="120%" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div><div class="sdrtn-video-mobile w-embed w-iframe"><iframe title="Discover unrivaled reliability and quality with Agora’s Real-Time Network" loading="lazy" src="https://player.vimeo.com/video/990723430?background=1" width="100%" height="100%" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div><div class="w-layout-hflex service-card"><div><div class="text-block-11">Discover unrivaled reliability <br/>and quality with Agora’s <br/><span class="blue-gradient">Real-Time Network</span></div><div class="text-block-12">Engineered for intelligent routing and optimized for <br/>ultra-low latency.</div></div><div class="div-block-23"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66163e3e811fc1edb78a07cb_Aora%20Real%20Time%20Network%20Illustration.svg" loading="eager" alt="Agora Real-Time Network Illustration"/></div></div><div class="w-layout-hflex service-network"><div class="realtime"><div class="w-layout-hflex services-gradient-bg service-video-heading"><div class="public-network"></div><div class="text-block-13">Agora&#x27;s Real-Time Network</div></div><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66164f3a14c7afcb81cdf312_Real%20Time%20Video%20Tablet.webp" loading="lazy" width="447" height="243" alt="" class="image-24"/></div><div class="realtime"><div class="w-layout-hflex services-gradient-bg service-video-heading"><div class="public"></div><div class="text-block-13">Public Network</div></div><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66164f48d86b0066b1836881_Ipad%20Pro.webp" loading="lazy" width="447" height="243" alt="" class="image-6"/></div></div></div><div id="w-node-da433960-a291-c9e8-f071-fcb4eb6e985f-eb6e983f" class="w-layout-layout quick-stack-2 wf-layout-layout"><div id="w-node-da433960-a291-c9e8-f071-fcb4eb6e9860-eb6e983f" class="w-layout-cell feature-cell-any-provider services-gradient-bg-image"><h3 class="feature-cell-heading">Voice AI Agents with Any LLM</h3><div class="w-layout-vflex flex-block-6"><div class="div-block-213"><div class="text-block-16">Integrate any LLM or existing AI agent with your choice of ASR and TTS, to enable real-time voice conversations, with interruption handling, noise suppression and a natural flow.</div><div><div class="div-block-214"></div></div></div></div></div><div id="w-node-da433960-a291-c9e8-f071-fcb4eb6e987b-eb6e983f" class="w-layout-cell feature-cell-avatars services-gradient-bg-image"><h3 class="feature-cell-heading">Live Avatars</h3><div class="div-block-6"><div class="div-block-213"><div class="text-block-16">Bring your agent to life with realistic virtual avatars, perfectly synced to speech audio using ultra-low latency. Deliver AI avatar experiences that feel as natural, responsive, and engaging as speaking with a human.</div><div><div class="div-block-214"></div></div></div></div><div class="w-layout-vflex flex-block-5"></div></div><div id="w-node-da433960-a291-c9e8-f071-fcb4eb6e9887-eb6e983f" class="w-layout-cell feature-cell-no-padding services-gradient-bg"><div class="w-layout-vflex flex-block-7 home-cell-background"><h3 class="feature-cell-heading">Complete Multi-Platform Solution</h3><div class="global-text max-width-half">Voice, Video, and Chat, built for human-to-human and perfect for Human-to-AI. Supporting mobile apps, web, and phone calls; reaching users on any device or channel.</div><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6971ee0e20d9cbd0ce90ae48_hey-im-agent-andy.webp" loading="lazy" width="420" height="140" alt="" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6971ee0e20d9cbd0ce90ae48_hey-im-agent-andy-p-500.png 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6971ee0e20d9cbd0ce90ae48_hey-im-agent-andy-p-800.png 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6971ee0e20d9cbd0ce90ae48_hey-im-agent-andy-p-1080.png 1080w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6971ee0e20d9cbd0ce90ae48_hey-im-agent-andy-p-1600.png 1600w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6971ee0e20d9cbd0ce90ae48_hey-im-agent-andy-p-2000.png 2000w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6971ee0e20d9cbd0ce90ae48_hey-im-agent-andy-p-2600.png 2600w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6971ee0e20d9cbd0ce90ae48_hey-im-agent-andy.webp 2940w" sizes="(max-width: 479px) 100vw, 420px" class="image-9"/></div></div><div id="w-node-da433960-a291-c9e8-f071-fcb4eb6e988e-eb6e983f" class="w-layout-cell feature-cell services-gradient-bg enterprise-card feature-cell-no-padding"><div class="w-layout-hflex flex-block-10"><div class="w-layout-vflex flex-block-9"><h3 class="feature-cell-heading">Carrier Grade Quality and Compliance</h3><div class="enterprise-text">99.999% uptime, 24/7 customer support, and enterprise-ready compliance with SOC2, GDPR, &amp; HIPAA regulations. Enjoy frictionless integration with existing enterprise systems and secure real-time communication infrastructure at global scale.</div></div><div class="w-layout-hflex flex-block-8"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/695f69429999735acd087347_Enterprise-illustration.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/695f69429999735acd087347_Enterprise-illustration-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/695f69429999735acd087347_Enterprise-illustration-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/695f69429999735acd087347_Enterprise-illustration.webp 1320w" alt="" class="image-79"/></div></div></div></div><div class="div-block-215"><div class="div-block-5 features"><a href="/en/the-agora-platform-advantage/" class="button-primary-outline w-inline-block"><div class="rounded-circle-outline"><div class="original-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g>
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div><div class="slide-in slided-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g>
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div></div><div class="primary-btn-label-outline">Explore Agora Advantages</div></a></div></div></section></div><section class="services"><div class="tab-style w-embed"><style>

.enter {
    animation: growAnime 200ms ease-in-out forwards;
  }
  .leave {
    animation: shrinkIn 200ms ease-in-out forwards;
  }
  
  @keyframes growAnime {
  from {
    scale: 0.1;
    opacity: 0;
  }
  to {
    scale: 1;
    opacity: 1;
  }
}
@keyframes shrinkIn {
  to {
    scale: 0.1;
    opacity: 0;
  }
  from {
    opacity: 1;
    scale: 1;
  }
}

</style></div><div class="tab-script w-embed w-script"><script>

	document.addEventListener("DOMContentLoaded", function () {
    const cards = document.querySelectorAll(".tab-pane-tab-1");
    const follower = document.querySelector(".follower");

    function updateFollowerPosition(event) {
      const followerSize = 60;
      const mouseX = event.pageX;
      //const mouseY = event.clientY;
      const mouseY = event.pageY;
      const followerX = mouseX - followerSize / 2;
      const followerY = mouseY - followerSize / 2;
      follower.css("left", followerX + "px")
      follower.css("top", followerY + "px")
      
      //follower.style.left = followerX + "px";
      //follower.style.top = followerY + "px";
    }

    cards.forEach((card) => {	
      const cardEnter = (event) => {
        updateFollowerPosition(event);
        follower.addClass("enter")
      	follower.removeClass("leave")
        
        //follower.className = "enter";
        document.addEventListener("mousemove", updateFollowerPosition);
      };
      const cardLeave = () => {
      	follower.removeClass("enter")
      	follower.addClass("leave")
        //follower.className = "leave";
        document.removeEventListener("mousemove", updateFollowerPosition);
      };
      card.addEventListener("mouseenter", cardEnter);
      card.addEventListener("mouseleave", cardLeave);
    });
  });


</script></div><h2 class="h2 services-heading service-heading---homepage">Easily integrate real-time communication and conversational AI</h2><div class="service-info">Agora’s flexible, modular APIs allow you to create unique and engaging user experiences in your app.</div><div data-current="Tab 1" data-easing="ease" data-duration-in="0" data-duration-out="100" class="tabs w-tabs"><div class="tabs-menu w-tab-menu"><a data-w-tab="Tab 1" class="feature-tab-menu video-calling w-inline-block w-tab-link w--current"><div class="popped-card"><div class="w-embed"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32">
  <defs>
    <style>
      .st0 {
        fill: #fff;
      }
    </style>
  </defs>
  <path class="st0" d="M30.9,14.8c-.5,0-1.1.5-1.1,1.1v5.6c0,1.4-1.1,2.6-2.6,2.6h-12.7l-.5.4-5.2,3.7h-.3c0,.1,0-4.1,0-4.1h-3.9c-1.4,0-2.6-1.1-2.6-2.6V5.2c0-1.4,1.1-2.6,2.6-2.6h10.2c.5,0,1.1-.5,1.1-1.1s-.5-1.1-1.1-1.1H4.6C2.2.6,0,2.6,0,5.2v16.3c0,2.6,2,4.6,4.6,4.6h1.9v4.5c0,.5.5.9.9.9s.4,0,.5-.1l7.3-5.3h12.1c2.6,0,4.6-2,4.6-4.6v-5.6c0-.5-.5-1.1-1.1-1.1h0Z"/>
  <path class="st0" d="M15.9,10.1s1.5.3,3,1.1c2,1.2,3.1,3,3.4,5.3,0,.5.5.9,1.1.9s.9-.4,1.1-.9c0,0,.3-1.5,1.1-3,1.2-2,3-3.1,5.3-3.4.5,0,.9-.5.9-1.1s-.4-.9-.9-1.1c0,0-1.5-.3-3-1.1-2-1.2-3.1-3-3.4-5.3,0-.5-.5-.9-1.1-.9s-.9.4-1.1.9c0,0-.1,1.4-1.1,3-1.2,2-3,3.1-5.3,3.4-.5,0-.9.5-.9,1.1s.4.9.9,1.1h0ZM19.7,9c1.4-.8,2.4-1.9,3.3-3.3v-.5c.1,0,.3.3.3.3.8,1.4,1.9,2.4,3.3,3.3h.5c0,.1-.3.3-.3.3-1.4.8-2.4,1.9-3.3,3.3v.5c-.1,0-.3-.3-.3-.3-.8-1.4-1.9-2.4-3.3-3.3h-.5c0-.1.3-.3.3-.3Z"/>
  <path class="st0" d="M13.3,13.8c-.9-.7-1.6-1.5-1.9-2.6-.1-.4-.5-.7-.9-.7h0c-.4,0-.8.3-.9.7,0,0-.3.7-.8,1.5-.7.9-1.5,1.6-2.6,1.9-.4.1-.7.5-.7.9s.3.8.7.9c0,0,.7.3,1.5.8.9.7,1.6,1.5,1.9,2.6.1.4.5.7.9.7s.8-.3.9-.7c0,0,.3-.7.8-1.5.7-.9,1.5-1.6,2.6-1.9.4-.1.7-.5.7-.9s-.3-.8-.7-.9c0,0-.7-.3-1.5-.8h0ZM11.9,15.7c-.5.4-1.1.9-1.5,1.5h0c0,.1,0,0,0,0-.4-.5-.9-1.1-1.5-1.5h-.1v-.3c.7-.4,1.2-.9,1.6-1.5h0c0-.1,0,0,0,0,.4.5.9,1.1,1.5,1.5h.1v.3Z"/>
</svg></div></div><div class="feature-tab-text">Conversational AI Engine</div></a><a data-w-tab="Tab 2" class="video-calling feature-tab-menu w-inline-block w-tab-link"><div class="popped-card"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
  <g clip-path="url(#clip0_5227_18827)">
    <path d="M14.6668 5.95429C14.6668 5.55041 14.6668 5.34847 14.587 5.25496C14.5177 5.17383 14.4137 5.13077 14.3073 5.13914C14.1847 5.14879 14.042 5.29158 13.7564 5.57716L11.3335 8.00004L13.7564 10.4229C14.042 10.7085 14.1847 10.8513 14.3073 10.8609C14.4137 10.8693 14.5177 10.8263 14.587 10.7451C14.6668 10.6516 14.6668 10.4497 14.6668 10.0458V5.95429Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
    <path d="M1.3335 6.53337C1.3335 5.41327 1.3335 4.85322 1.55148 4.42539C1.74323 4.04907 2.04919 3.74311 2.42552 3.55136C2.85334 3.33337 3.41339 3.33337 4.5335 3.33337H8.1335C9.2536 3.33337 9.81365 3.33337 10.2415 3.55136C10.6178 3.74311 10.9238 4.04907 11.1155 4.42539C11.3335 4.85322 11.3335 5.41327 11.3335 6.53337V9.46671C11.3335 10.5868 11.3335 11.1469 11.1155 11.5747C10.9238 11.951 10.6178 12.257 10.2415 12.4487C9.81365 12.6667 9.2536 12.6667 8.1335 12.6667H4.5335C3.41339 12.6667 2.85334 12.6667 2.42552 12.4487C2.04919 12.257 1.74323 11.951 1.55148 11.5747C1.3335 11.1469 1.3335 10.5868 1.3335 9.46671V6.53337Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <defs>
    <clipPath id="clip0_5227_18827">
      <rect width="16" height="16" fill="white"/>
    </clipPath>
  </defs>
</svg></div></div><div class="feature-tab-text">Video Calling</div></a><a data-w-tab="Tab 3" class="interactive-streaming feature-tab-menu w-inline-block w-tab-link"><div class="popped-card"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
  <path d="M8.00022 9.24993C7.53442 9.24993 7.14019 9.0886 6.81754 8.76596C6.49489 8.4433 6.33357 8.04908 6.33357 7.58328V3.58328C6.33357 3.11748 6.49489 2.72325 6.81754 2.40059C7.14019 2.07795 7.53442 1.91663 8.00022 1.91663C8.46602 1.91663 8.86025 2.07795 9.18291 2.40059C9.50555 2.72325 9.66687 3.11748 9.66687 3.58328V7.58328C9.66687 8.04908 9.50555 8.4433 9.18291 8.76596C8.86025 9.0886 8.46602 9.24993 8.00022 9.24993ZM7.50024 13.5833V11.8858C6.50793 11.7713 5.6575 11.3636 4.94896 10.6627C4.24041 9.96189 3.82545 9.10762 3.70409 8.09993C3.68614 7.95805 3.72332 7.83647 3.81562 7.73519C3.90793 7.63392 4.02503 7.58328 4.16691 7.58328C4.30878 7.58328 4.42758 7.63221 4.52331 7.73006C4.61903 7.82793 4.6827 7.9478 4.71432 8.08968C4.83569 8.90592 5.20898 9.58114 5.83419 10.1153C6.4594 10.6495 7.18141 10.9166 8.00022 10.9166C8.83014 10.9166 9.55493 10.6467 10.1746 10.107C10.7942 9.56725 11.1648 8.89481 11.2861 8.08968C11.3177 7.9478 11.3814 7.82793 11.4771 7.73006C11.5729 7.63221 11.6917 7.58328 11.8335 7.58328C11.9754 7.58328 12.0925 7.63392 12.1848 7.73519C12.2771 7.83647 12.3143 7.95805 12.2964 8.09993C12.175 9.08539 11.7628 9.93304 11.0598 10.6429C10.3568 11.3527 9.50363 11.767 8.50021 11.8858V13.5833C8.50021 13.7252 8.45234 13.844 8.35662 13.9397C8.2609 14.0354 8.1421 14.0833 8.00022 14.0833C7.85834 14.0833 7.73954 14.0354 7.64382 13.9397C7.5481 13.844 7.50024 13.7252 7.50024 13.5833ZM8.00022 8.24994C8.18911 8.24994 8.34744 8.18606 8.47522 8.05828C8.603 7.9305 8.66689 7.77217 8.66689 7.58328V3.58328C8.66689 3.39439 8.603 3.23605 8.47522 3.10828C8.34744 2.9805 8.18911 2.91661 8.00022 2.91661C7.81133 2.91661 7.653 2.9805 7.52522 3.10828C7.39744 3.23605 7.33356 3.39439 7.33356 3.58328V7.58328C7.33356 7.77217 7.39744 7.9305 7.52522 8.05828C7.653 8.18606 7.81133 8.24994 8.00022 8.24994Z" fill="white"/>
</svg></div></div><div class="feature-tab-text">Voice Calling</div></a><a data-w-tab="Tab 4" class="streaming-broadcast-streaming feature-tab-menu w-inline-block w-tab-link"><div class="popped-card"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
  <path d="M8.00016 9.33339C8.73654 9.33339 9.3335 8.73644 9.3335 8.00006C9.3335 7.26368 8.73654 6.66672 8.00016 6.66672C7.26378 6.66672 6.66683 7.26368 6.66683 8.00006C6.66683 8.73644 7.26378 9.33339 8.00016 9.33339Z" fill="white"/>
  <path d="M10.8286 5.17163C12.3907 6.73373 12.3907 9.26639 10.8286 10.8285M5.17174 10.8285C3.60964 9.26636 3.60964 6.7337 5.17174 5.17161M3.28612 12.7141C0.682622 10.1106 0.682622 5.88951 3.28612 3.28601M12.7142 3.28604C15.3177 5.88954 15.3177 10.1106 12.7142 12.7141M9.3335 8.00006C9.3335 8.73644 8.73654 9.33339 8.00016 9.33339C7.26378 9.33339 6.66683 8.73644 6.66683 8.00006C6.66683 7.26368 7.26378 6.66672 8.00016 6.66672C8.73654 6.66672 9.3335 7.26368 9.3335 8.00006Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
</svg></div></div><div class="feature-tab-text">Interactive Live Streaming</div></a><a data-w-tab="Tab 5" class="chat feature-tab-menu w-inline-block w-tab-link"><div class="popped-card"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
  <path d="M7.49984 13.8333V8.86146C7.34257 8.76488 7.21992 8.64394 7.13189 8.49864C7.04385 8.35335 6.99984 8.18712 6.99984 7.99994C6.99984 7.7273 7.09834 7.49248 7.29535 7.29548C7.49235 7.09847 7.72718 6.99996 7.99982 6.99996C8.27246 6.99996 8.50729 7.09847 8.70429 7.29548C8.9013 7.49248 8.9998 7.7273 8.9998 7.99994C8.9998 8.18712 8.95579 8.35507 8.86775 8.50378C8.77972 8.65249 8.65707 8.77172 8.4998 8.86146V13.8333C8.4998 13.9751 8.45194 14.0939 8.35622 14.1897C8.2605 14.2854 8.1417 14.3333 7.99982 14.3333C7.85794 14.3333 7.73914 14.2854 7.64342 14.1897C7.5477 14.0939 7.49984 13.9751 7.49984 13.8333ZM3.99855 12.2345C3.89513 12.338 3.77248 12.3875 3.6306 12.3833C3.48873 12.379 3.3695 12.3217 3.27292 12.2115C2.77292 11.644 2.38019 11.0042 2.09472 10.2922C1.80924 9.58028 1.6665 8.81618 1.6665 7.99994C1.6665 7.12473 1.83296 6.30187 2.16587 5.53136C2.49877 4.76085 2.95026 4.09055 3.52035 3.52048C4.09043 2.95039 4.76073 2.49889 5.53124 2.16599C6.30175 1.83308 7.12461 1.66663 7.99982 1.66663C8.87503 1.66663 9.69789 1.83308 10.4684 2.16599C11.2389 2.49889 11.9092 2.95039 12.4793 3.52048C13.0494 4.09055 13.5009 4.76085 13.8338 5.53136C14.1667 6.30187 14.3331 7.12473 14.3331 7.99994C14.3331 8.81191 14.1904 9.57494 13.9049 10.289C13.6195 11.0031 13.2267 11.644 12.7267 12.2115C12.6301 12.3217 12.5126 12.3807 12.3742 12.3884C12.2357 12.3961 12.1148 12.3482 12.0114 12.2448C11.9148 12.1482 11.8697 12.0279 11.8761 11.8839C11.8825 11.7399 11.934 11.6128 12.0306 11.5025C12.4383 11.0316 12.7573 10.4987 12.9876 9.90379C13.218 9.30893 13.3332 8.67431 13.3332 7.99994C13.3332 6.51105 12.8165 5.24994 11.7832 4.21661C10.7498 3.18328 9.48871 2.66661 7.99982 2.66661C6.51093 2.66661 5.24982 3.18328 4.21649 4.21661C3.18315 5.24994 2.66649 6.51105 2.66649 7.99994C2.66649 8.67431 2.78059 9.30722 3.0088 9.89866C3.237 10.4901 3.56051 11.0213 3.97932 11.4923C4.0759 11.6025 4.1291 11.7279 4.13892 11.8685C4.14875 12.0091 4.10197 12.1311 3.99855 12.2345ZM5.88189 10.3512C5.77847 10.4546 5.65688 10.507 5.51714 10.5083C5.3774 10.5095 5.26266 10.4516 5.17292 10.3345C4.91309 10.0115 4.70817 9.654 4.55817 9.26213C4.40817 8.87024 4.33317 8.44951 4.33317 7.99994C4.33317 6.98285 4.69001 6.11748 5.40369 5.40381C6.11735 4.69013 6.98273 4.33329 7.99982 4.33329C9.01691 4.33329 9.88229 4.69013 10.596 5.40381C11.3096 6.11748 11.6665 6.98285 11.6665 7.99994C11.6665 8.44524 11.5915 8.86661 11.4415 9.26404C11.2915 9.66148 11.0866 10.0183 10.8267 10.3345C10.737 10.4448 10.6222 10.5027 10.4825 10.5083C10.3428 10.5138 10.2212 10.4649 10.1178 10.3615C10.0212 10.2649 9.97225 10.1478 9.97097 10.0102C9.96969 9.87259 10.0118 9.74525 10.0973 9.62816C10.2716 9.39739 10.4101 9.14526 10.5126 8.87174C10.6152 8.59824 10.6665 8.30764 10.6665 7.99994C10.6665 7.26661 10.4054 6.63883 9.88315 6.11661C9.36093 5.59439 8.73315 5.33328 7.99982 5.33328C7.26649 5.33328 6.63871 5.59439 6.11649 6.11661C5.59426 6.63883 5.33315 7.26661 5.33315 7.99994C5.33315 8.31448 5.38444 8.60679 5.487 8.87688C5.58957 9.14697 5.72803 9.39739 5.90239 9.62816C5.98785 9.74525 6.02995 9.87089 6.02867 10.0051C6.02739 10.1393 5.97847 10.2546 5.88189 10.3512Z" fill="white"/>
</svg></div></div><div class="feature-tab-text">Broadcast Streaming</div></a><a data-w-tab="Tab 6" class="interactive-whiteboard feature-tab-menu w-inline-block w-tab-link"><div class="popped-card"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
  <path d="M4.66667 5.66667H8M4.66667 8H10M4.66667 12V13.557C4.66667 13.9122 4.66667 14.0898 4.73949 14.1811C4.80282 14.2604 4.89885 14.3066 5.00036 14.3065C5.11708 14.3063 5.25578 14.1954 5.53317 13.9735L7.12348 12.7012C7.44834 12.4413 7.61078 12.3114 7.79166 12.219C7.95213 12.137 8.12295 12.0771 8.29948 12.0408C8.49845 12 8.70646 12 9.1225 12H10.8C11.9201 12 12.4802 12 12.908 11.782C13.2843 11.5903 13.5903 11.2843 13.782 10.908C14 10.4802 14 9.9201 14 8.8V5.2C14 4.07989 14 3.51984 13.782 3.09202C13.5903 2.71569 13.2843 2.40973 12.908 2.21799C12.4802 2 11.9201 2 10.8 2H5.2C4.07989 2 3.51984 2 3.09202 2.21799C2.71569 2.40973 2.40973 2.71569 2.21799 3.09202C2 3.51984 2 4.07989 2 5.2V9.33333C2 9.95331 2 10.2633 2.06815 10.5176C2.25308 11.2078 2.79218 11.7469 3.48236 11.9319C3.73669 12 4.04669 12 4.66667 12Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
</svg></div></div><div class="feature-tab-text">Chat</div></a><a data-w-tab="Tab 7" class="signaling feature-tab-menu w-inline-block w-tab-link"><div class="popped-card"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
  <path d="M9.33333 8.42732C9.25778 8.66607 9.00282 9.33335 8.41406 9.33335C7.61144 9.33335 7.37129 8.09733 7.17879 7.52523C6.96602 6.8929 6.58389 6.66669 6 6.66669" stroke="white" stroke-linecap="round"/>
  <path d="M13.6504 5.14855C13.6639 5.20798 13.671 5.26983 13.671 5.33333V12C13.671 12.4602 13.2979 12.8333 12.8376 12.8333H3.17269C2.71245 12.8333 2.33936 12.4602 2.33936 12V5.33333C2.33936 4.8731 2.71245 4.5 3.17269 4.5H12.5719L13.1473 3.52604C13.0466 3.50892 12.9432 3.5 12.8376 3.5H3.17269C2.16017 3.5 1.33936 4.32081 1.33936 5.33333V12C1.33936 13.0125 2.16016 13.8333 3.17269 13.8333H12.8376C13.8502 13.8333 14.671 13.0125 14.671 12V5.33333C14.671 4.8483 14.4826 4.40727 14.1751 4.07937L13.6504 5.14855Z" fill="white"/>
  <path d="M9.74505 6.10256L12.6638 1.04722C12.8477 0.728571 13.2551 0.619218 13.5739 0.80289L13.8613 0.96849C14.1811 1.15272 14.2904 1.56169 14.1051 1.88086L11.1849 6.91106C11.1138 7.03363 11.0054 7.13033 10.8755 7.18713L9.84314 7.63875C9.73016 7.68817 9.60449 7.60203 9.60983 7.47882L9.65636 6.40698C9.66101 6.29985 9.69144 6.19543 9.74505 6.10256Z" fill="white"/>
</svg></div></div><div class="feature-tab-text">Interactive Whiteboard</div></a><a data-w-tab="Tab 8" class="iot feature-tab-menu w-inline-block w-tab-link"><div class="popped-card"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
  <mask id="mask0_5227_18873" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
    <rect width="16" height="16" fill="#D9D9D9"/>
  </mask>
  <g mask="url(#mask0_5227_18873)">
    <path d="M4.02547 12.3333L2.69087 13.6679C2.50113 13.8576 2.28297 13.9006 2.03639 13.7967C1.7898 13.6929 1.6665 13.5059 1.6665 13.2358V3.53845C1.6665 3.20169 1.78317 2.91665 2.0165 2.68331C2.24984 2.44998 2.53488 2.33331 2.87164 2.33331H13.128C13.4648 2.33331 13.7498 2.44998 13.9831 2.68331C14.2165 2.91665 14.3331 3.20169 14.3331 3.53845V11.1281C14.3331 11.4649 14.2165 11.7499 13.9831 11.9833C13.7498 12.2166 13.4648 12.3333 13.128 12.3333H4.02547ZM3.59984 11.3333H13.128C13.1793 11.3333 13.2263 11.3119 13.2691 11.2692C13.3118 11.2265 13.3332 11.1794 13.3332 11.1281V3.53845C13.3332 3.48716 13.3118 3.44014 13.2691 3.3974C13.2263 3.35466 13.1793 3.3333 13.128 3.3333H2.87164C2.82035 3.3333 2.77333 3.35466 2.73059 3.3974C2.68785 3.44014 2.66649 3.48716 2.66649 3.53845V12.2564L3.59984 11.3333Z" fill="white"/>
    <path d="M10.2399 8.47022H7.70913L8.25788 9.01896C8.35446 9.11553 8.40275 9.23263 8.40275 9.37024C8.40275 9.50784 8.35446 9.62493 8.25788 9.72151C8.16129 9.81808 8.04313 9.86531 7.9034 9.86317C7.76365 9.86104 7.64763 9.81382 7.55533 9.72151L6.16815 8.33432C6.00833 8.1745 5.97179 7.99053 6.05853 7.78242C6.14529 7.5743 6.30234 7.47024 6.52968 7.47024H10.2399C10.3818 7.47024 10.5006 7.51811 10.5963 7.61384C10.6921 7.70956 10.7399 7.82836 10.7399 7.97024C10.7399 8.11212 10.6921 8.23092 10.5963 8.32664C10.5006 8.42236 10.3818 8.47022 10.2399 8.47022Z" fill="white"/>
    <path d="M5.78123 5.79927H8.31203L7.76329 5.25053C7.66672 5.15396 7.61843 5.03686 7.61843 4.89925C7.61843 4.76165 7.66672 4.64456 7.76329 4.54798C7.85987 4.45141 7.97803 4.40418 8.11778 4.40632C8.25751 4.40845 8.37353 4.45567 8.46584 4.54798L9.85301 5.93517C10.0128 6.09499 10.0494 6.27896 9.96263 6.48707C9.87588 6.69519 9.71884 6.79925 9.4915 6.79925H5.78123C5.63935 6.79925 5.52055 6.75138 5.42483 6.65565C5.32911 6.55993 5.28125 6.44113 5.28125 6.29925C5.28125 6.15737 5.32911 6.03857 5.42483 5.94285C5.52055 5.84713 5.63935 5.79927 5.78123 5.79927Z" fill="white"/>
  </g>
</svg></div></div><div class="feature-tab-text">Signaling</div></a><a data-w-tab="Tab 9" class="video-calling feature-tab-menu w-inline-block w-tab-link"><div class="popped-card"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
  <g clip-path="url(#clip0_5227_18883)">
    <path d="M6.25314 10.6666C5.91639 10.6666 5.63134 10.55 5.39801 10.3167C5.16469 10.0833 5.04803 9.79827 5.04803 9.46152V7.20515C5.04803 6.86839 5.16469 6.58335 5.39801 6.35002C5.63134 6.11668 5.91639 6.00002 6.25314 6.00002C7.64266 6.00002 8.35764 6.00002 9.84284 6.00002C10.1796 6.00002 10.4646 6.11668 10.698 6.35002C10.9313 6.58335 11.048 6.86839 11.048 7.20515V9.46152C11.048 9.79827 10.9313 10.0833 10.698 10.3167C10.4646 10.55 10.1796 10.6666 9.84284 10.6666H6.25314ZM9.84284 9.66667C9.90268 9.66667 9.95183 9.64743 9.99029 9.60897C10.0288 9.5705 10.048 9.52135 10.048 9.46152V7.20515C10.048 7.14532 10.0288 7.09617 9.99029 7.0577C9.95183 7.01923 9.90268 7 9.84284 7H6.25314C6.19331 7 6.14416 7.01923 6.10569 7.0577C6.06723 7.09617 6.04799 7.14532 6.04799 7.20515V9.46152C6.04799 9.52135 6.06723 9.5705 6.10569 9.60897C6.14416 9.64743 6.19331 9.66667 6.25314 9.66667H9.84284Z" fill="white"/>
    <path d="M10.9101 5.01007C11.0419 5.08018 11.1691 5.17658 11.2918 5.29927C11.4096 5.41712 11.5048 5.54313 11.5774 5.67731C11.6499 5.81148 11.6988 5.95291 11.7242 6.10159C11.7708 6.23998 11.8451 6.35693 11.9472 6.45241C12.0494 6.5479 12.1735 6.59564 12.3198 6.59563C12.4661 6.59564 12.5866 6.54427 12.6815 6.44153C12.7764 6.33879 12.8078 6.22065 12.7758 6.08708C12.725 5.79577 12.6347 5.52561 12.5047 5.27662C12.3748 5.02762 12.2062 4.79947 11.9989 4.59217C11.7916 4.38487 11.5634 4.21626 11.3144 4.08632C11.0654 3.95639 10.7953 3.86603 10.504 3.81526C10.3704 3.78324 10.2523 3.81467 10.1495 3.90955C10.0468 4.00443 9.99541 4.125 9.99542 4.27125C9.99541 4.41751 10.0419 4.54049 10.135 4.64021C10.2281 4.73993 10.3438 4.81306 10.4822 4.85959C10.6357 4.8898 10.7784 4.93996 10.9101 5.01007Z" fill="white"/>
    <path d="M11.7741 2.82529C12.1947 3.01688 12.5839 3.29157 12.9417 3.64935C13.2995 4.00714 13.5742 4.39636 13.7658 4.817C13.9573 5.23764 14.077 5.66584 14.1247 6.10159C14.1471 6.24482 14.2081 6.36297 14.3079 6.45604C14.4076 6.54911 14.5257 6.59564 14.6623 6.59564C14.8086 6.59564 14.9272 6.54714 15.0181 6.45014C15.1091 6.35314 15.1473 6.23393 15.1328 6.09251C15.0742 5.51293 14.9229 4.95374 14.6791 4.41495C14.4352 3.87616 14.0918 3.38526 13.6488 2.94226C13.2058 2.49926 12.7149 2.15583 12.1761 1.91198C11.6373 1.66811 11.0781 1.51687 10.4985 1.45825C10.3571 1.44375 10.2379 1.48197 10.1409 1.57292C10.0439 1.66388 9.99542 1.78249 9.99541 1.92874C9.99541 2.06532 10.0419 2.18347 10.135 2.28319C10.2281 2.38291 10.3462 2.44394 10.4895 2.4663C10.9252 2.51405 11.3534 2.63371 11.7741 2.82529Z" fill="white"/>
    <path d="M4.89217 11.6439C4.76042 11.5737 4.6332 11.4774 4.51051 11.3547C4.39266 11.2368 4.29747 11.1108 4.22493 10.9766C4.15241 10.8424 4.10346 10.701 4.07808 10.5523C4.03155 10.4139 3.95721 10.297 3.85508 10.2015C3.75295 10.106 3.62875 10.0583 3.4825 10.0583C3.33624 10.0583 3.21567 10.1097 3.12079 10.2124C3.02591 10.3151 2.99448 10.4333 3.02651 10.5668C3.07728 10.8582 3.16763 11.1283 3.29756 11.3773C3.4275 11.6263 3.59612 11.8545 3.80342 12.0618C4.01072 12.2691 4.23887 12.4377 4.48786 12.5676C4.73686 12.6975 5.00701 12.7879 5.29832 12.8387C5.43189 12.8707 5.55004 12.8393 5.65277 12.7444C5.75551 12.6495 5.80688 12.5289 5.80687 12.3827C5.80688 12.2364 5.76035 12.1134 5.66728 12.0137C5.57421 11.914 5.45847 11.8409 5.32008 11.7943C5.16656 11.7641 5.02393 11.714 4.89217 11.6439Z" fill="white"/>
    <path d="M4.02824 13.8286C3.6076 13.6371 3.21838 13.3624 2.8606 13.0046C2.50281 12.6468 2.22812 12.2576 2.03653 11.8369C1.84495 11.4163 1.72529 10.9881 1.67755 10.5523C1.65519 10.4091 1.59415 10.291 1.49443 10.1979C1.39471 10.1048 1.27656 10.0583 1.13998 10.0583C0.993721 10.0583 0.875115 10.1068 0.784166 10.2038C0.693216 10.3008 0.654993 10.42 0.669496 10.5614C0.728115 11.141 0.879358 11.7002 1.12322 12.239C1.36707 12.7778 1.7105 13.2687 2.1535 13.7117C2.5965 14.1547 3.0874 14.4981 3.62619 14.742C4.16498 14.9858 4.72417 15.1371 5.30376 15.1957C5.44518 15.2102 5.56439 15.172 5.66139 15.081C5.75838 14.99 5.80688 14.8714 5.80689 14.7252C5.80689 14.5886 5.76035 14.4705 5.66728 14.3707C5.57421 14.271 5.45606 14.21 5.31283 14.1876C4.87707 14.1399 4.44888 14.0202 4.02824 13.8286Z" fill="white"/>
  </g>
  <defs>
    <clipPath id="clip0_5227_18883">
      <rect width="16" height="16" fill="white"/>
    </clipPath>
  </defs>
</svg></div></div><div class="feature-tab-text">IoT</div></a></div><div class="tabs-content w-tab-content"><div data-w-tab="Tab 1" class="tab-pane-tab-1 w-tab-pane w--tab-active"><a href="/en/products/conversational-ai-engine/" class="services-image-link w-inline-block"><img width="852" sizes="(max-width: 991px) 100vw, 852px" alt="" src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67c92f2e4360a33b17cb8b83_Convo%20AI%20Engine.png" loading="lazy" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67c92f2e4360a33b17cb8b83_Convo%20AI%20Engine-p-500.png 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67c92f2e4360a33b17cb8b83_Convo%20AI%20Engine-p-800.png 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67c92f2e4360a33b17cb8b83_Convo%20AI%20Engine-p-1080.png 1080w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67c92f2e4360a33b17cb8b83_Convo%20AI%20Engine-p-1600.png 1600w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67c92f2e4360a33b17cb8b83_Convo%20AI%20Engine.png 1706w" class="image-76"/></a><link rel="prefetch" href="/en/products/conversational-ai-engine/"/></div><div data-w-tab="Tab 2" class="tab-pane-tab-1 w-tab-pane"><a href="/en/products/video-call/" class="services-image-link w-inline-block"><img width="852" sizes="100vw" alt="" src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a3664f54fe7316bccd4a_Video%20Calling-p-1600.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a3664f54fe7316bccd4a_Video%20Calling-p-1600-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a3664f54fe7316bccd4a_Video%20Calling-p-1600-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a3664f54fe7316bccd4a_Video%20Calling-p-1600-p-1080.webp 1080w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a3664f54fe7316bccd4a_Video%20Calling-p-1600.webp 1600w" class="image-76"/></a><link rel="prefetch" href="/en/products/video-call/"/></div><div data-w-tab="Tab 3" class="tab-pane-tab-1 w-tab-pane"><a href="/en/products/voice-call/" class="services-image-link w-inline-block"><img width="852" sizes="100vw" alt="" src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a366e173aa91585e6bcc_Voice%20Calling-p-1600.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a366e173aa91585e6bcc_Voice%20Calling-p-1600-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a366e173aa91585e6bcc_Voice%20Calling-p-1600-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a366e173aa91585e6bcc_Voice%20Calling-p-1600-p-1080.webp 1080w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a366e173aa91585e6bcc_Voice%20Calling-p-1600.webp 1600w" class="image-76"/></a><link rel="prefetch" href="/en/products/voice-call/"/></div><div data-w-tab="Tab 4" class="tab-pane-tab-1 w-tab-pane"><a href="/en/products/interactive-live-streaming/" class="services-image-link w-inline-block"><img width="852" sizes="100vw" alt="" src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a366b2cb4af7c7609015_Interactive_LiveStreaming-p-1600.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a366b2cb4af7c7609015_Interactive_LiveStreaming-p-1600-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a366b2cb4af7c7609015_Interactive_LiveStreaming-p-1600-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a366b2cb4af7c7609015_Interactive_LiveStreaming-p-1600-p-1080.webp 1080w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a366b2cb4af7c7609015_Interactive_LiveStreaming-p-1600.webp 1600w" class="image-76"/></a><link rel="prefetch" href="/en/products/interactive-live-streaming/"/></div><div data-w-tab="Tab 5" class="tab-pane-tab-1 w-tab-pane"><a href="/en/products/broadcast-streaming/" class="services-image-link w-inline-block"><img width="852" sizes="100vw" alt="" src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a3666a19a5c997960389_Broadcast%20Streaming-p-1600.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a3666a19a5c997960389_Broadcast%20Streaming-p-1600-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a3666a19a5c997960389_Broadcast%20Streaming-p-1600-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a3666a19a5c997960389_Broadcast%20Streaming-p-1600-p-1080.webp 1080w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a3666a19a5c997960389_Broadcast%20Streaming-p-1600.webp 1600w" class="image-76"/></a><link rel="prefetch" href="/en/products/broadcast-streaming/"/></div><div data-w-tab="Tab 6" class="tab-pane-tab-1 w-tab-pane"><a href="/en/products/chat/" class="services-image-link w-inline-block"><img width="853" sizes="100vw" alt="" src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a365d3fda89d9c397cd7_Chat-p-1600.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a365d3fda89d9c397cd7_Chat-p-1600-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a365d3fda89d9c397cd7_Chat-p-1600-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a365d3fda89d9c397cd7_Chat-p-1600-p-1080.webp 1080w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a365d3fda89d9c397cd7_Chat-p-1600.webp 1600w" class="image-76"/></a><link rel="prefetch" href="/en/products/chat/"/></div><div data-w-tab="Tab 7" class="tab-pane-tab-1 w-tab-pane"><a href="/en/products/interactive-whiteboard/" class="services-image-link w-inline-block"><img width="851" sizes="100vw" alt="" src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a367f963a43e9ff5221f_Whiteboard-p-1600.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a367f963a43e9ff5221f_Whiteboard-p-1600-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a367f963a43e9ff5221f_Whiteboard-p-1600-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a367f963a43e9ff5221f_Whiteboard-p-1600-p-1080.webp 1080w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a367f963a43e9ff5221f_Whiteboard-p-1600.webp 1600w" class="image-76"/></a><link rel="prefetch" href="/en/products/interactive-whiteboard/"/></div><div data-w-tab="Tab 8" class="tab-pane-tab-1 w-tab-pane"><a href="/en/products/signaling/" class="services-image-link w-inline-block"><img width="851" sizes="100vw" alt="" src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a365ae01552bc5678aa0_Signalling-p-1600.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a365ae01552bc5678aa0_Signalling-p-1600-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a365ae01552bc5678aa0_Signalling-p-1600-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a365ae01552bc5678aa0_Signalling-p-1600-p-1080.webp 1080w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a365ae01552bc5678aa0_Signalling-p-1600.webp 1600w" class="image-76"/></a><link rel="prefetch" href="/en/products/signaling/"/></div><div data-w-tab="Tab 9" class="tab-pane-tab-1 w-tab-pane"><a href="/en/products/iot-sdk/" class="services-image-link w-inline-block"><img width="852" sizes="100vw" alt="" src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a3658979b725543c9588_IoT-p-1600.webp" loading="lazy" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a3658979b725543c9588_IoT-p-1600-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a3658979b725543c9588_IoT-p-1600-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a3658979b725543c9588_IoT-p-1600-p-1080.webp 1080w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b3a3658979b725543c9588_IoT-p-1600.webp 1600w" class="image-76"/></a><link rel="prefetch" href="/en/products/iot-sdk/"/></div></div></div><div class="m-tab-menu"><a href="/en/products/conversational-ai-engine/" class="w-inline-block"><div class="m-tab-menu-card"><div class="m-tab-menu-card__content"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/67b4cac1b694fd8b5b3ab06e_conversational-ai-engine-32x32%20(2).svg" loading="lazy" alt="" class="m-tab-menu-card__content-icon convo-ai"/><div class="m-tab-menu-card__content-text">Conversational AI Engine <sup>Beta</sup></div></div></div></a><a href="/en/products/video-call" class="w-inline-block"><div class="m-tab-menu-card"><div class="m-tab-menu-card__content"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66336fd7e05c1cfefbbfb097_VideoCalling.svg" loading="lazy" alt="" class="m-tab-menu-card__content-icon"/><div class="m-tab-menu-card__content-text">Video Calling</div></div></div></a><a href="/en/products/voice-call" class="w-inline-block"><div class="m-tab-menu-card"><div class="m-tab-menu-card__content"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66336fd7832f5a9e3e8ffc0c_VoiceCalling.svg" loading="lazy" alt="" class="m-tab-menu-card__content-icon"/><div class="m-tab-menu-card__content-text">Voice Calling</div></div></div></a><a href="/en/products/interactive-live-streaming" class="w-inline-block"><div class="m-tab-menu-card"><div class="m-tab-menu-card__content"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66336fd60112675bcfe60a0c_LiveStreaming.svg" loading="lazy" alt="" class="m-tab-menu-card__content-icon"/><div class="m-tab-menu-card__content-text">Interactive Live Streaming</div></div></div></a><a href="/en/products/broadcast-streaming" class="w-inline-block"><div class="m-tab-menu-card"><div class="m-tab-menu-card__content"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66336fd65535a00f8e9a8dbb_BroadcastStreaming.svg" loading="lazy" alt="" class="m-tab-menu-card__content-icon"/><div class="m-tab-menu-card__content-text">Broadcast Streaming</div></div></div></a><a href="/en/products/chat" class="w-inline-block"><div class="m-tab-menu-card"><div class="m-tab-menu-card__content"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66336fd6f79d65e1510db0ec_Chat.svg" loading="lazy" alt="" class="m-tab-menu-card__content-icon"/><div class="m-tab-menu-card__content-text">Chat</div></div></div></a><a href="/en/products/interactive-whiteboard" class="w-inline-block"><div class="m-tab-menu-card"><div class="m-tab-menu-card__content"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6678d9fcbd30a39e31f09dba_Whiteboard.svg" loading="lazy" alt="" class="m-tab-menu-card__content-icon"/><div class="m-tab-menu-card__content-text">Interactive Whiteboard</div></div></div></a><a href="/en/products/signaling" class="w-inline-block"><div class="m-tab-menu-card"><div class="m-tab-menu-card__content"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66336fd7cc50b27622d7abf1_Signaliing.svg" loading="lazy" alt="" class="m-tab-menu-card__content-icon"/><div class="m-tab-menu-card__content-text">Signaling</div></div></div></a><a href="/en/products/iot-sdk" class="w-inline-block"><div class="m-tab-menu-card"><div class="m-tab-menu-card__content"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66336fd6e0b9373b6ef39e3b_IOT.svg" loading="lazy" alt="" class="m-tab-menu-card__content-icon"/><div class="m-tab-menu-card__content-text">IoT</div></div></div></a></div><div class="div-block-5"><a href="/en/products/" class="button-primary-outline w-inline-block"><div class="rounded-circle-outline"><div class="original-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g>
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div><div class="slide-in slided-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g>
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div></div><div class="primary-btn-label-outline">View All Products<br/></div></a></div><div class="follower"><div class="code-embed-5 w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="31" viewBox="0 0 30 31" fill="none">
  <path d="M6.45831 25.0962L5 23.6379L20.2083 8.4295H11.3333V6.34619H23.75V18.7628H21.6667V9.88785L6.45831 25.0962Z" fill="black"/>
</svg></div></div></section><section class="onboarding-v2-section"><div class="w-layout-blockcontainer agora-container onboarding-v2-container w-container"><div class="div-block-156"><div class="onboarding-v2-heading-flex"><h2 class="onboarding-v2-h2">Choose how to get started <br/>with real-time interaction</h2><div class="tabs-menu-slot"></div></div><div data-current="Tab 1" data-easing="ease" data-duration-in="0" data-duration-out="0" class="onboarding-v2-tabs w-tabs"><div class="onboarding-v2-tab-menu sticky-tabs gradient-box-shadow w-tab-menu"><a data-w-tab="Tab 1" class="sticky-tab w-inline-block w-tab-link w--current"><div>sdk</div></a><a data-w-tab="Tab 2" class="sticky-tab hide-uikit w-inline-block w-tab-link"><div>ui kit</div></a><a data-w-tab="Tab 3" class="sticky-tab w-inline-block w-tab-link"><div>no code</div></a></div><div class="onboarding-v2-tab-content w-tab-content"><div data-w-tab="Tab 1" class="onboarding-v2-tab w-tab-pane w--tab-active"><div class="tab-code-block"><div class="custom-code-styles w-embed"><style>
.code-custom{
  /*background: black !important;*/
  background: radial-gradient(74.22% 64.62% at 26.36% 14.29%, #1A1A1A 0%, #151515 50%, #101010 100%) !important;

}


.code-custom .linenumber{
color: rgba(255, 255, 255, 0.13);
padding-right: 20px !important;
}


</style></div><div data-current="Tab 1" data-easing="ease" data-duration-in="0" data-duration-out="0" class="tabs-3 w-tabs"><div class="scroll-card-tab-menu w-tab-menu"><a data-w-tab="Tab 1" class="scroll-card-tab-link first-tab-link w-inline-block w-tab-link w--current"><div class="text-block-67-2">Android</div></a><a data-w-tab="Tab 2" class="scroll-card-tab-link w-inline-block w-tab-link"><div class="text-block-66-2">iOS/macOS</div><div class="only-mobile-ios">iOS/<br/>macOS</div></a><a data-w-tab="Tab 3" class="scroll-card-tab-link w-inline-block w-tab-link"><div>Windows</div></a><a data-w-tab="Tab 4" class="scroll-card-tab-link w-inline-block w-tab-link"><div>Web</div></a><a data-w-tab="Tab 5" class="scroll-card-tab-link w-inline-block w-tab-link"><div>Electron</div></a><a data-w-tab="Tab 6" class="scroll-card-tab-link w-inline-block w-tab-link"><div>Flutter</div></a><a data-w-tab="Tab 7" class="scroll-card-tab-link w-inline-block w-tab-link"><div>React Native</div></a><a data-w-tab="Tab 8" class="scroll-card-tab-link w-inline-block w-tab-link"><div>Unity</div></a><a data-w-tab="Tab 9" class="scroll-card-tab-link w-inline-block w-tab-link"><div>Unreal</div></a></div><div class="scroll-card-tab-content w-tab-content"><div data-w-tab="Tab 1" class="scroll-card-tab w-tab-pane w--tab-active"><div class="app-builder-coder-block"><pre contenteditable="false" class="code-custom w-code-block" style="display:block;overflow-x:auto;background:#2b2b2b;color:#f8f8f2;padding:0.5em"><code class="language-verilog" style="white-space:pre-wrap"><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">1</span><span>RtcEngineConfig </span><span style="color:#dcc6e0">config</span><span> = </span><span style="color:#dcc6e0">new</span><span> RtcEngineConfig();
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">2</span><span></span><span style="color:#dcc6e0">config</span><span style="color:#ffa07a">.mAppId</span><span> = </span><span style="color:#abe338">&quot;Your app ID&quot;</span><span>;
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">3</span><span>RtcEngine agoraEngine = RtcEngine</span><span style="color:#ffa07a">.create</span><span> (</span><span style="color:#dcc6e0">config</span><span>);
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">4</span><span>agoraEngine</span><span style="color:#ffa07a">.setupLocalVideo</span><span>(</span><span style="color:#dcc6e0">new</span><span> VideoCanvas(</span><span style="color:#dcc6e0">new</span><span> SurfaceView(getBaseContext(), VideoCanvas</span><span style="color:#ffa07a">.RENDER_MODE_HIDDEN</span><span>, </span><span style="color:#f5ab35">0</span><span>));
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">5</span><span>agoraEngine</span><span style="color:#ffa07a">.enableVideo</span><span>();
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">6</span><span>agoraEngine</span><span style="color:#ffa07a">.startPreview</span><span>();
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">7</span><span>agoraEngine</span><span style="color:#ffa07a">.joinChannel</span><span>(</span><span style="color:#abe338">&quot;&lt;Your token&gt;&quot;</span><span>, </span><span style="color:#abe338">&quot;&lt;Your channel name&gt;&quot;</span><span>, </span><span style="color:#f5ab35">1</span><span>, </span><span style="color:#dcc6e0">new</span><span> ChannelMediaOptions());</span></span></code></pre></div></div><div data-w-tab="Tab 2" class="scroll-card-tab w-tab-pane"><div class="app-builder-coder-block"><pre contenteditable="false" class="code-custom w-code-block" style="display:block;overflow-x:auto;background:#2b2b2b;color:#f8f8f2;padding:0.5em"><code class="language-verilog" style="white-space:pre-wrap"><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">1</span><span style="color:#dcc6e0">config</span><span style="color:#ffa07a">.appId</span><span> = </span><span style="color:#abe338">&quot;&lt;Your app id&gt;&quot;</span><span>
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">2</span><span>agoraEngine = AgoraRtcEngineKit</span><span style="color:#ffa07a">.sharedEngine</span><span>(</span><span style="color:#dcc6e0">with</span><span>: </span><span style="color:#dcc6e0">config</span><span>, delegate: self)
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">3</span><span>option</span><span style="color:#ffa07a">.clientRoleType</span><span> = </span><span style="color:#ffa07a">.broadcaster</span><span>
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">4</span><span>agoraEngine</span><span style="color:#ffa07a">.enableVideo</span><span>()
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">5</span><span>videoCanvas</span><span style="color:#ffa07a">.view</span><span> = localView
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">6</span><span>agoraEngine</span><span style="color:#ffa07a">.setupLocalVideo</span><span>(videoCanvas)
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">7</span><span>agoraEngine</span><span style="color:#ffa07a">.startPreview</span><span>()
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">8</span><span>agoraEngine. (byToken: </span><span style="color:#abe338">&quot;&lt;Your token&gt;&quot;</span><span>, channelId: </span><span style="color:#abe338">&quot;&lt;channel name&gt;&quot;</span><span>, uid: </span><span style="color:#f5ab35">0</span><span>, mediaOptions: option, joinSuccess: { (channel, uid, elapsed) in })</span></span></code></pre></div></div><div data-w-tab="Tab 3" class="scroll-card-tab w-tab-pane"><div class="app-builder-coder-block"><pre contenteditable="false" class="code-custom w-code-block" style="display:block;overflow-x:auto;background:#2b2b2b;color:#f8f8f2;padding:0.5em"><code class="language-verilog" style="white-space:pre-wrap"><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">1</span><span>IRtcEngine* agoraEngine = createAgoraRtcEngine();
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">2</span><span>RtcEngineContext </span><span style="color:#dcc6e0">context</span><span>;
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">3</span><span></span><span style="color:#dcc6e0">context</span><span style="color:#ffa07a">.appId</span><span> = </span><span style="color:#abe338">&quot;&lt;Your app ID&gt;&quot;</span><span>;
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">4</span><span></span><span style="color:#dcc6e0">context</span><span style="color:#ffa07a">.channelProfile</span><span> = CHANNEL_PROFILE_LIVE_BROADCASTING;
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">5</span><span>agoraEngine-&gt;initialize(</span><span style="color:#dcc6e0">context</span><span>);
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">6</span>agoraEngine-&gt;setClientRole(CLIENT_ROLE_TYPE::CLIENT_ROLE_BROADCASTER);
</span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">7</span>agoraEngine-&gt;setupLocalVideo(&lt;VideoCanvas&gt;);
</span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">8</span>agoraEngine-&gt;enableVideo();
</span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">9</span>agoraEngine-&gt;startPreview();
</span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">10</span><span>agoraEngine-&gt;joinChannel(</span><span style="color:#abe338">&quot;Your Token&quot;</span><span>, </span><span style="color:#abe338">&quot;&lt;Your channel name&gt;&quot;</span><span>, </span><span style="color:#f5ab35">0</span><span>, NULL);</span></span></code></pre></div></div><div data-w-tab="Tab 4" class="scroll-card-tab w-tab-pane"><div class="app-builder-coder-block"><pre contenteditable="false" class="code-custom w-code-block" style="display:block;overflow-x:auto;background:#2b2b2b;color:#f8f8f2;padding:0.5em"><code class="language-verilog" style="white-space:pre-wrap"><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">1</span><span style="color:#dcc6e0">const</span><span> agoraEngine = AgoraRTC</span><span style="color:#ffa07a">.createClient</span><span>({ mode: </span><span style="color:#abe338">&quot;rtc&quot;</span><span>, codec: </span><span style="color:#abe338">&quot;vp8&quot;</span><span> });
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">2</span><span>agoraEngine</span><span style="color:#ffa07a">.setClientRole</span><span>(</span><span style="color:#abe338">&quot;host&quot;</span><span>);
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">3</span><span>await agoraEngine</span><span style="color:#ffa07a">.join</span><span>(</span><span style="color:#abe338">&quot;&lt;Your app ID&gt;&quot;</span><span>, </span><span style="color:#abe338">&quot;&lt;Your channel Name&gt;&quot;</span><span>, </span><span style="color:#abe338">&quot;&lt;Your token&gt;&quot;</span><span>, </span><span style="color:#f5ab35">1</span><span>);
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">4</span><span></span><span style="color:#dcc6e0">var</span><span> localAudioTrack = await AgoraRTC</span><span style="color:#ffa07a">.createMicrophoneAudioTrack</span><span>();
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">5</span><span></span><span style="color:#dcc6e0">var</span><span> localVideoTrack = await AgoraRTC</span><span style="color:#ffa07a">.createCameraVideoTrack</span><span>();
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">6</span><span>await agoraEngine</span><span style="color:#ffa07a">.publish</span><span>([localAudioTrack, localVideoTrack]);
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">7</span><span>localVideoTrack</span><span style="color:#ffa07a">.play</span><span>(document</span><span style="color:#ffa07a">.createElement</span><span>(</span><span style="color:#abe338">&quot;div&quot;</span><span>));</span></span></code></pre></div></div><div data-w-tab="Tab 5" class="scroll-card-tab w-tab-pane"><div class="app-builder-coder-block"><pre contenteditable="false" class="code-custom w-code-block" style="display:block;overflow-x:auto;background:#2b2b2b;color:#f8f8f2;padding:0.5em"><code class="language-verilog" style="white-space:pre-wrap"><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">1</span><span style="color:#dcc6e0">var</span><span> agoraEngine = createAgoraRtcEngine();
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">2</span><span>agoraEngine</span><span style="color:#ffa07a">.initialize</span><span>({appId: </span><span style="color:#abe338">&quot;&lt;Your app ID&gt;&quot;</span><span>});
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">3</span><span>agoraEngine</span><span style="color:#ffa07a">.setChannelProfile</span><span>(ChannelProfileType</span><span style="color:#ffa07a">.ChannelProfileCommunication</span><span>);
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">4</span><span>agoraEngine</span><span style="color:#ffa07a">.setClientRole</span><span>(ClientRoleType</span><span style="color:#ffa07a">.ClientRoleBroadcaster</span><span>);
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">5</span><span>agoraEngine</span><span style="color:#ffa07a">.setupLocalVideo</span><span>({sourceType: VideoSourceType</span><span style="color:#ffa07a">.VideoSourceCameraPrimary</span><span>,view: &lt;Pass a div element here&gt;});
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">6</span><span>agoraEngine</span><span style="color:#ffa07a">.enableVideo</span><span>();
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">7</span><span>agoraEngine</span><span style="color:#ffa07a">.startPreview</span><span>();
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">8</span><span>agoraEngine</span><span style="color:#ffa07a">.joinChannel</span><span>(</span><span style="color:#abe338">&quot;&lt;Your token&gt;&quot;</span><span>, </span><span style="color:#abe338">&quot;&lt;You channel name&gt;&quot;</span><span>, </span><span style="color:#f5ab35">1</span><span>);</span></span></code></pre></div></div><div data-w-tab="Tab 6" class="scroll-card-tab w-tab-pane"><div class="app-builder-coder-block"><pre contenteditable="false" class="code-custom w-code-block" style="display:block;overflow-x:auto;background:#2b2b2b;color:#f8f8f2;padding:0.5em"><code class="language-verilog" style="white-space:pre-wrap"><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">1</span><span>RtcEngine agoraEngine = createAgoraRtcEngine();
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">2</span><span>await agoraEngine</span><span style="color:#ffa07a">.initialize</span><span>(</span><span style="color:#dcc6e0">const</span><span> RtcEngineContext(appId: </span><span style="color:#abe338">&quot;&lt;Your app ID&gt;&quot;</span><span>));
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">3</span><span>ChannelMediaOptions options = </span><span style="color:#dcc6e0">const</span><span> ChannelMediaOptions(clientRoleType: ClientRoleType</span><span style="color:#ffa07a">.clientRoleBroadcaster</span><span>,
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">4</span><span>        channelProfile: ChannelProfileType</span><span style="color:#ffa07a">.channelProfileCommunication</span><span>);
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">5</span><span>&lt;Use a Container here&gt; = AgoraVideoView(controller: VideoViewController(rtcEngine: agoraEngine,canvas: VideoCanvas(uid: </span><span style="color:#f5ab35">0</span><span>));
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">6</span><span>await agoraEngine</span><span style="color:#ffa07a">.enableVideo</span><span>();
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">7</span><span>await agoraEngine</span><span style="color:#ffa07a">.startPreview</span><span>();
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">8</span><span>await agoraEngine</span><span style="color:#ffa07a">.joinChannel</span><span>(token: &lt;</span><span style="color:#abe338">&quot;You token&quot;</span><span>&gt;,channelId: </span><span style="color:#abe338">&quot;You channel name&quot;</span><span>, options: options, uid: </span><span style="color:#f5ab35">1</span><span>);</span></span></code></pre></div></div><div data-w-tab="Tab 7" class="scroll-card-tab w-tab-pane"><div class="app-builder-coder-block"><pre contenteditable="false" class="code-custom w-code-block" style="display:block;overflow-x:auto;background:#2b2b2b;color:#f8f8f2;padding:0.5em"><code class="language-verilog" style="white-space:pre-wrap"><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">1</span><span style="color:#dcc6e0">import</span><span> { createAgoraRtcEngine, IRtcEngine} from &#x27;react-native-agora&#x27;;
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">2</span><span></span><span style="color:#dcc6e0">const</span><span> agoraEngine = useRef&lt;IRtcEngine&gt;();
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">3</span><span>agoraEngine</span><span style="color:#ffa07a">.initialize</span><span>({appId: </span><span style="color:#abe338">&quot;&lt;Your app ID&gt;&quot;</span><span>,channelProfile: ChannelProfileType</span><span style="color:#ffa07a">.ChannelProfileLiveBroadcasting</span><span>});
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">4</span><span>agoraEngine</span><span style="color:#ffa07a">.setChannelProfile</span><span>(ChannelProfileType</span><span style="color:#ffa07a">.ChannelProfileCommunication</span><span>);
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">5</span><span>agoraEngine</span><span style="color:#ffa07a">.enableVideo</span><span>();
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">6</span><span>agoraEngine</span><span style="color:#ffa07a">.startPreview</span><span>();
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">7</span><span>agoraEngine</span><span style="color:#ffa07a">.joinChannel</span><span>(</span><span style="color:#abe338">&quot;&lt;Your token&gt;&quot;</span><span>, </span><span style="color:#abe338">&quot;&lt;You channel name&gt;&quot;</span><span>, </span><span style="color:#f5ab35">1</span><span>, {clientRoleType: ClientRoleType</span><span style="color:#ffa07a">.ClientRoleBroadcaster</span><span>});</span></span></code></pre></div></div><div data-w-tab="Tab 8" class="scroll-card-tab w-tab-pane"><div class="app-builder-coder-block"><pre contenteditable="false" class="code-custom w-code-block" style="display:block;overflow-x:auto;background:#2b2b2b;color:#f8f8f2;padding:0.5em"><code class="language-verilog" style="white-space:pre-wrap"><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">1</span><span>IRtcEngine agoraEngine = Agora</span><span style="color:#ffa07a">.Rtc</span><span style="color:#ffa07a">.RtcEngine</span><span style="color:#ffa07a">.CreateAgoraRtcEngine</span><span>();
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">2</span><span>RtcEngineContext </span><span style="color:#dcc6e0">context</span><span> = </span><span style="color:#dcc6e0">new</span><span> RtcEngineContext(</span><span style="color:#abe338">&quot;&lt;You app ID&gt;&quot;</span><span>, </span><span style="color:#f5ab35">0</span><span>,CHANNEL_PROFILE_TYPE</span><span style="color:#ffa07a">.CHANNEL_PROFILE_COMMUNICATION</span><span>, </span><span style="color:#abe338">&quot;&quot;</span><span>);
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">3</span><span>agoraEngine</span><span style="color:#ffa07a">.Initialize</span><span>(</span><span style="color:#dcc6e0">context</span><span>);
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">4</span><span>agoraEngine</span><span style="color:#ffa07a">.SetClientRole</span><span>(CLIENT_ROLE_TYPE</span><span style="color:#ffa07a">.CLIENT_ROLE_BROADCASTER</span><span>);
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">5</span><span>agoraEngine</span><span style="color:#ffa07a">.EnableVideo</span><span>();
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">6</span><span>VideoSurface LocalView</span><span style="color:#ffa07a">.SetForUser</span><span>(</span><span style="color:#f5ab35">0</span><span>, </span><span style="color:#abe338">&quot;&quot;</span><span>, VIDEO_SOURCE_TYPE</span><span style="color:#ffa07a">.VIDEO_SOURCE_CAMERA</span><span>);
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">7</span><span>LocalView</span><span style="color:#ffa07a">.SetEnable</span><span>(true);
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">8</span><span>agoraEngine</span><span style="color:#ffa07a">.JoinChannel</span><span>(</span><span style="color:#abe338">&quot;Your token&quot;</span><span>, </span><span style="color:#abe338">&quot;You channel&quot;</span><span>);</span></span></code></pre></div></div><div data-w-tab="Tab 9" class="scroll-card-tab w-tab-pane"><div class="app-builder-coder-block"><pre contenteditable="false" class="code-custom w-code-block" style="display:block;overflow-x:auto;background:#2b2b2b;color:#f8f8f2;padding:0.5em"><code class="language-verilog" style="white-space:pre-wrap"><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">1</span><span>RtcEngineContext RtcEngineContext;
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">2</span><span>RtcEngineContext</span><span style="color:#ffa07a">.appId</span><span> = &lt;Your AppId&gt;
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">3</span><span>RtcEngineContext</span><span style="color:#ffa07a">.eventHandler</span><span> = </span><span style="color:#dcc6e0">new</span><span> agora::rtc::IRtcEngineEventHandler();
</span></span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">4</span> 
</span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">5</span>RtcEngineProxy = agora::rtc::ue::createAgoraRtcEngine();
</span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">6</span>RtcEngineProxy-&gt;initialize(RtcEngineContext);
</span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">7</span> 
</span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">8</span>RtcEngineProxy-&gt;enableAudio();
</span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">9</span>RtcEngineProxy-&gt;enableVideo();
</span><span style="display:flex"><span class="comment linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none">10</span><span>RtcEngineProxy-&gt;joinChannel(&lt;Your Token&gt;, &lt;Your ChannelName&gt;, </span><span style="color:#abe338">&quot;&quot;</span><span>, </span><span style="color:#f5ab35">0</span><span>);</span></span></code></pre></div></div></div></div></div><div class="onboarding-v2-action"><a href="https://docs.agora.io/en/realtime-media/video/get-started-sdk" target="_blank" class="button-primary-outline w-inline-block"><div class="rounded-circle-outline"><div class="original-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g>
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div><div class="slide-in slided-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g>
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div></div><div class="primary-btn-label-outline">SDK Quickstart</div></a></div></div><div data-w-tab="Tab 2" class="onboarding-v2-tab w-tab-pane"><div class="div-block-157"><img sizes="100vw" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/669f54b768e06ef9c52dffd0_rte-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/669f54b768e06ef9c52dffd0_rte-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/669f54b768e06ef9c52dffd0_rte-p-1080.webp 1080w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/669f54b768e06ef9c52dffd0_rte-p-1600.webp 1600w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/669f54b768e06ef9c52dffd0_rte.webp 1920w" alt="
A collage of video conferencing interface elements including participants&#x27; names, layout options, settings, and call controls." src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/669f54b768e06ef9c52dffd0_rte.webp" loading="lazy" class="image-109314"/></div><div class="onboarding-v2-action"><a href="https://docs.agora.io/en/realtime-media/video/get-started-sdk" target="_blank" class="button-primary-outline w-inline-block"><div class="rounded-circle-outline"><div class="original-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g>
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div><div class="slide-in slided-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g>
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div></div><div class="primary-btn-label-outline">UI Kit Quickstart</div></a></div></div><div data-w-tab="Tab 3" class="onboarding-v2-tab w-tab-pane"><div class="div-block-157"><img sizes="100vw" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/669f554aea8e57f57cfa3fea_no-code-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/669f554aea8e57f57cfa3fea_no-code-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/669f554aea8e57f57cfa3fea_no-code-p-1080.webp 1080w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/669f554aea8e57f57cfa3fea_no-code-p-1600.webp 1600w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/669f554aea8e57f57cfa3fea_no-code.webp 1873w" alt="Screenshot of Agora App Builder console interface." src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/669f554aea8e57f57cfa3fea_no-code.webp" loading="lazy" class="image-109314"/></div><div class="onboarding-v2-action"><a href="https://appbuilder-docs.agora.io/turn-key/quickstart" target="_blank" class="button-primary-outline w-inline-block"><div class="rounded-circle-outline"><div class="original-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g>
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div><div class="slide-in slided-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g>
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div></div><div class="primary-btn-label-outline">App Builder Quickstart</div></a></div></div></div></div><div class="w-embed"><style>
	.gradient-box-shadow:before{
  	content: "";
    position: absolute;
    background: red;
    height: 111%;
    width: 102%;
    top: -6%;
    left: -1%;
    z-index: -1;
    border-radius: 51px;
    background: linear-gradient(270deg, #00C2FF 7.35%, #A0FAFF 36.64%, #FCF9F8 65.94%, #C46FFB 96.12%);
    filter: blur(4px);
  }
</style></div></div></div></section><section class="extension-marketplace"><h2 class="extension-heading">Add powerful functionality—fast</h2><div id="w-node-_18aba11d-c174-90dd-cc14-2c942f98285c-2f982859" class="w-layout-layout extension-quick-stack wf-layout-layout"><div id="w-node-_18aba11d-c174-90dd-cc14-2c942f98285d-2f982859" class="w-layout-cell"><a href="/en/products/agora-analytics/" class="extension-container first-ext w-inline-block"><div class="left"><div class="text-2xl extension-card-heading">Agora Analytics</div><div class="text-l extension-card-content">Improve quality of experience with real-time monitoring, measurement, alerts, and diagnostics.</div></div><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697aa5d6b854d2b922313af_illustration_usage.webp" loading="lazy" width="432" sizes="(max-width: 479px) 100vw, 432px" alt="A graph detailing an upward growth trend." srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697aa5d6b854d2b922313af_illustration_usage-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697aa5d6b854d2b922313af_illustration_usage-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697aa5d6b854d2b922313af_illustration_usage.webp 864w" class="image-77-2"/></a></div><div id="w-node-_18aba11d-c174-90dd-cc14-2c942f982865-2f982859" class="w-layout-cell"><a href="/en/products/recording/" class="extension-container w-inline-block"><div class="left"><div class="text-2xl extension-card-heading">Recording</div><div class="text-l extension-card-content">Flexible options to record audio streams, video streams, and web pages for archive, review, or distribution.</div></div><div class="w-layout-vflex ext-left"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66167f793798b803e4b4169c_Sound%20Waves.svg" loading="lazy" alt="" class="image-11"/><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66167f6e3efa87d527275868_Actions.svg" loading="lazy" alt="" class="spatial-section-image hide-spatial-image"/></div></a><link rel="prefetch" href="/en/products/recording/"/></div><div id="w-node-_18aba11d-c174-90dd-cc14-2c942f98286f-2f982859" class="w-layout-cell"><a href="/en/products/real-time-speech-to-text/" class="extension-container w-inline-block"><div class="left"><div class="text-2xl extension-card-heading small">Real-Time Speech to Text</div><div class="text-l extension-card-content">Add live captions to calls and streams, generate transcripts, and integrate with large language models (LLMs).</div></div><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697aa5d81175b35018c5500_illustration_recording.webp" loading="lazy" width="432" sizes="(max-width: 479px) 100vw, 432px" alt="A mysterious glowing blue orb is surrounded by concentric, iridescent rings radiating outward. " srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697aa5d81175b35018c5500_illustration_recording-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697aa5d81175b35018c5500_illustration_recording-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697aa5d81175b35018c5500_illustration_recording.webp 864w" class="spatial-section-image floored"/></a><link rel="prefetch" href="/en/products/real-time-speech-to-text/"/></div><div id="w-node-_18aba11d-c174-90dd-cc14-2c942f982877-2f982859" class="w-layout-cell"><a href="/en/products/ai-noise-suppression/" class="extension-container w-inline-block"><div class="left"><div class="text-2xl extension-card-heading">AI Noise Suppression</div><div class="text-l extension-card-content">Reduce background noise for real-time audio and video.</div></div><div class="w-layout-vflex ext-left"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697aa5c83a47cee53c009b2_illustration_noisesuppression.webp" loading="lazy" width="208" height="157" alt="Three overlapping, semi-transparent rectangular sheets with a blue to purple gradient." srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697aa5c83a47cee53c009b2_illustration_noisesuppression-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697aa5c83a47cee53c009b2_illustration_noisesuppression.webp 624w" sizes="(max-width: 479px) 100vw, 208px" class="spatial-section-image ains"/></div></a><link rel="prefetch" href="/en/products/ai-noise-suppression/"/></div><div id="w-node-_18aba11d-c174-90dd-cc14-2c942f982880-2f982859" class="w-layout-cell"><a href="/en/extensions-marketplace/" class="extension-container large w-inline-block"><div class="w-layout-vflex extension-container-horizontal"><div class="div-block-9"><div class="display-md extension-heading">Extensions<br/>Marketplace</div><div class="text-l extension-card-content-horizontal-copy">Easily Integrate powerful, fun and interactive features into your real-time app</div></div><div class="w-layout-vflex ext-right"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b0ea2103e7281069b091c9_Illustration_ExtensionMarketplace_New.webp" loading="lazy" width="1022" sizes="(max-width: 1022px) 100vw, 1022px" alt="Agora Extensions Marketplace thumbnail" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b0ea2103e7281069b091c9_Illustration_ExtensionMarketplace_New-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b0ea2103e7281069b091c9_Illustration_ExtensionMarketplace_New.webp 1022w" class="spatial-section-image bottom-image"/></div></div></a></div></div></section><section class="jumbotron section-43"><div data-w-id="a43932f5-9c65-871f-70df-d8a32be37a26" class="div-block-17"><div class="div-block-16"><div class="text-block-17">GROW WITH THE LEADING PLATFORM</div><div class="div-block-15"><div class="jumbotron-color-paragraph"><span data-w-id="d4f29e38-9167-8c3b-590f-8a11fbd3d2a1" class="text-span-3">powering</span> <br/><span class="color-jumbo-text">80 billion minutes OF<br/></span><span data-w-id="dadf2e5d-9894-7149-0f64-d84e3d5004d4" class="text-span-4">VIDeo</span> <span data-w-id="c5c42e36-aa50-a809-2fc6-7bdb0ac14d45" class="text-span-5">&amp;</span> <span data-w-id="579dcbbf-6779-54b9-709e-cd9fbc2cc8e2" class="text-span-6">Voice</span><br/><span data-w-id="8416a0b6-d1f3-1ea2-1057-424e65e30936" class="text-span-7">EVERY</span> <span data-w-id="46fb3fb9-533f-28f7-203c-8bbadbee08f7" class="text-span-8">MONTh</span></div><div class="jumbotron-black-paragraph">Powering <br/>‍80 billion minutes OF <br/>VIDeo &amp; Voice<br/>EVERY MONTh</div></div></div></div></section><section class="agora-usecases"><div class="w-layout-hflex flex-block-12"><div class="w-layout-vflex flex-block-11"><div class="text-block-19">Use cases</div><h3 class="section-heading">Bring any experience to life with Agora</h3></div><div class="div-block-5 hide-block-xs"><a href="/en/solutions/" class="button-primary-outline usecases-view-all-button-2-2 w-inline-block"><div class="rounded-circle-outline"><div class="original-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g mask="url(#mask0_4570_35039)">
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div><div class="slide-in slided-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g mask="url(#mask0_4570_35039)">
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div></div><div class="primary-btn-label-outline">View All<br/></div></a></div></div><div class="w-layout-hflex grid-3"><a href="/en/solutions/telehealth/" class="home-usecases-link w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66a88817fef524e37c3b892c_Home-Telehealth-Usecase.webp" loading="lazy" width="228" alt="A doctor waving hello to his patients on a live telehealth video call." class="image-12"/><div class="w-layout-hflex flex-block-13"><div class="text-block-20">Provide remote healthcare in<br/>real time </div><div class="text-block-21">Telehealth</div></div></a><a href="/en/solutions/live-shopping/" class="home-usecases-link w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697a97cc931e3146c8d6c66_usecases_card_live_shopping.webp" loading="lazy" width="345" sizes="100vw" alt="A woman with a cheerful expression stands indoors, engaging in live shopping while holding up a yellow shirt on a hanger." srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697a97cc931e3146c8d6c66_usecases_card_live_shopping-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697a97cc931e3146c8d6c66_usecases_card_live_shopping.webp 690w" class="image-12"/><div class="w-layout-hflex flex-block-13"><div class="text-block-20">Accelerate sales with <br/>live shopping</div><div class="text-block-21">Live Shopping</div></div></a><a data-w-id="e18b6eaa-4fc3-c347-a9a5-efd6e512505a" href="/en/solutions/education/" class="home-usecases-link w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697a97cd846b8dcd887c7a7_usecases_card_education.webp" loading="lazy" width="345" sizes="100vw" alt="A professor is passionately explaining the lesson to his students on a live educational video call." srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697a97cd846b8dcd887c7a7_usecases_card_education-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697a97cd846b8dcd887c7a7_usecases_card_education.webp 690w" class="image-12"/><div class="w-layout-hflex flex-block-13"><div class="text-block-20">Build custom virtual <br/>learning experiences</div><div class="text-block-21">Education</div></div></a><a href="/en/solutions/gaming/" class="home-usecases-link w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697a97c472266a5579b01a4_usecases_card_gaming.webp" loading="lazy" width="345" sizes="100vw" alt="A person wearing a virtual reality headset and holding controllers is immersed in an AR/VR gaming experience. " srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697a97c472266a5579b01a4_usecases_card_gaming-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697a97c472266a5579b01a4_usecases_card_gaming.webp 690w" class="image-12"/><div class="w-layout-hflex flex-block-13"><div class="text-block-20">Intensify gaming with real-<br/>time engagement</div><div class="text-block-21">Gaming</div></div></a><a href="/en/solutions/media-and-entertainment/" class="home-usecases-link w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697a97c0fec52f84654e03c_usecases_card_entertainment.webp" loading="lazy" width="345" sizes="100vw" alt="A player dunking a basketball on a live stream sports game." srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697a97c0fec52f84654e03c_usecases_card_entertainment-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6697a97c0fec52f84654e03c_usecases_card_entertainment.webp 690w" class="image-12"/><div class="w-layout-hflex flex-block-13"><div class="text-block-20">Make your media experience social and interactive</div><div class="text-block-21">Entertainment</div></div></a></div></section><section class="testimonials"><div class="div-block-11"><h2 class="testimonial-heading">People</h2><div class="div-block-14"><div class="code-embed-22 w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="56" height="52" viewBox="0 0 56 52" fill="none">
  <path d="M28 51.144L25.772 49.0315C20.7909 44.3551 16.6723 40.3212 13.416 36.9301C10.1597 33.5389 7.5686 30.5359 5.64276 27.921C3.71688 25.3062 2.37829 22.9431 1.627 20.8319C0.875668 18.7208 0.5 16.5994 0.5 14.4676C0.5 10.4019 1.83474 6.99825 4.50423 4.25657C7.17372 1.51488 10.4728 0.144043 14.4015 0.144043C17.0865 0.144043 19.5879 0.847259 21.9055 2.25369C24.2231 3.66013 26.2546 5.71213 28 8.4097C29.968 5.62566 32.0682 3.55202 34.3006 2.1888C36.533 0.825627 38.9688 0.144043 41.6079 0.144043C45.5306 0.144043 48.8266 1.51299 51.4959 4.25087C54.1653 6.98876 55.5 10.3877 55.5 14.4477C55.5 16.5917 55.1243 18.7195 54.373 20.8312C53.6217 22.9429 52.2835 25.3056 50.3583 27.9194C48.4331 30.5332 45.8403 33.5367 42.5798 36.93C39.3195 40.3234 35.2022 44.3572 30.228 49.0315L28 51.144Z" fill="url(#paint0_linear_8016_45341)"/>
  <defs>
    <linearGradient id="paint0_linear_8016_45341" x1="29.4497" y1="60.5" x2="29.4497" y2="-6.48031" gradientUnits="userSpaceOnUse">
      <stop stop-color="#00C2FF"/>
      <stop offset="0.33" stop-color="#A0FAFF"/>
      <stop offset="0.66" stop-color="#FCF9F8"/>
      <stop offset="1" stop-color="#C46FFB"/>
    </linearGradient>
  </defs>
</svg></div></div><h2 class="testimonial-heading">Agora</h2></div><div class="w-layout-vflex flex-block-15"><div class="w-layout-hflex testimonial-flexbox"><div class="single-testimonial"><div class="testimonial-home-text">“With the Agora App Builder, we transitioned our codebase quickly and were able to manage many customizations easily. It has been an extremely cost-effective solution.” </div><div class="testimonial-avatar"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66a1099b1489c385edc02f60_michael_glenn_williams_headshot.webp" loading="lazy" width="100" alt="Michael Glenn headshot" class="home-testimonial-headshot"/><div class="w-layout-vflex flex-block-14"><div class="text-block-22">Michael Glenn Williams</div><div class="text-block-23">CTO, TotalVU</div></div></div></div><div class="single-testimonial long-single-testimonial"><div class="testimonial-home-text">“Agora’s Adaptive Video Optimization (AVO) drastically improved the real-time video experience in our app. Users get smooth, high-quality video without freezes—even on slow connections and older devices. Since implementing AVO, we’ve seen a 30% increase in session length and engagement.&quot;</div><div class="testimonial-avatar"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66a108d18c974e85518aa24a_Ellard%20Face.webp" loading="lazy" width="48" sizes="(max-width: 1439px) 48px, (max-width: 1919px) 3vw, 48px" alt="Ellard Capiral headshot" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66a108d18c974e85518aa24a_Ellard%20Face-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66a108d18c974e85518aa24a_Ellard%20Face-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66a108d18c974e85518aa24a_Ellard%20Face-p-1080.webp 1080w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66a108d18c974e85518aa24a_Ellard%20Face.webp 1521w" class="home-testimonial-headshot"/><div class="w-layout-vflex flex-block-14"><div class="text-block-22">Ellard Capiral</div><div class="text-block-23">VP of Engineering, KUMU</div></div></div></div><div class="single-testimonial"><div class="testimonial-home-text">“We really wanted to create a unique customer experience, and Agora allowed us to do a lot of customization while other platforms just had one out-of-the-box solution.”</div><div class="testimonial-avatar"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66a1099bd2c1def4959c8bd4_gil_margolin_headshot.webp" loading="lazy" width="100" alt="Gil Margolin headshot" class="home-testimonial-headshot"/><div class="w-layout-vflex flex-block-14"><div class="text-block-22">Gil Margolin</div><div class="text-block-23">CTO, Talkspace</div></div></div></div></div><div class="w-layout-hflex testimonial-flexbox"><div class="single-testimonial third"><div class="testimonial-home-text">&quot;At LiSA, we believe that the future of online shopping is social, community-driven, real-time engagement. Implementing this on our live platform has resulted in conversion rates of up to 35% and engagement rates of up to 90%.&quot;</div><div class="testimonial-avatar"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66a1099b535e44e324b41d57_philippe_fr_res_headshot.webp" loading="lazy" alt="Philippe Frères headshot" class="home-testimonial-headshot"/><div class="w-layout-vflex flex-block-14"><div class="text-block-22">Philippe Frères</div><div class="text-block-23">Co-Founder and CPO, LISA</div></div></div></div><div class="single-testimonial third"><div class="testimonial-home-text">“Agora’s customizable APIs allowed us to optimize real-time connectivity and network traffic while reducing latency to milliseconds during live streaming and interactive sessions between creators and fans.”</div><div class="testimonial-avatar"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66a108d1ad0fe5a37595db94_Saurabh_Kushwah.webp" loading="lazy" width="400.5" sizes="(max-width: 479px) 100vw, 401px" alt="Saurabh Kushwah headshot" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66a108d1ad0fe5a37595db94_Saurabh_Kushwah-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66a108d1ad0fe5a37595db94_Saurabh_Kushwah-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66a108d1ad0fe5a37595db94_Saurabh_Kushwah.webp 801w" class="home-testimonial-headshot"/><div class="w-layout-vflex flex-block-14"><div class="text-block-22">Saurabh Singh Kushwah</div><div class="text-block-23">Co-Founder, Fanory</div></div></div></div><div class="single-testimonial third"><div class="testimonial-home-text">“The Agora RTE solution is the platform needed to bridge the virtual and physical world, providing everyone a unique view into what’s happening. Its ease of use is an important piece of our innovation puzzle in creating meaningful human connections.”</div><div class="testimonial-avatar"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66a1099b1e3118ce43c0e488_cher_wang_headshot.webp" loading="lazy" width="100" alt="Cher Wang headshot" class="home-testimonial-headshot"/><div class="w-layout-vflex flex-block-14"><div class="text-block-22">Cher Wang</div><div class="text-block-23">CEO, HTC</div></div></div></div></div></div></section><section class="success-stories-slider-section"><div class="container-gallery"><div class="benefits-gallery"><div class="swiper-benefits-thumb is-first"><div id="first" class="swiper-wrapper"><div class="swiper-slide"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b472b8aa7c80d57165e0cd_successstory_card_talkspace.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b472b8aa7c80d57165e0cd_successstory_card_talkspace-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b472b8aa7c80d57165e0cd_successstory_card_talkspace-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b472b8aa7c80d57165e0cd_successstory_card_talkspace.webp 1080w" alt="TalkSpace thumbnail"/></div><div class="swiper-slide"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b509a44dce0659bcf457c4_SuccessStory_Card_VIVE.webp" loading="eager" sizes="100vw" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b509a44dce0659bcf457c4_SuccessStory_Card_VIVE-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b509a44dce0659bcf457c4_SuccessStory_Card_VIVE-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b509a44dce0659bcf457c4_SuccessStory_Card_VIVE.webp 952w" alt="HTC Vive thumbnail"/></div><div class="swiper-slide"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b50de50969b4b2f2bb3944_SuccessStory_Card_GABB.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b50de50969b4b2f2bb3944_SuccessStory_Card_GABB-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b50de50969b4b2f2bb3944_SuccessStory_Card_GABB-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b50de50969b4b2f2bb3944_SuccessStory_Card_GABB.webp 952w" alt="Gabb thumnbnail"/></div></div></div><div class="swiper-benefits-thumb"><div id="main" class="swiper-wrapper"><a href="/en/success-stories/htc-vive" class="swiper-slide w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b509a44dce0659bcf457c4_SuccessStory_Card_VIVE.webp" loading="eager" sizes="100vw" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b509a44dce0659bcf457c4_SuccessStory_Card_VIVE-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b509a44dce0659bcf457c4_SuccessStory_Card_VIVE-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b509a44dce0659bcf457c4_SuccessStory_Card_VIVE.webp 952w" alt="HTC Vive thumbnail"/></a><link rel="prefetch" href="/en/success-stories/htc-vive"/><a href="/en/success-stories/gabb" class="swiper-slide w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b50de50969b4b2f2bb3944_SuccessStory_Card_GABB.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b50de50969b4b2f2bb3944_SuccessStory_Card_GABB-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b50de50969b4b2f2bb3944_SuccessStory_Card_GABB-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b50de50969b4b2f2bb3944_SuccessStory_Card_GABB.webp 952w" alt="Gabb thumnbnail"/></a><link rel="prefetch" href="/en/success-stories/gabb"/><a href="/en/success-stories/talkspace" class="swiper-slide w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b510264fc813f53e17930d_SuccessStory_Card_TALKSPACE.png" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b510264fc813f53e17930d_SuccessStory_Card_TALKSPACE-p-500.png 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b510264fc813f53e17930d_SuccessStory_Card_TALKSPACE-p-800.png 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b510264fc813f53e17930d_SuccessStory_Card_TALKSPACE.png 952w" alt="TalkSpace thumnbnail"/></a><link rel="prefetch" href="/en/success-stories/talkspace"/></div></div><div class="swiper-benefits-thumb is-last"><div id="last" class="swiper-wrapper"><div class="swiper-slide"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b50de50969b4b2f2bb3944_SuccessStory_Card_GABB.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b50de50969b4b2f2bb3944_SuccessStory_Card_GABB-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b50de50969b4b2f2bb3944_SuccessStory_Card_GABB-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b50de50969b4b2f2bb3944_SuccessStory_Card_GABB.webp 952w" alt="Gabb thumnbnail"/></div><div class="swiper-slide"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b510264fc813f53e17930d_SuccessStory_Card_TALKSPACE.png" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b510264fc813f53e17930d_SuccessStory_Card_TALKSPACE-p-500.png 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b510264fc813f53e17930d_SuccessStory_Card_TALKSPACE-p-800.png 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b510264fc813f53e17930d_SuccessStory_Card_TALKSPACE.png 952w" alt="TalkSpace thumnbnail"/></div><div class="swiper-slide"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b509a44dce0659bcf457c4_SuccessStory_Card_VIVE.webp" loading="eager" sizes="100vw" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b509a44dce0659bcf457c4_SuccessStory_Card_VIVE-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b509a44dce0659bcf457c4_SuccessStory_Card_VIVE-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b509a44dce0659bcf457c4_SuccessStory_Card_VIVE.webp 952w" alt="HTC Vive thumbnail"/></div></div></div></div><div class="benefit-container"><div class="w-layout-vflex flex-block-138"><a href="/en/success-stories" class="link-block-14 w-inline-block"><h2 class="swiper-benefit-heading">Success Stories</h2></a><div id="js__slideContent" class="js__slidecontent"><div class="content swiper-content"><h3 class="swiper-content-heading">HTC Vive</h3><div class="content-para"><p class="swiper-content-paragraph">HTC’s VIVE Sync VR app bridges the gap between the physical and virtual world with Agora’s real-time streaming.</p><a href="/en/success-stories/htc-vive" class="view-story-link w-inline-block"><div class="text-block-117">View their story</div><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66ab45f00ce92faaeea005e9_arrow_outward.svg" loading="lazy" alt="Arrow Outward icon" class="image-109336"/></a><link rel="prefetch" href="/en/success-stories/htc-vive"/></div></div><div class="content swiper-content"><h3 class="swiper-content-heading">Gabb</h3><div class="content-para"><p class="swiper-content-paragraph">Gabb offers kid-safe video calls powered by Agora.</p><a href="/en/success-stories/gabb" class="view-story-link w-inline-block"><div class="text-block-117">View their story</div><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66ab45f00ce92faaeea005e9_arrow_outward.svg" loading="lazy" alt="Arrow Outward icon" class="image-109337"/></a><link rel="prefetch" href="/en/success-stories/gabb"/></div></div><div class="content swiper-content"><h3 class="swiper-content-heading">Talkspace</h3><div class="content-para"><p class="swiper-content-paragraph">Talkspace revolutionizes mental health services with Agora’s real-time voice and video integration.</p><a href="/en/success-stories/talkspace" class="view-story-link w-inline-block"><div class="text-block-117">View their story</div><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66ab45f00ce92faaeea005e9_arrow_outward.svg" loading="lazy" alt="Arrow Outward icon" class="image-109338"/></a><link rel="prefetch" href="/en/success-stories/talkspace"/></div></div></div></div><div class="slide-controls"><button id="prev" disabled="" aria-label="previous" class="slide-control-button"><div class="code-embed-17 w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="50" height="51" viewBox="0 0 50 51" fill="none">
  <rect x="0.5" y="0.711914" width="49" height="49" rx="24.5" stroke="currentColor"/>
  <path d="M34.3336 26.2902L34.3336 24.4215L18.3022 24.4215L25.3934 17.3303L24.0755 16.0124L14.7321 25.3558L24.0755 34.6993L25.3934 33.3814L18.3022 26.2902L34.3336 26.2902Z" fill="currentColor"/>
</svg></div></button><button id="next" aria-label="next" class="slide-control-button"><div class="code-embed-16 w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="50" height="51" viewBox="0 0 50 51" fill="none">
  <rect x="0.5" y="0.711914" width="49" height="49" rx="24.5" stroke="currentColor"/>
  <path d="M15.682 26.2902L15.682 24.4215L31.7134 24.4215L24.6222 17.3303L25.9401 16.0124L35.2836 25.3558L25.9401 34.6993L24.6222 33.3814L31.7134 26.2902L15.682 26.2902Z" fill="currentColor"/>
</svg></div></button></div><div><a href="/en/success-stories/" class="button-primary-outline w-inline-block"><div class="rounded-circle-outline"><div class="original-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g>
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div><div class="slide-in slided-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g>
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div></div><div class="primary-btn-label-outline">View All</div></a></div></div></div><div class="styles w-embed w-script"><style>
  .container-gallery {
    width: 100%;
    margin: auto auto;
    max-width: 73.5rem;
    display: flex;
    gap: 4rem;
  }

  .benefits-gallery {
    /** Previous standard height */
    /*height: 34rem;*/
    position: relative;
    max-width: 29.75rem;
    height: 439px;
  }

  .swiper-benefits-thumb {
    background-image: url("https://assets-global.website-files.com/6458f30fed157c01444bd0b2/649186bcd08ddae77b3e894f_bloc-02.jpg");
    background-position: 50%;
    background-size: cover;
    border-radius: 1.5rem;
    width: 100%;
    height: 100%;
    /* width: 485px; */
    overflow: hidden;
  }

  .swiper-benefits-thumb .swiper-slide {
    flex-shrink: 0;
    height: 100%;
    width: 100%;
    /* width: 485px; */
  }

  .swiper-benefits-thumb .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* width: 485px; */
  }

  .swiper-benefits-thumb.is-first {
    position: absolute;
    top: 0;
    right: 115%;
    background-color: rebeccapurple;
  }

  .swiper-benefits-thumb.is-last {
    position: absolute;
    top: 0;
    left: 255%;
    background-color: bisque;
  }

  .swiper-wrapper {
    display: flex;
  }
  .benefit-container {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 29.75rem;
    display: flex;
  }

  .benefit-container .content {
    width: 100%;
  }
  
  @media screen and (max-width: 479px){
  	 .container-gallery{
       gap: 20px !important; 
     }
     
		 .benefit-container {
		   align-items: center;			
     }
	}

  .content:not(:first-child) {
    display: none;
  }
  
  .slide-controls button:disabled,
  .slide-controls button[disabled]{
  	color: var(--color--gray-800);;
    background: none;
  }
  
  .swiper-slide img{
  	object-position: left top;
  }
</style>

<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script>
<script>
  const prev = document.querySelector("#prev");
  const next = document.querySelector("#next");

  const DECREMENT_ACTION = "DECREMENT";
  const duration = 1;

  let current = 0;

  // Set content ids
  const contents = document.querySelectorAll("#js__slideContent > .content");
  Array.from(contents).forEach((x, i) => {
    x.setAttribute("data-content-id", i);
    if (!i) x.classList.add("current");
  });

  const setActiveContent = (action = "INCREMENT") => {
    const currentContent = document.querySelector(".current");
    currentContent.style.display = "none";
    currentContent.classList.remove("current");

    if (action === DECREMENT_ACTION) {
      current--;
    } else {
      current++;
    }

    const nextContent = document.querySelector(
      `.content[data-content-id="${current}"]`
    );
    nextContent.style.display = "block";
    nextContent.classList.add("current");

    // Last Step, disable the next
    if (current === contents.length - 1) {
      next.setAttribute("disabled", true);
    } else if (current === 0) {
      // First Step, disable the prev
      prev.setAttribute("disabled", true);
    } else {
      next.removeAttribute("disabled");
      prev.removeAttribute("disabled");
    }
  };

  /* Autoplay
  var tl = gsap.timeline();

  tl.to(".swiper-wrapper", {
    x: -width,
    duration: 2,
    onReverseComplete() {
      setActiveContent(DECREMENT_ACTION);
      tl.pause();
    },
    onComplete() {
      setActiveContent();
      tl.pause();
    },
  });
  tl.to(".swiper-wrapper", {
    x: -width * 2,
    duration: 2,
    onReverseComplete() {
      setActiveContent(DECREMENT_ACTION);
      tl.pause();
    },
    onComplete() {
      setActiveContent();
      tl.pause();
    },
  });
  tl.add("abc");
  tl.to(".swiper-wrapper", {
    x: -width * 3,
    duration: 2,
    onReverseComplete() {
      setActiveContent(DECREMENT_ACTION);
      tl.pause();
    },
    onComplete: () => {
      setActiveContent();
    },
  });
  */

  next.onclick = function () {
    const width = document.querySelector(".swiper-slide").clientWidth;
    gsap.to(".swiper-wrapper", {
      x: -(current + 1) * width,
      duration,
      onStart() {
        next.setAttribute("disabled", true);
      },
      onComplete() {
        setActiveContent();
      },
    });
  };

  prev.onclick = function () {
    const width = document.querySelector(".swiper-slide").clientWidth;
    gsap.to(".swiper-wrapper", {
      x: -(current - 1) * width,
      duration,
      onStart() {
        prev.setAttribute("disabled", true);
      },
      onComplete() {
        setActiveContent(DECREMENT_ACTION);
      },
    });
  };
</script></div></section><section data-wf--footer--variant="base" class="footer"><section class="home-cta-container"><div class="w-layout-hflex main-cta-container"><div class="w-layout-hflex flex-block-16"><div class="div-block-13 home-cta-left-pad"><div class="maincta-lhs"><div class="maincta-text"><h2 class="home-cta-heading">Get started with <br/>10,000 free minutes</h2><div class="text-block-24">Sign up and start building! You don’t pay until you scale.</div><div class="w-layout-hflex flex-block-244"><a target="_blank" href="https://sso.agora.io/en/signup" class="button-primary w-inline-block"><div class="rounded-circle"><div class="original-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g>
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div><div class="slide-in slided-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g>
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div></div><div class="primary-btn-label">Try for Free</div></a></div></div></div></div><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/679bcc13816e90d6e0cf5800_Get-Started-Layout-v8.webp" loading="lazy" width="1196" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/679bcc13816e90d6e0cf5800_Get-Started-Layout-v8-p-500.webp 500w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/679bcc13816e90d6e0cf5800_Get-Started-Layout-v8-p-800.webp 800w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/679bcc13816e90d6e0cf5800_Get-Started-Layout-v8-p-1080.webp 1080w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/679bcc13816e90d6e0cf5800_Get-Started-Layout-v8-p-1600.webp 1600w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/679bcc13816e90d6e0cf5800_Get-Started-Layout-v8-p-2000.webp 2000w, https://cdn.prod.website-files.com/660affa848e8af81bdd03909/679bcc13816e90d6e0cf5800_Get-Started-Layout-v8.webp 2392w" class="image-109324"/></div></div><div class="w-layout-hflex wide-flex-block"><div class="shipping-video-card"><h3 class="display-xs cta-small-card-heading">Talk to Us</h3><div class="text-block-26">Whether you have questions about Agora’s technology, development, pricing or partnerships, we’re here to help.</div><a href="/en/talk-to-us/" class="button-primary-outline w-inline-block"><div class="rounded-circle-outline"><div class="original-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g>
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div><div class="slide-in slided-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g>
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div></div><div class="primary-btn-label-outline">Contact Sales</div></a></div><div class="shipping-video-card"><h3 class="display-xs cta-small-card-heading">Developer Resources</h3><div class="text-block-26">Start building with Agora SDKs. Access guides, sample apps, SDK downloads, documentation, API reference, FAQs and more.</div><a href="https://docs.agora.io/en/introduction" target="_blank" class="button-primary-outline w-inline-block"><div class="rounded-circle-outline"><div class="original-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g>
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div><div class="slide-in slided-arrow w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  <g>
    <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/>
  </g>
</svg></div></div><div class="primary-btn-label-outline">Go to Docs</div></a></div></div></section><div class="w-layout-hflex footer-top"><div class="w-layout-blockcontainer footertop-wrapper w-container"><div class="social-icons"><a href="https://www.linkedin.com/company/agora-lab-inc/" target="_blank" class="link-block w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6612441d28401c6ad252d77a_linkedin.svg" loading="lazy" alt="LinkedIn icon" class="image-2"/></a><a href="https://x.com/AgoraIO" target="_blank" class="link-block w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6612441deb42e78d40b98c6b_twitter.svg" loading="lazy" alt="Twitter icon" class="image-2"/></a><a href="https://www.facebook.com/AgoraIO/" target="_blank" class="link-block w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6612441d844223b9c99eb7ef_facebook.svg" loading="lazy" alt="Meta icon" class="image-2"/></a><a href="https://www.instagram.com/agora.io/" target="_blank" class="link-block w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6612441e2a3c4a6f160da616_instagram.svg" loading="lazy" alt="Instagram icon" class="image-2"/></a><a href="https://www.youtube.com/channel/UCjPZukasIgWoB4HBHga5CGA" target="_blank" class="link-block w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6612441e36d2fcdf73af9669_youtube.svg" loading="lazy" alt="YouTube icon" class="image-2"/></a><a href="https://github.com/AgoraIO-Community" target="_blank" class="link-block w-inline-block"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6612441db03741d206485998_github.svg" loading="lazy" alt="Github icon" class="image-2"/></a></div><div class="w-layout-grid grid"><div class="footer-column"><div class="footer-heading">CONTACT</div><div class="company-information"><a href="tel:+14088795885" class="link-block-16 w-inline-block"><div class="dim-text contact-text">+1 408 879 5885</div></a><a href="/en/talk-to-us/" class="dim-text contact-text email-link footer-links-container">Contact Us</a><div class="dim-text contact-text">2804 Mission College Blvd. <br/>Santa Clara, CA, USA 95054</div></div></div><div class="footer-column"><div class="footer-heading">Why Agora</div><div class="footer-links-container"><a href="/en/the-agora-platform-advantage/" class="dim-text footer-links">Agora Advantage</a><a href="/en/products/" class="dim-text footer-links">Products</a><a href="/en/solutions/" class="dim-text footer-links">Solutions</a><a href="/en/partner-gallery/" class="dim-text footer-links">Partners</a><a href="/en/success-stories/" class="dim-text footer-links">Success Stories</a></div></div><div class="footer-column"><div class="footer-heading">Company</div><div class="footer-links-container"><a href="/en/about-us/" class="dim-text footer-links">About Us</a><a href="/en/blog/" class="dim-text footer-links">Blogs</a><a href="/en/compliance/" class="dim-text footer-links">Compliance &amp; Privacy</a><a href="/en/agora-management/" class="dim-text footer-links">Management</a><a href="/en/events/" class="dim-text footer-links">Events</a><a href="/en/careers/" class="dim-text footer-links">Careers</a><a href="/en/newsroom/" class="dim-text footer-links">Newsroom</a><a href="https://investor.agora.io/" class="dim-text footer-links">Investor Relations</a></div></div><div class="footer-column"><div class="footer-heading">GET STARTED</div><div class="footer-links-container"><a href="https://console.agora.io/" class="dim-text footer-links">Login</a><a href="/en/pricing/" class="dim-text footer-links">Pricing</a><a href="/en/support-plans/" class="dim-text footer-links">Support Plans</a><a href="https://sso.agora.io/en/signup" class="dim-text footer-links">Get Started</a><a href="https://docs.agora.io/en/introduction" class="dim-text footer-links">Documentation</a><a href="/en/talk-to-us/" class="dim-text footer-links">Talk to Us</a></div></div></div><div class="w-layout-blockcontainer container-22 w-container"><div class="footer-health-container"></div></div></div><div class="footer-links-container footerbottom-links"><a href="/en/privacy-policy/" class="dim-text footer-links">Privacy Policy</a><a href="/en/cookie-policy/" class="dim-text footer-links">Cookie Policy</a><a href="/en/terms-of-service/" class="dim-text footer-links">Terms of Service</a><a href="/en/acceptable-use-policy/" class="dim-text footer-links">Acceptable Use Policy</a><a href="/en/sitemap/" class="dim-text footer-links">Sitemap</a><a href="/en/trust-safety-with-agora/" class="dim-text footer-links">Report Abuse of Our Terms of Service</a><a href="#" class="dim-text footer-links cmp-revoke-consent">Manage My Cookies</a></div></div><div class="copyright"><div class="code-embed-15 w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="87" height="30" viewBox="0 0 87 30" fill="none">
  <path d="M48.6243 13.5371C47.6727 13.5381 46.7422 13.2568 45.9506 12.7288C45.1589 12.2009 44.5416 11.4499 44.1767 10.5711C43.8119 9.69219 43.716 8.72485 43.901 7.79143C44.0861 6.858 44.5438 6.00044 45.2163 5.32722C45.8889 4.654 46.746 4.19538 47.6792 4.00938C48.6124 3.82338 49.5799 3.91835 50.4591 4.28229C51.3384 4.64622 52.0899 5.26276 52.6187 6.05391C53.1475 6.84507 53.4297 7.77528 53.4297 8.72687C53.4284 10.0014 52.9219 11.2234 52.0211 12.1251C51.1204 13.0268 49.8989 13.5346 48.6243 13.5371ZM48.6243 0.00488281C46.8993 0.00488281 45.213 0.516418 43.7787 1.4748C42.3443 2.43319 41.2264 3.79537 40.5663 5.38911C39.9061 6.98284 39.7334 8.73654 40.0699 10.4284C40.4065 12.1203 41.2372 13.6745 42.457 14.8942C43.6767 16.114 45.2309 16.9447 46.9228 17.2813C48.6147 17.6178 50.3684 17.4451 51.9621 16.7849C53.5558 16.1248 54.918 15.0069 55.8764 13.5725C56.8348 12.1382 57.3463 10.4519 57.3463 8.72687C57.3424 6.41484 56.4223 4.19862 54.7874 2.56377C53.1526 0.928922 50.9364 0.00875664 48.6243 0.00488281Z" fill="white"/>
  <path d="M63.1148 2.25131L63.0074 2.35875L62.8902 2.47107L62.812 2.32944L62.7437 2.21224C62.4328 1.63594 61.9904 1.14104 61.4525 0.7677C60.9145 0.394362 60.2962 0.153098 59.6475 0.0634859L59.3203 0V17.4537L59.6475 17.4098C60.6496 17.2945 61.5726 16.8098 62.2364 16.0503C62.9001 15.2909 63.2569 14.3112 63.2369 13.3027V8.72687C63.2463 7.54041 63.6904 6.39857 64.4851 5.51751C65.2798 4.63644 66.3699 4.07729 67.5491 3.94589L67.8079 3.91659V0.00976707L67.4953 0.0439518C65.8209 0.261919 64.2706 1.04393 63.1002 2.26107" fill="white"/>
  <path d="M9.48882 13.542C8.53744 13.542 7.60742 13.2599 6.81637 12.7314C6.02532 12.2028 5.40878 11.4515 5.0447 10.5726C4.68062 9.6936 4.58536 8.72641 4.77097 7.79331C4.95657 6.86021 5.41471 6.0031 6.08744 5.33037C6.76017 4.65764 7.61728 4.19951 8.55038 4.0139C9.48348 3.8283 10.4507 3.92356 11.3296 4.28763C12.2086 4.65171 12.9599 5.26826 13.4884 6.0593C14.017 6.85035 14.2991 7.78037 14.2991 8.73175C14.2978 10.0071 13.7906 11.2299 12.8888 12.1317C11.9869 13.0335 10.7642 13.5407 9.48882 13.542ZM15.0902 1.72389L15.017 1.82156L14.9437 1.91923L14.8461 1.84597L14.7533 1.77272C13.6498 0.938988 12.3638 0.379626 11.0016 0.140797C9.63931 -0.098032 8.23978 -0.00948079 6.91848 0.399143C5.59719 0.807767 4.39201 1.52475 3.4024 2.49091C2.41279 3.45708 1.66714 4.64473 1.22696 5.95586C0.786792 7.26698 0.664726 8.66399 0.870839 10.0316C1.07695 11.3992 1.60534 12.6982 2.41238 13.8213C3.21943 14.9445 4.282 15.8596 5.51241 16.4912C6.74282 17.1228 8.10578 17.4527 9.48882 17.4537C11.3911 17.4592 13.2418 16.836 14.7533 15.681L14.8461 15.6126L14.9437 15.5345L15.017 15.6371L15.0902 15.7347C15.4193 16.1889 15.8369 16.5718 16.3178 16.8605C16.7986 17.1492 17.3329 17.3377 17.8885 17.4147L18.2108 17.4586V0.00488281L17.8885 0.0488346C17.3334 0.125468 16.7994 0.313316 16.3186 0.601133C15.8378 0.888951 15.42 1.27082 15.0902 1.72389Z" fill="white"/>
  <path d="M77.5056 13.542C76.5545 13.5411 75.6249 13.2581 74.8345 12.729C74.0441 12.1998 73.4283 11.4482 73.065 10.5692C72.7017 9.69014 72.6071 8.7231 72.7933 7.79032C72.9794 6.85754 73.4379 6.00089 74.1109 5.32865C74.7838 4.65641 75.6409 4.19876 76.5739 4.01355C77.5068 3.82834 78.4738 3.92388 79.3524 4.2881C80.2311 4.65232 80.9821 5.26887 81.5104 6.05981C82.0388 6.85075 82.3208 7.78058 82.3208 8.73175C82.3195 10.0071 81.8123 11.2299 80.9105 12.1317C80.0086 13.0335 78.7859 13.5407 77.5105 13.542M85.9053 0.0488337C85.3496 0.125923 84.8152 0.313932 84.3336 0.601686C83.8521 0.889441 83.4333 1.27107 83.1022 1.72388L83.0338 1.81667L82.9605 1.91923L82.8629 1.84597L82.7701 1.77272C81.6671 0.936199 80.381 0.374207 79.0178 0.133205C77.6547 -0.107798 76.2538 -0.0208891 74.9309 0.386746C73.608 0.794382 72.4012 1.51104 71.4101 2.47746C70.419 3.44389 69.6722 4.63233 69.2314 5.94454C68.7906 7.25674 68.6684 8.65503 68.875 10.0238C69.0817 11.3926 69.6111 12.6925 70.4196 13.8161C71.2281 14.9397 72.2924 15.8548 73.5246 16.4856C74.7567 17.1165 76.1214 17.445 77.5056 17.444C79.4079 17.4495 81.2586 16.8263 82.7701 15.6712L82.8629 15.6029L82.9605 15.5247L83.0338 15.6273L83.1022 15.725C83.4326 16.1789 83.8512 16.5616 84.3328 16.8502C84.8144 17.1388 85.3492 17.3275 85.9053 17.4049L86.2276 17.4489V0.00488197L85.9053 0.0488337Z" fill="white"/>
  <path d="M29.1815 3.91659C30.1327 3.91756 31.0622 4.2005 31.8526 4.72964C32.643 5.25879 33.2588 6.01039 33.6221 6.88944C33.9855 7.76848 34.08 8.73552 33.8939 9.6683C33.7077 10.6011 33.2492 11.4577 32.5763 12.13C31.9034 12.8022 31.0462 13.2599 30.1133 13.4451C29.1803 13.6303 28.2134 13.5347 27.3347 13.1705C26.456 12.8063 25.705 12.1897 25.1767 11.3988C24.6483 10.6079 24.3664 9.67804 24.3664 8.72687C24.367 8.09412 24.4923 7.4677 24.7352 6.88343C24.9781 6.29915 25.3338 5.76848 25.7819 5.32174C26.23 4.875 26.7617 4.52095 27.3467 4.27985C27.9317 4.03875 28.5585 3.91531 29.1913 3.91659M34.6364 15.5296C36.3517 14.1638 37.4882 12.2009 37.8187 10.0333C38.1492 7.86577 37.6493 5.65334 36.4189 3.83845C36.2968 3.65288 36.1601 3.47219 36.0185 3.29638C36.5231 2.9642 36.9507 2.52775 37.2725 2.01643C37.5943 1.5051 37.8028 0.930759 37.884 0.332079L37.9328 0.00488281H29.1473C27.3425 0.00881482 25.5835 0.57284 24.1129 1.61911C22.6423 2.66539 21.5327 4.14232 20.9373 5.84607C20.3419 7.54982 20.2899 9.39639 20.7887 11.1309C21.2874 12.8654 22.3123 14.4024 23.7217 15.5296C23.3471 15.8259 22.9976 16.1526 22.6767 16.5063L25.3333 19.4365C25.7565 18.8654 26.301 18.3952 26.9277 18.0597C27.5543 17.7243 28.2476 17.5318 28.9575 17.4963C29.6674 17.4608 30.3763 17.583 31.0334 17.8542C31.6904 18.1254 32.2791 18.5389 32.7573 19.0648C33.2354 19.5908 33.591 20.2162 33.7986 20.896C34.0061 21.5758 34.0605 22.2932 33.9576 22.9965C33.8548 23.6998 33.5974 24.3716 33.2039 24.9635C32.8104 25.5555 32.2906 26.0529 31.6819 26.4199L34.3434 29.35C35.4143 28.5554 36.2884 27.5255 36.8986 26.3398C37.5087 25.1541 37.8385 23.8441 37.8625 22.5109C37.8866 21.1776 37.6043 19.8566 37.0373 18.6496C36.4704 17.4426 35.634 16.3819 34.5925 15.5492" fill="white"/>
</svg></div><div class="text-block-59">Copyright © 2026 Agora    |    All rights reserved.</div></div><div class="w-embed w-script"><!-- <expertise-ai client="20a92e4f-d333-4558-805b-626b98880303">
</expertise-ai>
<script src="https://cdn.expertise.ai/genweb/ai-genweb.js" defer>
</script> --></div></section><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=660affa848e8af81bdd03909" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/js/agoras-website.schunk.36b8fb49256177c8.js" type="text/javascript" integrity="sha384-4abIlA5/v7XaW1HMXKBgnUuhnjBYJ/Z9C1OSg4OhmVw9O3QeHJ/qJqFBERCDPv7G" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/js/agoras-website.schunk.8c89f987d86c4b93.js" type="text/javascript" integrity="sha384-Lo2ZuJRCOXnzt2ypKL2Cv/RaNZPk/+3P8YHvEHFGp2CHmesOe2WmX4u6uAvWUB0y" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/js/agoras-website.a175ac6c.a5e30353835a9217.js" type="text/javascript" integrity="sha384-WKxDAPAA2NChcCHlrpDlcA0czRLMtGhRi4ZqsBuNG6RSG9hLrRAMwzPKFX+CPGOB" crossorigin="anonymous"></script><script defer src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<!-- <script defer src="https://awsmfl2.s3.amazonaws.com/ga4-triggers-min.js"></script>-->

<!-- Version check: auto-refresh once when a new version is published 
<script>
  const SITE_VERSION = "2025-08-14-2";

  (function () {
    const KEY = "SITE_VERSION";
    try {
      const oldV = localStorage.getItem(KEY);
      if (!oldV) {
        localStorage.setItem(KEY, SITE_VERSION);
        return;
      }
      if (oldV !== SITE_VERSION) {
        const url = new URL(window.location.href);
        url.searchParams.set('_v', SITE_VERSION);
        localStorage.setItem(KEY, SITE_VERSION);
        window.location.replace(url.toString());
      }
    } catch (e) {
      console.warn('Version check failed:', e);
    }
  })();
</script>
-->

<script defer>
  // Global Function
  function getCookie(cname) {
   var name = cname + "=";
   var decodedCookie = decodeURIComponent(document.cookie);
   var ca = decodedCookie.split(';');
   for(var i = 0; i <ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0) == ' ') {
     c = c.substring(1);
    }
    if (c.indexOf(name) == 0) {
     return c.substring(name.length, c.length);
    }
   }
   return "";
  }  

  function GetURLParameter(sParam)
  {   
    var sPageURL = storednew;
    var sURLVariables = sPageURL.split(',');
    for (var i = 0; i < sURLVariables.length; i++)
    {
      var sParameterName = sURLVariables[i].split(':');
      if (sParameterName[0] == sParam)
      {
        return sParameterName[1];
      }
    }
  }
</script>

<!-- Swiper -->
<script defer>
window.addEventListener("load", function () {

  if (!window.Swiper) {
    console.warn("Swiper not loaded");
    return;
  }

  const slider = document.querySelector(".swiper.is-team");
  if(!slider) return;

  new window.Swiper(slider, {
    loop: true,
    slidesPerView: 1.5,
    spaceBetween: 16,
    navigation: {
      nextEl: ".swiper-btn-next",
      prevEl: ".swiper-btn-prev"
    },
    breakpoints: {
      480: {
        slidesPerView: 3
      }
    }
  });

});
</script>

<script defer>
document.addEventListener("DOMContentLoaded", function() {
  
  

    // Select the last link in the footer links container
    var links = document.querySelectorAll('.footer-links-container.footerbottom-links a');
    if (links.length > 0) {
        var lastLink = links[links.length - 1];
        var span = document.createElement('span');
        
        // Copy the class and innerHTML from the link to the span
        span.className = lastLink.className;
        span.innerHTML = lastLink.innerHTML;
        
        // Replace the link with the span
        lastLink.parentNode.replaceChild(span, lastLink);
    }
});
</script>
  
<style>
#onetrust-accept-btn-handler {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
}

#onetrust-banner-sdk #onetrust-accept-btn-handler:hover {
    background-color: #099DFD !important;
    border-color: #099DFD !important;
    color: #ffffff !important;
}

</style>

<style>
.button.cmp-save-btn:hover, .cc-btn:hover, .cmp-save-btn:hover {
    background-color: #00C2FF !important;
    border: none !important;
    color: #ffffff !important;
                padding: 0 17px !important;
}
 
.cc-window.cc-floating {
    max-width: 38em !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk {
display: none !important;
}
.cmp-revoke-consent {
    bottom: 10px !important;
    position: relative !important;
    padding: 10px 0px 10px 0px !important;
}             
               
 .cmp-revoke-consent {
    color: #84888b !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    position: relative !important;
}  
 
 .cmp-revoke-consent:hover {
    color: #dee2e5 !important;
    text-decoration: underline !important;
}

  .cmp-modal h2 {
  	font-weight: 600 !important;
    margin-bottom: 8px !important;
  }
.cmp-modal p, .cmp-modal span {
	font-family: Jokker !important;
  	font-weight: 400 !important;
	font-size: 14px !important;
  	line-height: 1.5 !important;
}
</style>


<!-- Fetches GitHub stars for TEN Framework (Meher) -->
<script>
  async function getGitHubStarCount(owner, repo) {
    const url = `https://api.github.com/repos/${owner}/${repo}`;

    try {
      const response = await fetch(url);
      if (!response.ok) {
        throw new Error(`GitHub API error: ${response.status}`);
      }

      const data = await response.json();
      const starCount = data.stargazers_count.toLocaleString(); // Add commas

      const element = document.getElementById('github-stars-ten-framework');
      if (element) {
        element.textContent = `☆ ${starCount}`;
      }
    } catch (error) {
      console.error('Error fetching GitHub stars:', error.message);
    }
  }

  // Call the function after the page loads
  document.addEventListener("DOMContentLoaded", function() {
    getGitHubStarCount('TEN-framework', 'ten-framework');
  });
</script>

<script>
  async function fetchGitHubStars(owner, repo) {
    const url = `https://api.github.com/repos/${owner}/${repo}`;

    try {
      const response = await fetch(url);
      if (!response.ok) {
        throw new Error(`GitHub API error: ${response.status}`);
      }

      const data = await response.json();
      const starCount = data.stargazers_count.toLocaleString(); // Add commas

      const element = document.querySelector('[data-stars]');
      if (element) {
        element.textContent = `☆ ${starCount}`;
      }
    } catch (error) {
      console.error('Error fetching GitHub stars:', error.message);
    }
  }

  document.addEventListener("DOMContentLoaded", function () {
    fetchGitHubStars('TEN-framework', 'ten-framework');
  });
</script>

<script>
/**
 * Footer Health Indicator
 * Fetches system health status from Agora status API and displays it in the footer
 */

class FooterHealthIndicator {
  constructor() {
    this.apiUrl = 'https://status.agora.io/api/v1/products/current-status';
    this.statusPageUrl = 'https://status.agora.io/';
    this.supportUrl = 'https://agoraio.zendesk.com/hc/en-us/requests/new';
    this.cacheDuration = 60000; // Cache for 60 seconds
    this.lastFetchTime = 0;
    this.cachedStatus = null;
    this.indicatorElement = null;
    this.tooltipElement = null;
    this.hideTooltipTimeout = null;
  }

  /**
   * Initialize the health indicator
   */
  init() {
    // Wait for DOM to be ready
    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', () => this.setup());
    } else {
      this.setup();
    }
  }

  /**
   * Setup the indicator UI
   */
  setup() {
    // Find or create footer element
    const footer = document.querySelector('.footer-health-container');
    if (!footer) {
      console.warn('Footer element not found');
      return;
    }

    // Create indicator container
    this.indicatorElement = this.createIndicatorElement();
    
    // Create tooltip element
    this.tooltipElement = this.createTooltipElement();
    
    // Insert into footer
    footer.appendChild(this.indicatorElement);
    document.body.appendChild(this.tooltipElement);

    // Attach event listeners
    this.indicatorElement.addEventListener('mouseenter', () => this.showTooltip());
    this.indicatorElement.addEventListener('mouseleave', () => this.scheduleHideTooltip());
    this.tooltipElement.addEventListener('mouseenter', () => this.showTooltip());
    this.tooltipElement.addEventListener('mouseleave', () => this.scheduleHideTooltip());

    // Fetch and display status
    this.fetchAndDisplayStatus();

    // Refresh status every 5 minutes
    setInterval(() => this.fetchAndDisplayStatus(), 300000);
  }

  /**
   * Create the indicator DOM element
   */
  createIndicatorElement() {
    const container = document.createElement('div');
    container.className = 'agora-health-indicator';
    container.innerHTML = `
      <div class="agora-health-indicator__content">
        <span class="agora-health-indicator__dot"></span>
        <span class="agora-health-indicator__text">Checking status...</span>
      </div>
    `;
    return container;
  }

  /**
   * Create the tooltip DOM element
   */
  createTooltipElement() {
    const tooltip = document.createElement('div');
    tooltip.className = 'agora-health-tooltip';
    tooltip.innerHTML = `
      <div class="agora-health-tooltip__content">
        <p class="agora-health-tooltip__title">Service Status</p>
        <p class="agora-health-tooltip__message">
          View <a href="${this.statusPageUrl}" target="_blank" rel="noopener noreferrer">Status Page</a> to see details. If you need any assistance, please <a href="${this.supportUrl}" target="_blank" rel="noopener noreferrer">contact our support</a>.
        </p>
      </div>
    `;
    return tooltip;
  }

  /**
   * Fetch health status from API with caching
   */
  async fetchHealthStatus() {
    const now = Date.now();

    // Return cached status if available
    if (this.cachedStatus && (now - this.lastFetchTime) < this.cacheDuration) {
      return this.cachedStatus;
    }

    try {
      const response = await fetch(this.apiUrl, {
        method: 'GET',
        headers: {
          'Content-Type': 'application/json',
        },
      });

      if (!response.ok) {
        throw new Error(`API error: ${response.status}`);
      }

      const data = await response.json();
      this.lastFetchTime = now;
      this.cachedStatus = this.evaluateStatus(data);
      return this.cachedStatus;
    } catch (error) {
      console.warn('Failed to fetch health status:', error);
      // Return error state to hide indicator
      return {
        isHealthy: true,
        status: 'error',
        message: 'Error fetching status',
      };
    }
  }

  /**
   * Evaluate the API response to determine overall system status
   * @param {Array} data - API response data
   * @returns {Object} Status object with isHealthy flag and message
   */
  evaluateStatus(data) {
    if (!Array.isArray(data)) {
      return {
        isHealthy: true,
        status: 'unknown',
        message: 'Invalid response format',
      };
    }

    // Check if any product or metric has a non-zero status
    const hasIssues = data.some(product => {
      // Check product status
      if (product.current_status !== 0) {
        return true;
      }

      // Check children metrics
      if (Array.isArray(product.childrens)) {
        return product.childrens.some(metric => metric.current_status !== 0);
      }

      return false;
    });

    if (hasIssues) {
      return {
        isHealthy: false,
        status: 'partial',
        message: 'Partial service disruption',
      };
    }

    return {
      isHealthy: true,
      status: 'operational',
      message: 'All systems operational',
    };
  }

  /**
   * Fetch status and update the UI
   */
  async fetchAndDisplayStatus() {
    const status = await this.fetchHealthStatus();
    this.updateIndicatorUI(status);
  }

  /**
   * Update the indicator UI based on status
   */
  updateIndicatorUI(status) {
    if (!this.indicatorElement) return;

    // Hide indicator if API error
    if (status.status === 'error') {
      this.indicatorElement.style.display = 'none';
      return;
    }

    // Show indicator if previously hidden
    this.indicatorElement.style.display = 'inline-flex';

    const textElement = this.indicatorElement.querySelector('.agora-health-indicator__text');
    const dotElement = this.indicatorElement.querySelector('.agora-health-indicator__dot');

    if (status.isHealthy) {
      this.indicatorElement.classList.remove('agora-health-indicator--disruption');
      this.indicatorElement.classList.add('agora-health-indicator--operational');
      dotElement.className = 'agora-health-indicator__dot agora-health-indicator__dot--green';
      textElement.textContent = status.message;
    } else {
      this.indicatorElement.classList.remove('agora-health-indicator--operational');
      this.indicatorElement.classList.add('agora-health-indicator--disruption');
      dotElement.className = 'agora-health-indicator__dot agora-health-indicator__dot--yellow';
      textElement.textContent = status.message;
    }
  }

  /**
   * Show tooltip (only for disruption status)
   */
  showTooltip() {
    if (!this.tooltipElement) return;

    // Cancel any pending hide operation
    if (this.hideTooltipTimeout) {
      clearTimeout(this.hideTooltipTimeout);
      this.hideTooltipTimeout = null;
    }

    const isDisruption = this.indicatorElement.classList.contains('agora-health-indicator--disruption');
    if (!isDisruption) return;

    const rect = this.indicatorElement.getBoundingClientRect();
    const tooltipHeight = this.tooltipElement.offsetHeight || 120;
    const tooltipWidth = this.tooltipElement.offsetWidth || 350;
    
    // Position tooltip above the indicator with overlap
    // Overlap by 5px to allow seamless mouse movement
    let top = rect.top - tooltipHeight + 5;
    let left = rect.left - (tooltipWidth - rect.width) / 2;
    
    // Ensure tooltip stays within viewport
    if (top < 10) {
      top = rect.bottom - 5; // Show below with overlap if not enough space above
    }
    
    if (left < 10) {
      left = 10;
    } else if (left + tooltipWidth > window.innerWidth) {
      left = window.innerWidth - tooltipWidth - 10;
    }
    
    this.tooltipElement.style.display = 'block';
    this.tooltipElement.style.opacity = '1';
    this.tooltipElement.style.top = `${top}px`;
    this.tooltipElement.style.left = `${left}px`;
  }

  /**
   * Schedule tooltip hide with delay
   */
  scheduleHideTooltip() {
    // Clear any existing timeout
    if (this.hideTooltipTimeout) {
      clearTimeout(this.hideTooltipTimeout);
    }

    // Schedule hide after 300ms delay
    this.hideTooltipTimeout = setTimeout(() => {
      this.hideTooltip();
    }, 300);
  }

  /**
   * Hide tooltip
   */
  hideTooltip() {
    if (!this.tooltipElement) return;
    this.tooltipElement.style.opacity = '0';
    setTimeout(() => {
      if (this.tooltipElement.style.opacity === '0') {
        this.tooltipElement.style.display = 'none';
      }
    }, 200);
  }
}

// Auto-initialize when script loads
const healthIndicator = new FooterHealthIndicator();
healthIndicator.init();

</script>

<script>
document.addEventListener("DOMContentLoaded", function () {

  const closeBtn = document.querySelector(".banner-close");
  const bannerWrapper = document.querySelector(".banner-wrapper");

  if (closeBtn && bannerWrapper) {
    closeBtn.addEventListener("click", function () {
      bannerWrapper.style.display = "none";
    });
  }

});
</script>

<script>
// Smooth hide/show on scroll without flicker
const alertBar = document.querySelector(".alert-bar")  // adjust selector

let lastY = window.scrollY;
let moved = 0;           // accumulated movement in current direction
let ticking = false;
let isHidden = false;
  
function getMoveOffset() {
  const isMobileWidth = window.matchMedia("(max-width: 767px)").matches;
  const isCoarsePointer = window.matchMedia("(pointer: coarse)").matches;
  const uaMobile = /Mobi|Android|iPhone|iPad|iPod|Windows Phone/i.test(navigator.userAgent);
  const isMobile = isMobileWidth || isCoarsePointer || uaMobile;
  return isMobile ? 100 : 60;
}

// Larger offset so tiny jumps from layout change won't toggle immediately.
let MOVE_OFFSET = getMoveOffset(); // increase/decrease based on UX
const TOP_LOCK = 5;   // always show when near top

function debounce(fn, wait = 200) {
  let t;
  return (...args) => {
    clearTimeout(t);
    t = setTimeout(() => fn(...args), wait);
  };
}
  
window.addEventListener("resize", debounce(() => {
  MOVE_OFFSET = getMoveOffset();
}, 200), { passive: true });
  
function hideBar() {
  if (isHidden) return;
  alertBar.style.display = "none";
  isHidden = true;
}

function showBar() {
  if (!isHidden) return;
  alertBar.style.display = "block";
  isHidden = false;
}

function handleScroll() {
  const currentY = window.scrollY;
  const delta = currentY - lastY; // >0 down, <0 up
  lastY = currentY;

  // ignore tiny jitter
  if (Math.abs(delta) < 1) {
    ticking = false;
    return;
  }
  
// Near top: always visible and reset accumulator
 if (currentY <= TOP_LOCK) {
 	showBar();
   moved = 0;
	ticking = false;
	return;
  }


  // reset accumulation when direction changes
  if ((moved > 0 && delta < 0) || (moved < 0 && delta > 0)) {
    moved = 0;
  }
  moved += delta;

  // 1) scroll down => hide
  if (!isHidden && moved >= MOVE_OFFSET) {
    hideBar();
    moved = 0;
  }

  // 2) scroll up => show
  if (isHidden && moved <= -MOVE_OFFSET) {
    showBar();
    moved = 0;
  }

  ticking = false;
}
  
if(alertBar) {

window.addEventListener(
 "scroll",
  () => {
    if (!ticking) {
      ticking = true;
      requestAnimationFrame(handleScroll);
    }
  },
  { passive: true }
);
}
</script>

<!-- Links Behaviour Overrides 
<script async>
document.addEventListener('DOMContentLoaded', () => {
  const anchors = document.querySelectorAll('a');
  
  anchors.forEach((anchor) => {
    let href = anchor.getAttribute('href');
    
    if(!href || !anchor) return;

    const isInternal =
      href.startsWith('#')||
      href.startsWith('?') ||
	  href.startsWith('/') ||
      href.includes(window.location.hostname) ||
      href.startsWith(`https://${window.location.hostname}`);

    if (isInternal) {
      anchor.setAttribute('target', '_self');
      if (!href || href.startsWith('#')) return;
      if (!href.endsWith('/')) {
        href += '/';
        anchor.setAttribute('href', href);
      }
    } else {
      anchor.setAttribute('target', '_blank');
    }
  });
});
</script>
-->

<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollTrigger.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollToPlugin.min.js"></script>

<script>
  var Webflow = Webflow || [];

  function registerOnboardingAnimation() {
    gsap.registerPlugin(ScrollTrigger, ScrollToPlugin);

    let tl = gsap.timeline();

    const sc = ScrollTrigger.create({
      //trigger: ".scroll-cards",
      trigger: '.sticky-tabs-container',
      animation: tl,
      pin: true,
      scrub: 1,
      pinSpacing: true,
      // start: "left-=120px left",
      start: 'top-=10 top',
      end: '+=400',
      markers: false
    });

    tl.to('.scroll-card', {
      z: 0,
      y: 0,
      scale(a, b) {
        return 1;
      },
      onUpdate(data, a, b) {
        const tabs = Array.from(document.querySelectorAll('.sticky-tabs .sticky-tab'));
        const current = document.querySelector('.sticky-tabs .current-sticky-tab');
        current.classList.remove('current-sticky-tab');

        // Set Tab State
        const progress = tl.progress();
        const activeTab = progress >= 0.66 ? tabs[2] : progress >= 0.33 ? tabs[1] : tabs[0];
        activeTab.classList.add('current-sticky-tab');

        if (tl.progress() >= 0.33) {
          document.querySelector('.scroll-card3').style.opacity = 0;
        }

        if (tl.progress() < 0.33) {
          document.querySelector('.scroll-card3').style.opacity = 1;
        }

        if (tl.progress() >= 0.66) {
          document.querySelector('.scroll-card2').style.opacity = 0;
        }
        if (tl.progress() < 0.66) {
          document.querySelector('.scroll-card2').style.opacity = 1;
        }
      }
    });

    document.querySelectorAll('.sticky-tabs .sticky-tab').forEach((el, index) => {
      el.onclick = function (e) {
        e.preventDefault();
        const progress = index * 0.33;
        tl.progress(progress);
        sc.scroll(sc.start + progress * (sc.end - sc.start));
      };
    });
  }

  // Fixed tab scroll animation
  //registerOnboardingAnimation()

  /** Auto Switch Tabs */
  /*
    Webflow.push(function () {
      // start everything
      window.tabInterval = undefined;
      clearInterval(window.tabInterval);

      const observer = new window.IntersectionObserver(([entry]) => {
        if(entry.isIntersecting){
  			$('.tabs-menu').children('.w--current').addClass("animate-border")
          tabLoop();
           // reset timeout if a tab is clicked
          // $('.w-tab-link').click(handleTabClick);
        }
        else{
          clearInterval(window.tabInterval)
  			$(".animate-border").removeClass("animate-border");
          //$('.w-tab-link').off('click', handleTabClick);
          }
      }, {root: null, threshold: 0})
      observer.observe(document.querySelector(".services .tabs"))

      function tabLoop() {
        window.tabInterval = setInterval(function() {
            var $next = $('.tabs-menu').children('.w--current:first').next();

            //let focusInput = $('input:focus') //select input that is focused before click
            if($next.length) {
               $next.click();
            } else {
                $('.w-tab-link:first').click();
            }
        }, 4000);  // 5 second tab loop
    }

    // reset timeout if a tab is clicked
    $('.w-tab-link').click(function() {
        clearInterval(window.tabInterval);
        //clearTimeout(tabInterval);
        $(".animate-border").removeClass("animate-border");
  	  $(this).addClass("animate-border")
        tabLoop();
     });
     */
</script>
</body></html>