Netherlands · Amsterdam Completed: Apr 21, 2026 18:44 UTCMobile 375 × 812
Desktop 1440 × 900
Score: 72 / 100
Based on 8 categories, 0 sections
Room to improve — your 7.0s load time is above Google's 2.5s 'Good' threshold.
Several missing protections leave your users and data exposed.
Several issues make your site difficult for assistive technology users.
Well-optimized for search — your content is discoverable.
Good server performance with room for optimization.
Strong compliance posture across regulations.
Good content signals with minor gaps.
Heavier than average — reducing page weight saves energy and bandwidth.
The overall score is a weighted average of individual category scores. Categories with more impact on user experience and security carry more weight.
Weights reflect general web best practices. Individual needs may differ.
Content-Security-Policy header is missing
Security gaps expose your site and users to attacks, eroding trust.
HSTS header is missing
Security gaps expose your site and users to attacks, eroding trust.
No Content-Security-Policy header found
Security gaps expose your site and users to attacks, eroding trust.
Page weighs 16.4 MB (9.9 MB transferred)
Performance issues directly impact user engagement and conversion rates.
10 link(s) with no accessible text
Accessibility issues exclude users with disabilities — up to 15% of your potential audience.
High impact, low effort — start here.
High impact, requires investment.
Small gains, minimal effort.
Nothing in this quadrant — good news.
Low impact, high effort — do last.
Nothing in this quadrant — good news.
[](https://beavercheck.com/results/5c926b28-f85e-4568-ac82-0a722db586ad)<a href="https://beavercheck.com/results/5c926b28-f85e-4568-ac82-0a722db586ad"><img src="https://beavercheck.com/badge?url=https%3A%2F%2Fagora.io" alt="BeaverCheck Score"></a>https://beavercheck.com/badge?url=https%3A%2F%2Fagora.ioThis badge auto-updates with your latest scan result.
Your site performs reasonably well, but a few targeted fixes could meaningfully improve results. Your LCP of 7.0s exceeds Google's 2.5s 'Good' threshold and the 1 performance issue below directly contributes to it. Accessibility issues exclude users who rely on assistive technology — an estimated 15% of your potential audience. Addressing the critical issues below would have the most immediate impact on your user trust.
9 barrier(s) likely increasing bounce by ~32%.
Page takes 7.0s to load
+12% bounceUsers abandon at ~3s — you're 4.5s over the 2.5s threshold
Fix: Optimize render-blocking resources, preload the hero image, and compress images
Page feels frozen for 4.8s
+5% bounceClicks on the primary CTA are ignored while JavaScript runs
Fix: Break up long tasks; defer non-critical JavaScript to post-hydration
No HSTS header
+1% bounceReturning visitors are briefly exposed to downgrade attacks on first request
Fix: Set Strict-Transport-Security: max-age=31536000; includeSubDomains
No Content-Security-Policy header
+1% bounceHigher XSS blast radius — one compromised script can exfiltrate the checkout form
Fix: Ship a reporting-only CSP first, then enforce once violations are clean
No structured data
+2% bounceNo rich-result eligibility in Google — lower SERP CTR vs competitors with stars and prices
Fix: Add JSON-LD for your page type (Product, Article, FAQPage, LocalBusiness, …)
Content is hard to read
+2% bounceGraduate-level reading difficulty — limits the addressable audience for product or blog pages
Fix: Shorten sentences; replace jargon with plain language; target Flesch ease ≥60
10 link(s) with generic text ("click here", "read more")
+1% bounceScreen-reader users navigating by link list see no context — and search engines can't infer relevance
Fix: Rewrite with descriptive phrases that identify the destination
No skip-to-content link
+1% bounceKeyboard and screen-reader users must tab through the entire header on every page
Fix: Add a visible-on-focus <a href="#main">Skip to content</a> as the first focusable element
3 broken link(s) on the page
+5% bounceClicks land on 404s — trust drops and the session often ends
Fix: Fix or remove the broken destinations surfaced on the Content tab
Preliminary CRO audit — each barrier links to the tab with detailed analysis.
$500 investment → $5,272/month returns + USD 157,500 risk avoided
$500
5h · 5 findings
$5,272 /mo
~$63,266 / year
USD 157,500
if kept compliant
$150 — in quick wins — start here for the fastest payback
Figures combine localized regulatory fine ceilings, search/conversion value priced against local CPC, and bandwidth waste estimates. Results depend on implementation quality and audience composition. Not legal or financial advice.
5.0 developer hours at $100/hr
Based on United States rates ($100/hr)
Start here for the best return on investment
$13,127 / month at risk
~$157,530 / year if left unfixed
$157,500
+5 more
$2.49 /mo
31159.8 MB/mo × 0.080 USD/GB
Compliance figures represent the statutory maximum fine for the most severe triggered category, capped per regulation — not the sum of per-finding penalties. Based on published regulatory fine ranges. This is not legal advice.
Unique monthly visitors from your analytics
Purchases, signups, or key actions
Optional — for revenue estimation
more engaged visitors from reduced bounce
Fix 5 critical issues to capture this value
Based on Google/Deloitte research ("Milliseconds Make Millions") showing a ~7% bounce rate increase per additional second of LCP above the 2.5s "Good" threshold.
Your site's LCP: → estimated after fixes.
These are estimates based on industry research — actual results vary
Your data stays in your browser — nothing is sent to our servers
Thanks for your feedback!
We'll use a cached audit if available, or offer to scan.
Industry-standard audits powered by Google Lighthouse.
Key metrics that affect user experience.
First Contentful Paint First Contentful Paint — how long until the browser renders the first piece of content. Under 1.8s is good.
4.31 s
Largest Contentful Paint Largest Contentful Paint — how long until the largest visible element loads. Under 2.5s is good.
7.00 s
Total Blocking Time Total Blocking Time — total time the main thread was blocked, preventing user input. Under 200ms is good.
4.76 s
Cumulative Layout Shift Cumulative Layout Shift — measures visual stability. How much the page layout shifts during loading. Under 0.1 is good.
0.005
Speed Index Speed Index — how quickly content is visually displayed during load. Under 3.4s is good.
7.95 s
Time to Interactive Time to Interactive — how long until the page is fully interactive and responds to user input. Under 3.8s is good.
36.22 s
Audit breakdown by category with detailed findings.
Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity.
Performance issues directly impact user engagement and conversion rates.
Polyfills and transforms enable older browsers to use new JavaScript features. However, many aren't necessary for modern browsers. Consider modifying your JavaScript build process to not transpile Baseline features, unless you know you must support older browsers. Learn why most sites can deploy ES6+ code without transpiling
Shipping ES5 transpiled code to modern browsers wastes bytes — every user with an evergreen browser pays for compatibility you don't need.
Most users today run browsers that natively support ES6+, async/await, optional chaining, and the rest of modern JavaScript. Transpiling to ES5 'just in case' adds 20-40% to your bundle for no benefit. Configure your build to target a modern browserslist, or ship a differential bundle pair (modern + legacy) with the module/nomodule pattern.
Source: Google web.dev / Lighthouse
3rd party code can significantly impact load performance. Reduce and defer loading of 3rd party code to prioritize your page's content.
Performance issues directly impact user engagement and conversion rates.
Your first network request is the most important. Reduce its latency by avoiding redirects, ensuring a fast server response, and enabling text compression.
Performance issues directly impact user engagement and conversion rates.
Consider setting font-display to swap or optional to ensure text is consistently visible. swap can be further optimized to mitigate layout shifts with font metric overrides.
Performance issues directly impact user engagement and conversion rates.
A forced reflow occurs when JavaScript queries geometric properties (such as offsetWidth) after styles have been invalidated by a change to the DOM state. This can result in poor performance. Learn more about forced reflows and possible mitigations.
Performance issues directly impact user engagement and conversion rates.
Avoid chaining critical requests by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load.
Performance issues directly impact user engagement and conversion rates.
Requests are blocking the page's initial render, which may delay LCP. Deferring or inlining can move these network requests out of the critical path.
Performance issues directly impact user engagement and conversion rates.
| URL | Transfer Size | Duration |
|---|---|---|
| /660affa848e8af81bdd03909/css/agoras-website.shared.0f349... | 107.8 KiB | 1.4 s |
| cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css | 5.4 KiB | 766 ms |
| ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js | 5.9 KiB | 753 ms |
A long cache lifetime can speed up repeat visits to your page. Learn more about caching.
Performance issues directly impact user engagement and conversion rates.
Reducing the download time of images can improve the perceived load time of the page and LCP. Learn more about optimizing image size
Performance issues directly impact user engagement and conversion rates.
| URL | Resource Size | Est Savings | |
|---|---|---|---|
Live Avatars
Bring your agent to life with realistic virtual avatars, perfectly… div.div-block-46 > section.features > div#w-node-da433960-a291-c9e8-f071-fcb4eb6e985f-eb6e983f > div#w-node-da433960-a291-c9e8-f071-fcb4eb6e987b-eb6e983f | /660affa848e8af81bdd03909/69336dc24a5d9b9b2d94e797_34d420... | 1.3 MiB | 1.0 MiB |
Voice AI Agents with Any LLM
Integrate any LLM or existing AI agent with your c… div.div-block-46 > section.features > div#w-node-da433960-a291-c9e8-f071-fcb4eb6e985f-eb6e983f > div#w-node-da433960-a291-c9e8-f071-fcb4eb6e9860-eb6e983f | /660affa848e8af81bdd03909/69336c1bc4c5d2c951a99150_3ef1ea... | 1.0 MiB | 746.7 KiB |
Complete Multi-Platform Solution
Voice, Video, and Chat, built for human-to-hum… section.features > div#w-node-da433960-a291-c9e8-f071-fcb4eb6e985f-eb6e983f > div#w-node-da433960-a291-c9e8-f071-fcb4eb6e9887-eb6e983f > div.w-layout-vflex | /660affa848e8af81bdd03909/6971ee0e20d9cbd0ce90ae48_hey-im... | 535.0 KiB | 56.5 KiB |
div#w-node-da433960-a291-c9e8-f071-fcb4eb6e988e-eb6e983f > div.w-layout-hflex > div.w-layout-hflex > img.image-79 div#w-node-da433960-a291-c9e8-f071-fcb4eb6e988e-eb6e983f > div.w-layout-hflex > div.w-layout-hflex > img.image-79 | /660affa848e8af81bdd03909/695f69429999735acd087347_Enterp... | 17.5 KiB | 16.7 KiB |
These insights are also available in the Chrome DevTools Performance Panel - record a trace to view more detailed information.
Time to Interactive is the amount of time it takes for the page to become fully interactive. Learn more about the Time to Interactive metric.
Performance issues directly impact user engagement and conversion rates.
Redirects introduce additional delays before the page can be loaded. Learn how to avoid page redirects.
Performance issues directly impact user engagement and conversion rates.
| URL | Time Spent |
|---|---|
| agora.io/ | 1.2 s |
| www.agora.io/ | 786 ms |
| www.agora.io/en/ | 0.0 ms |
The maximum potential First Input Delay that your users could experience is the duration of the longest task. Learn more about the Maximum Potential First Input Delay metric.
Performance issues directly impact user engagement and conversion rates.
Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes consumed by network activity. Learn how to reduce unused CSS.
Performance issues directly impact user engagement and conversion rates.
| URL | Transfer Size | Est Savings |
|---|---|---|
| /660affa848e8af81bdd03909/css/agoras-website.shared.0f349... | 107.2 KiB | 97.8 KiB |
| pre code.hljs { display: block; overflow-x: auto; padding: 1em } … | 25.8 KiB | 25.2 KiB |
| cdn-prod.securiti.ai/consent/cookie-consent-latest.css | 10.9 KiB | 10.3 KiB |
Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to reduce Javascript execution time.
Performance issues directly impact user engagement and conversion rates.
Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to minimize main-thread work
Performance issues directly impact user engagement and conversion rates.
| Category | Time Spent |
|---|---|
| Other | 15.3 s |
| Script Evaluation | 13.0 s |
| Style & Layout | 2.9 s |
| Script Parsing & Compilation | 1.2 s |
| Rendering | 860 ms |
| Garbage Collection | 469 ms |
| Parse HTML & CSS | 371 ms |
Many navigations are performed by going back to a previous page, or forwards again. The back/forward cache (bfcache) can speed up these return navigations. Learn more about the bfcache
Performance issues directly impact user engagement and conversion rates.
| Failure reason | Failure type |
|---|---|
| The page has an unload handler in a sub frame. | Actionable |
Minifying CSS files can reduce network payload sizes. Learn how to minify CSS.
Performance issues directly impact user engagement and conversion rates.
| URL | Transfer Size | Est Savings |
|---|---|---|
| pre code.hljs { display: block; overflow-x: auto; padding: 1em } … | 25.8 KiB | 5.3 KiB |
Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. Learn how to reduce unused JavaScript.
Multi-megabyte JavaScript bundles delay every interactive feature on the page.
This is the Lighthouse audit fired when too much JS is shipped relative to what executes. The fix isn't a config flag — it requires bundle analysis (webpack-bundle-analyzer, rollup-plugin-visualizer), splitting routes into chunks, lazy-loading off-screen components, and removing unused dependencies. Fundamentally different from minification: minifying reduces byte count, this reduces what's downloaded at all.
Source: Google web.dev / Lighthouse
| URL | Transfer Size | Est Savings |
|---|---|---|
| cdn.expertise.ai/genweb/widget-DWaMbxpj.js | 277.2 KiB | 165.5 KiB |
| www.googletagmanager.com/gtag/js?id=AW-11492041022 | 144.4 KiB | 105.8 KiB |
| cdn-prod.securiti.ai/consent/cookie-consent-sdk-latest.js | 113.5 KiB | 86.1 KiB |
| www.googletagmanager.com/gtag/destination?id=AW-11082326744&cx=c>m=4e64h1 | 137.7 KiB | 66.5 KiB |
| www.googletagmanager.com/gtag/js?id=G-9NJYDCNH13&cx=c>m=4e64h1 | 170.2 KiB | 64.6 KiB |
| www.googletagmanager.com/gtm.js?id=GTM-TKTWGML | 185.0 KiB | 63.6 KiB |
| www.googletagmanager.com/gtag/js?id=AW-11492041022 | 144.4 KiB | 58.7 KiB |
| cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js | 43.1 KiB | 41.9 KiB |
| cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js | 43.1 KiB | 41.9 KiB |
| cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js | 43.1 KiB | 41.9 KiB |
| connect.facebook.net/en_US/fbevents.js | 96.5 KiB | 33.3 KiB |
| us-assets.i.posthog.com/static/surveys.js?v=1.345.5 | 31.9 KiB | 25.5 KiB |
Large network payloads cost users real money and are highly correlated with long load times. Learn how to reduce payload sizes.
Performance issues directly impact user engagement and conversion rates.
Set an explicit width and height on image elements to reduce layout shifts and improve CLS. Learn how to set image dimensions
Performance issues directly impact user engagement and conversion rates.
| URL | |
|---|---|
div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/671fe44a8d1a289ebfd78404_logo_w... |
div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/671fe44a8d1a289ebfd78404_logo_w... |
The Sandbox logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/665ff44774b128faaee22ff2_The_Sa... |
The Sandbox logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/665ff44774b128faaee22ff2_The_Sa... |
Vimeo logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/665ff447e62ce6612ef7889b_Vimeo-... |
Vimeo logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/665ff447e62ce6612ef7889b_Vimeo-... |
gabb logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/665ff447cbf01b7af0dce8b3_Gabb-l... |
gabb logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/665ff447cbf01b7af0dce8b3_Gabb-l... |
EducationFirst logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/665ff678e2448efa282fe17f_Vector... |
EducationFirst logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/665ff678e2448efa282fe17f_Vector... |
Vive logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/66156c4f082e99231aa5c5d9_vive.svg |
Vive logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/66156c4f082e99231aa5c5d9_vive.svg |
TalkSpace logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/66a9d88204b225d1e1b3228d_TalkSp... |
TalkSpace logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/66a9d88204b225d1e1b3228d_TalkSp... |
Unity logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.last-slider-item | /660affa848e8af81bdd03909/66156c4f0efda7a2359dc1cc_unity_... |
Unity logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.last-slider-item | /660affa848e8af81bdd03909/66156c4f0efda7a2359dc1cc_unity_... |
div.div-block-209-2 > div.div-block-210 > div.div-block-212 > img.image-109358 div.div-block-209-2 > div.div-block-210 > div.div-block-212 > img.image-109358 | /660affa848e8af81bdd03909/69338451375372fc3a53ad4e_bolt_i... |
div.div-block-209-2 > div.div-block-210 > div.div-block-212 > img.image-109359 div.div-block-209-2 > div.div-block-210 > div.div-block-212 > img.image-109359 | /660affa848e8af81bdd03909/693386012d4c1674fe115730_globe_... |
div.div-block-209-2 > div.div-block-210 > div.div-block-212 > img.image-109360 div.div-block-209-2 > div.div-block-210 > div.div-block-212 > img.image-109360 | /660affa848e8af81bdd03909/69338686aeec745126e9f3ae_circle... |
More information about the performance of your application. These numbers don't directly affect the Performance score.
These checks highlight opportunities to improve the accessibility of your web app. Automatic detection can only detect a subset of issues and does not guarantee the accessibility of your web app, so manual testing is also encouraged.
Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
All systems operational div.footer-health-container > div.agora-health-indicator > div.agora-health-indicator__content > span.agora-health-indicator__text |
These are opportunities to improve the legibility of your content.
Image display dimensions should match natural aspect ratio. Learn more about image aspect ratio.
Performance issues directly impact user engagement and conversion rates.
| URL | Aspect Ratio (Displayed) | Aspect Ratio (Actual) | |
|---|---|---|---|
div#w-node-da433960-a291-c9e8-f071-fcb4eb6e988e-eb6e983f > div.w-layout-hflex > div.w-layout-hflex > img.image-79 div#w-node-da433960-a291-c9e8-f071-fcb4eb6e988e-eb6e983f > div.w-layout-hflex > div.w-layout-hflex > img.image-79 | /660affa848e8af81bdd03909/695f69429999735acd087347_Enterp... | 100 x 60 (1.67) | 800 x 513 (1.56) |
Deprecated APIs will eventually be removed from the browser. Learn more about deprecated APIs.
Performance issues directly impact user engagement and conversion rates.
| Deprecation / Warning | Source |
|---|---|
| AttributionReporting |
Errors logged to the console indicate unresolved problems. They can come from network request failures and other browser concerns. Learn more about this errors in console diagnostic audit
Performance issues directly impact user engagement and conversion rates.
| Source | Description |
|---|---|
ReferenceError: rdt is not defined
at <anonymous>:1:1
at https://www.googletagmanager.com/gtm.js?id=GTM-TKTWGML:1006:429
at https://www.googletagmanager.com/gtm.js?id=GTM-TKTWGML:1007:132
at https://www.googletagmanager.com/gtm.js?id=GTM-TKTWGML:1006:454
at uR (https://www.googletagmanager.com/gtm.js?id=GTM-TKTWGML:1008:31)
at Md.tR (https://www.googletagmanager.com/gtm.js?id=GTM-TKTWGML:1005:92)
at Md.<anonymous> (https://www.googletagmanager.com/gtm.js?id=GTM-TKTWGML:387:187)
at k.apply (https://www.googletagmanager.com/gtm.js?id=GTM-TKTWGML:313:466)
at fb (https://www.googletagmanager.com/gtm.js?id=GTM-TKTWGML:276:719)
at eb (https://www.googletagmanager.com/gtm.js?id=GTM-TKTWGML:276:470) | |
Uncaught TypeError: Cannot set properties of undefined (setting 'updatePageElementsList') |
These checks ensure that your page is following basic search engine optimization advice. There are many additional factors Lighthouse does not score here that may affect your search ranking, including performance on Core Web Vitals. Learn more about Google Search Essentials.
If your robots.txt file is malformed, crawlers may not be able to understand how you want your website to be crawled or indexed. Learn more about robots.txt.
Performance issues directly impact user engagement and conversion rates.
| Line # | Content | Error |
|---|---|---|
| 1 | <!DOCTYPE html><!-- Last Published: Fri Apr 17 2026 06:29:35 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>Agora Real-Time Voice and Video Engagement</title><link rel="alternate" hrefLang="x-default" href="https://prod.agora.io/en"/><link rel="alternate" hrefLang="en" href="https://prod.agora.io/en"/><link rel="alternate" hrefLang="ko" href="https://prod.agora.io/kr"/><link rel="alternate" hrefLang="es" href="https://prod.agora.io/es"/><link rel="alternate" hrefLang="ja" href="https://prod.agora.io/jp"/><meta content="The Real-Time Engagement Platform for meaningful human connections. People engage longer when they see, hear, and interact with each other. With Agora, you can embed vivid voice and video in any application, on any device, anywhere." name="description"/><meta content="Agora Real-Time Voice and Video Engagement" property="og:title"/><meta content="The Real-Time Engagement Platform for meaningful human connections. People engage longer when they see, hear, and interact with each other. With Agora, you can embed vivid voice and video in any application, on any device, anywhere." property="og:description"/><meta content="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66ac1db9a7e8bbc9246a0570_homepage-featured.jpg" property="og:image"/><meta content="Agora Real-Time Voice and Video Engagement" property="twitter:title"/><meta content="The Real-Time Engagement Platform for meaningful human connections. People engage longer when they see, hear, and interact with each other. With Agora, you can embed vivid voice and video in any application, on any device, anywhere." property="twitter:description"/><meta content="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66ac1db9a7e8bbc9246a0570_homepage-featured.jpg" property="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.0f349b48b.min.css" rel="stylesheet" type="text/css" integrity="sha384-DzSbSLRjhqbPtLVAJnWPRlqLbUXK0gy8MXm97VmpJyekIh/NPJ3m3+ak4eMClltO" 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"/><meta name="google-site-verification" content="LUHTDnfQC8AVYsBexrq8P8zm1q17q8A9iGnnNEqCK-0" /> | Unknown directive |
| 2 | <link | Syntax not understood |
| 3 | rel="stylesheet" | Syntax not understood |
| 4 | href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" | Unknown directive |
| 5 | /> | Syntax not understood |
| 6 | <script defer src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> | Unknown directive |
| 7 | <script> | Syntax not understood |
| 8 | (function () { | Syntax not understood |
| 9 | var s = document.createElement('script'); | Syntax not understood |
| 10 | s.src = 'https://cdn-prod.securiti.ai/consent/cookie-consent-sdk-loader.js'; | Unknown directive |
| 11 | s.setAttribute('data-tenant-uuid', 'b373a629-85bf-440d-824a-a86fc32ae3e9'); | Syntax not understood |
| 12 | s.setAttribute('data-domain-uuid', '7ba04bfc-c10b-4f3a-80d5-bf9ed910b46f'); | Syntax not understood |
| 13 | s.setAttribute('data-backend-url', 'https://app.securiti.ai'); | Unknown directive |
| 14 | s.setAttribute('data-skip-css', 'false'); | Syntax not understood |
| 15 | s.defer = true; | Syntax not understood |
| 16 | var parent_node = document.head || document.body; | Syntax not understood |
| 17 | parent_node.appendChild(s); | Syntax not understood |
| 18 | })() | Syntax not understood |
| 19 | </script> | Syntax not understood |
| 21 | <!-- Super AGI Script --> | Syntax not understood |
| 22 | <script defer src='https://script.superagi.com/public/script?id=8JQOBvP5Et-62def19c'></script> | Unknown directive |
| 23 | <!-- End of Super AGI Script --> | Syntax not understood |
| 25 | <!-- Google Tag Manager --> | Syntax not understood |
| 26 | <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': | Unknown directive |
| 27 | new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], | Unknown directive |
| 28 | j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= | Unknown directive |
| 29 | 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); | Unknown directive |
| 30 | })(window,document,'script','dataLayer','GTM-TKTWGML');</script> | Syntax not understood |
| 31 | <!-- End Google Tag Manager --> | Syntax not understood |
| 33 | <!-- Google tag (gtag.js) --> | Syntax not understood |
| 35 | <script async src="https://www.googletagmanager.com/gtag/js?id=AW-11492041022"></script> | Unknown directive |
| 37 | <script> | Syntax not understood |
| 38 | window.dataLayer = window.dataLayer || []; | Syntax not understood |
| 39 | function gtag(){dataLayer.push(arguments);} | Syntax not understood |
| 40 | gtag('js', new Date()); | Syntax not understood |
| 42 | gtag('config', 'AW-11492041022'); | Syntax not understood |
| 43 | </script> | Syntax not understood |
| 45 | <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> | Unknown directive |
| 47 | <!-- Base Styles --> | Syntax not understood |
| 48 | <style> | Syntax not understood |
| 49 | html, body { | Syntax not understood |
| 50 | scrollbar-color: #626262 transparent; | Unknown directive |
| 51 | font-family: 'Jokker', 'ui-sans-serif', 'system-ui', 'Segoe UI', 'Roboto', 'Ubuntu', 'sans-serif'; | Unknown directive |
| 52 | } | Syntax not understood |
| 54 | h1, h2, h3, strong { | Syntax not understood |
| 55 | font-weight: 600 !important; | Unknown directive |
| 56 | } | Syntax not understood |
| 57 | a { | Syntax not understood |
| 58 | color: #00C2FF; | Unknown directive |
| 59 | } | Syntax not understood |
| 60 | </style> | Syntax not understood |
| 62 | <style> | Syntax not understood |
| 63 | /** Github gists */ | Syntax not understood |
| 64 | /* Limit width. Show scrollbars when exceeding width */ | Syntax not understood |
| 65 | .gist { | Syntax not understood |
| 66 | overflow:auto; | Unknown directive |
| 67 | } | Syntax not understood |
| 69 | /* Limit height. Show scrollbars when exceeding height */ | Syntax not understood |
| 70 | .gist .blob-wrapper.data { | Syntax not understood |
| 71 | max-height:400px; | Unknown directive |
| 72 | overflow:auto; | Unknown directive |
| 73 | } | Syntax not understood |
| 75 | </style> | Syntax not understood |
| 77 | <style> | Syntax not understood |
| 79 | /* Button */ | Syntax not understood |
| 80 | .button-primary-outline:hover .primary-btn-label-outline{ | Unknown directive |
| 81 | color: black; | Unknown directive |
| 82 | } | Syntax not understood |
| 84 | .button-primary-outline:hover .btn-rounded-outline{ | Unknown directive |
| 85 | background: black; | Unknown directive |
| 86 | } | Syntax not understood |
| 88 | </style> | Syntax not understood |
| 90 | <!-- Button hover animation styles + HOVERS--> | Syntax not understood |
| 91 | <style> | Syntax not understood |
| 92 | .button-primary:hover .primary-btn-label, | Unknown directive |
| 93 | .button-primary:hover .primary-btn-label-medium{ | Unknown directive |
| 94 | color: white; | Unknown directive |
| 95 | } | Syntax not understood |
| 97 | .button-primary:hover .rounded-circle{ | Unknown directive |
| 98 | background: white; | Unknown directive |
| 99 | color: black; | Unknown directive |
| 100 | } | Syntax not understood |
| 102 | .button-primary-outline:hover .rounded-circle-outline{ | Unknown directive |
| 103 | background: black; | Unknown directive |
| 104 | color: white; | Unknown directive |
| 105 | } | Syntax not understood |
| 107 | .button-primary:hover .rounded-circle{ | Unknown directive |
| 108 | background: white; | Unknown directive |
| 109 | color: black; | Unknown directive |
| 110 | } | Syntax not understood |
| 112 | .button-primary.btn-primary-outline:hover{ | Unknown directive |
| 113 | background: var(--color--black); | Unknown directive |
| 114 | } | Syntax not understood |
| 116 | .button-primary.btn-primary-outline:hover .rounded-circle.no-circle-bg, | Unknown directive |
| 117 | .button-primary.btn-primary-outline:hover .primary-btn-label-medium{ | Unknown directive |
| 118 | background: transparent; | Unknown directive |
| 119 | color: var(--color--white); | Unknown directive |
| 120 | } | Syntax not understood |
| 122 | .button-primary:hover .original-arrow, | Unknown directive |
| 123 | .button-primary-outline:hover .original-arrow{ | Unknown directive |
| 124 | transform: translate(150%, -150%); | Unknown directive |
| 125 | transition: transform 0.3s ease-in-out; | Unknown directive |
| 126 | transition-delay: 100ms; | Unknown directive |
| 127 | } | Syntax not understood |
| 129 | .button-primary:hover .slided-arrow, | Unknown directive |
| 130 | .button-primary-outline:hover .slided-arrow{ | Unknown directive |
| 131 | transform: translate(0px, 0px); | Unknown directive |
| 132 | transition: transform 0.3s ease-in-out 0.1S; | Unknown directive |
| 133 | transition-delay: 100ms; | Unknown directive |
| 134 | } | Syntax not understood |
| 135 | </style> | Syntax not understood |
| 137 | <!-- Custom Table for Rich Text Editors --> | Syntax not understood |
| 138 | <style> | Syntax not understood |
| 139 | .standard-rich-text-table { | Syntax not understood |
| 140 | border-collapse: separate; | Unknown directive |
| 141 | border-spacing: 0; | Unknown directive |
| 142 | margin-bottom: 44px; | Unknown directive |
| 143 | } | Syntax not understood |
| 145 | .standard-rich-text-table th{ | Syntax not understood |
| 146 | background: #333; | Unknown directive |
| 147 | text-align: left; | Unknown directive |
| 148 | padding: 16px 20px; | Unknown directive |
| 149 | font-family: var(--font--font-sans); | Unknown directive |
| 150 | font-size: 16px; | Unknown directive |
| 151 | font-style: normal; | Unknown directive |
| 152 | font-weight: 600; | Unknown directive |
| 153 | line-height: 100%; /* 16px */ | Unknown directive |
| 154 | letter-spacing: -0.16px; | Unknown directive |
| 155 | color: white; | Unknown directive |
| 156 | } | Syntax not understood |
| 158 | .standard-rich-text-table th:first-child{ | Unknown directive |
| 159 | border-top-left-radius: 4px; | Unknown directive |
| 160 | } | Syntax not understood |
| 161 | .standard-rich-text-table th:last-child{ | Unknown directive |
| 162 | border-top-right-radius: 4px; | Unknown directive |
| 163 | } | Syntax not understood |
| 165 | .standard-rich-text-table tr td{ | Syntax not understood |
| 166 | color: #080808; | Unknown directive |
| 167 | padding: 16px 20px; | Unknown directive |
| 168 | font-family: var(--font--font-sans); | Unknown directive |
| 169 | font-size: 16px; | Unknown directive |
| 170 | font-style: normal; | Unknown directive |
| 171 | font-weight: 400; | Unknown directive |
| 172 | line-height: 130%; /* 20.8px */ | Unknown directive |
| 173 | } | Syntax not understood |
| 175 | .standard-rich-text-table tr:last-child td:first-child{ | Unknown directive |
| 176 | border-bottom-left-radius: 4px; | Unknown directive |
| 177 | } | Syntax not understood |
| 179 | .standard-rich-text-table tr:last-child td:last-child{ | Unknown directive |
| 180 | border-bottom-right-radius: 4px; | Unknown directive |
| 181 | } | Syntax not understood |
| 183 | .standard-rich-text-table td{ | Syntax not understood |
| 184 | vertical-align: top; | Unknown directive |
| 185 | border-bottom: 1px solid var(--color--gray-500); | Unknown directive |
| 186 | } | Syntax not understood |
| 188 | .standard-rich-text-table td * { | Syntax not understood |
| 189 | font-size: 16px; | Unknown directive |
| 190 | font-weight: 400; | Unknown directive |
| 191 | line-height: 130%; | Unknown directive |
| 192 | } | Syntax not understood |
| 194 | .standard-rich-text-table.small-font td *{ | Syntax not understood |
| 195 | font-size: 14px; | Unknown directive |
| 196 | line-height: 140%; | Unknown directive |
| 197 | } | Syntax not understood |
| 199 | .standard-rich-text-table tr td:first-child{ | Unknown directive |
| 200 | border-left: 1px solid var(--color--gray-500); | Unknown directive |
| 201 | } | Syntax not understood |
| 203 | .standard-rich-text-table tr td:last-child{ | Unknown directive |
| 204 | border-right: 1px solid var(--color--gray-500); | Unknown directive |
| 205 | } | Syntax not understood |
| 206 | </style> | Syntax not understood |
| 208 | <style type="text/css"> | Syntax not understood |
| 209 | .underline-card:hover .underline{ | Unknown directive |
| 210 | text-decoration: underline !important; | Unknown directive |
| 211 | } | Syntax not understood |
| 212 | </style> | Syntax not understood |
| 214 | <style> | Syntax not understood |
| 215 | .banner-close{ | Syntax not understood |
| 216 | opacity:0; | Unknown directive |
| 217 | transition:opacity .2s ease; | Unknown directive |
| 218 | cursor:pointer; | Unknown directive |
| 219 | } | Syntax not understood |
| 221 | .banner-wrapper:hover .banner-close{ | Unknown directive |
| 222 | opacity:1; | Unknown directive |
| 223 | } | Syntax not understood |
| 224 | </style> | Syntax not understood |
| 226 | <!-- Wordpress/OneTrust/Marketo class overrides --> | Syntax not understood |
| 227 | <style type="text/css"> | Syntax not understood |
| 228 | pre.w-code-block code { | Syntax not understood |
| 229 | all: unset; | Unknown directive |
| 230 | padding: inherit; | Unknown directive |
| 231 | color: inherit; | Unknown directive |
| 232 | } | Syntax not understood |
| 234 | .ot-sdk-show-settings { | Syntax not understood |
| 235 | color: #84888b !important; | Unknown directive |
| 236 | font-size: 14px !important; | Unknown directive |
| 237 | font-weight: 500 !important; | Unknown directive |
| 238 | text-decoration: none !important; | Unknown directive |
| 239 | } | Syntax not understood |
| 241 | .ot-sdk-show-settings:hover { | Unknown directive |
| 242 | color: #dee2e5 !important; | Unknown directive |
| 243 | text-decoration: underline !important; | Unknown directive |
| 244 | } | Syntax not understood |
| 247 | font-weight: 700 !important; | Unknown directive |
| 248 | } | Syntax not understood |
| 250 | .footer-links-container.footerbottom-links span:last-child { | Unknown directive |
| 251 | cursor: pointer !important; | Unknown directive |
| 252 | } | Syntax not understood |
| 254 | form.mktoForm select option{ | Syntax not understood |
| 255 | color: white; | Unknown directive |
| 256 | background: #171717; | Unknown directive |
| 257 | } | Syntax not understood |
| 259 | form.mktoForm select.mktoField { | Syntax not understood |
| 260 | background-position: center right 16px; | Unknown directive |
| 261 | background-repeat: no-repeat; | Unknown directive |
| 262 | 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>'); | Unknown directive |
| 263 | background-size: 8px 4px; | Unknown directive |
| 264 | text-overflow: ellipsis; | Unknown directive |
| 265 | white-space: nowrap; | Unknown directive |
| 266 | overflow: hidden; | Unknown directive |
| 267 | -webkit-user-select: none; | Unknown directive |
| 268 | -moz-user-select: none; | Unknown directive |
| 269 | -webkit-padding-end: 38px; | Unknown directive |
| 270 | -webkit-appearance: none !important; | Unknown directive |
| 271 | -moz-appearance: none !important; | Unknown directive |
| 272 | appearance: none !important; | Unknown directive |
| 273 | } | Syntax not understood |
| 275 | </style> | Syntax not understood |
| 277 | <!-- Usage Section Grid Center last odd item --> | Syntax not understood |
| 278 | <style> | Syntax not understood |
| 279 | </style> | Syntax not understood |
| 281 | <!-- Start of HubSpot Embed Code --> | Syntax not understood |
| 282 | <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/24150284.js"></script> | Syntax not understood |
| 283 | <!-- End of HubSpot Embed Code --> | Syntax not understood |
| 285 | <!-- Hubspot Form Styles --> | Syntax not understood |
| 286 | <style> | Syntax not understood |
| 288 | legend.hs-field-desc { | Syntax not understood |
| 289 | font-weight: 400; | Unknown directive |
| 290 | font-family: 'Jokker', 'Inter', Arial !important; | Unknown directive |
| 291 | } | Syntax not understood |
| 292 | .submitted-message { | Syntax not understood |
| 293 | color: white; | Unknown directive |
| 294 | font-weight: 400; | Unknown directive |
| 295 | font-family: 'Jokker', 'Inter', Arial !important; | Unknown directive |
| 296 | } | Syntax not understood |
| 297 | .hubspot-form-container { | Syntax not understood |
| 298 | width: 100% !important; | Unknown directive |
| 299 | } | Syntax not understood |
| 301 | .hbspt-form form { | Syntax not understood |
| 302 | max-width: 800px; | Unknown directive |
| 303 | width: 100% !important; | Unknown directive |
| 304 | margin: 0 auto; | Unknown directive |
| 305 | padding: 40px 20px; | Unknown directive |
| 306 | display: flex; | Unknown directive |
| 307 | flex-direction: column; | Unknown directive |
| 308 | gap: 20px; | Unknown directive |
| 309 | } | Syntax not understood |
| 311 | .hbspt-form fieldset { | Syntax not understood |
| 312 | width: 100%; | Unknown directive |
| 313 | max-width: 100% !important; | Unknown directive |
| 314 | font-family: 'Jokker', 'Inter', Arial !important; | Unknown directive |
| 315 | color: white; | Unknown directive |
| 316 | font-size: 16px; | Unknown directive |
| 317 | font-weight: 400; | Unknown directive |
| 318 | display: flex; | Unknown directive |
| 319 | gap: 20px; | Unknown directive |
| 320 | } | Syntax not understood |
| 322 | .hbspt-form fieldset:has(input[type='hidden']) { | Unknown directive |
| 323 | display: none; | Unknown directive |
| 324 | } | Syntax not understood |
| 326 | .hbspt-form fieldset>div { | Syntax not understood |
| 327 | flex: 1; | Unknown directive |
| 328 | } | Syntax not understood |
| 330 | .hs-form-field>label { | Syntax not understood |
| 331 | display: flex; | Unknown directive |
| 332 | width: 100%; | Unknown directive |
| 333 | color: #b2b6b8; | Unknown directive |
| 334 | justify-content: flex-end; | Unknown directive |
| 335 | align-items: center; | Unknown directive |
| 336 | flex-direction: row-reverse; | Unknown directive |
| 337 | gap: 4px; | Unknown directive |
| 338 | text-transform: uppercase; | Unknown directive |
| 339 | margin-bottom: 0; | Unknown directive |
| 340 | font-weight: 400; | Unknown directive |
| 341 | font-size: 12px; | Unknown directive |
| 342 | line-height: 100%; | Unknown directive |
| 343 | } | Syntax not understood |
| 345 | .hs-form-field .hs-form-required { | Syntax not understood |
| 346 | color: #e51b00; | Unknown directive |
| 347 | } | Syntax not understood |
| 349 | .hs-form-field { | Syntax not understood |
| 350 | background-color: #171717; | Unknown directive |
| 351 | border-radius: 4px; | Unknown directive |
| 352 | padding: 16px 12px; | Unknown directive |
| 353 | } | Syntax not understood |
| 355 | input.hs-input, | Syntax not understood |
| 356 | select.hs-input, | Syntax not understood |
| 357 | textarea.hs-input { | Syntax not understood |
| 358 | width: 100% !important; | Unknown directive |
| 359 | background: transparent; | Unknown directive |
| 360 | border: none; | Unknown directive |
| 361 | outline: none; | Unknown directive |
| 362 | color: white; | Unknown directive |
| 363 | font-size: 14px; | Unknown directive |
| 364 | font-weight: 400; | Unknown directive |
| 365 | padding: 10px; | Unknown directive |
| 366 | } | Syntax not understood |
| 368 | .hs-form-field .inputs-list { | Syntax not understood |
| 369 | list-style: none; | Unknown directive |
| 370 | margin: 0; | Unknown directive |
| 371 | padding: 0; | Unknown directive |
| 372 | margin-top: 16px; | Unknown directive |
| 373 | } | Syntax not understood |
| 375 | .hs-form-field .hs-form-checkbox, | Syntax not understood |
| 376 | .hs-form-field .hs-form-radio { | Syntax not understood |
| 377 | width: 100%; | Unknown directive |
| 378 | } | Syntax not understood |
| 380 | .hs-form-field .hs-form-checkbox label, | Syntax not understood |
| 381 | .hs-form-field .hs-form-booleancheckbox-display, | Syntax not understood |
| 382 | .hs-form-field .hs-form-radio label { | Syntax not understood |
| 383 | display: flex; | Unknown directive |
| 384 | width: 100%; | Unknown directive |
| 385 | gap: 8px; | Unknown directive |
| 386 | align-items: center; | Unknown directive |
| 387 | font-weight: 400; | Unknown directive |
| 388 | font-size: 12px; | Unknown directive |
| 389 | } | Syntax not understood |
| 391 | .hs-form-field .hs-form-booleancheckbox-display span { | Syntax not understood |
| 392 | margin-left: 0px !important; | Unknown directive |
| 393 | } | Syntax not understood |
| 395 | .hs-form-field .hs-form-booleancheckbox-display a { | Syntax not understood |
| 396 | color: #ADADAD; | Unknown directive |
| 397 | font-weight: 400; | Unknown directive |
| 398 | } | Syntax not understood |
| 400 | .legal-consent-container .hs-form-booleancheckbox-display p { | Syntax not understood |
| 401 | color: #ADADAD; | Unknown directive |
| 402 | font-weight: 400; | Unknown directive |
| 403 | } | Syntax not understood |
| 405 | .hs-form-field .hs-form-checkbox .hs-input { | Syntax not understood |
| 406 | width: auto !important; | Unknown directive |
| 407 | } | Syntax not understood |
| 409 | .hs-error-msgs { | Syntax not understood |
| 410 | list-style: none; | Unknown directive |
| 411 | margin: 0; | Unknown directive |
| 412 | padding: 0; | Unknown directive |
| 413 | font-family: 'Jokker', 'Inter', Arial !important; | Unknown directive |
| 414 | font-size: 12px; | Unknown directive |
| 415 | color: orangered; | Unknown directive |
| 416 | } | Syntax not understood |
| 418 | .hs-error-msg { | Syntax not understood |
| 419 | font-size: 12px; | Unknown directive |
| 420 | font-weight: 400; | Unknown directive |
| 421 | color: #e51b00; | Unknown directive |
| 422 | line-height: 1; | Unknown directive |
| 423 | margin-top: 4px; | Unknown directive |
| 424 | } | Syntax not understood |
| 426 | input.hs-button { | Syntax not understood |
| 427 | border-radius: 100px; | Unknown directive |
| 428 | border: 1px solid var(--color-white, #fff) !important; | Unknown directive |
| 429 | background: var(--color-white, #fff) !important; | Unknown directive |
| 430 | display: flex; | Unknown directive |
| 431 | min-width: 140px; | Unknown directive |
| 432 | align-items: center; | Unknown directive |
| 433 | justify-content: center; | Unknown directive |
| 434 | padding: 12px !important; | Unknown directive |
| 435 | color: #000 !important; | Unknown directive |
| 436 | text-align: center; | Unknown directive |
| 437 | font-family: 'Jokker', 'Inter', Arial !important; | Unknown directive |
| 438 | font-size: 18px !important; | Unknown directive |
| 439 | font-style: normal; | Unknown directive |
| 440 | font-weight: 500; | Unknown directive |
| 441 | line-height: 28px; | Unknown directive |
| 442 | letter-spacing: -0.18px; | Unknown directive |
| 443 | cursor: pointer !important; | Unknown directive |
| 444 | } | Syntax not understood |
| 446 | .hs-dependent-field { | Syntax not understood |
| 447 | display: flex; | Unknown directive |
| 448 | gap: 20px; | Unknown directive |
| 449 | } | Syntax not understood |
| 451 | .hs-dependent-field div { | Syntax not understood |
| 452 | flex: 1; | Unknown directive |
| 453 | } | Syntax not understood |
| 455 | .legal-consent-container .hs-form-field, | Syntax not understood |
| 456 | .hs-recaptcha.hs-form-field { | Syntax not understood |
| 457 | padding: 0; | Unknown directive |
| 458 | background: transparent; | Unknown directive |
| 459 | } | Syntax not understood |
| 461 | /* Custom checkbox and radio */ | Syntax not understood |
| 462 | .hs-input[type='radio'], | Syntax not understood |
| 463 | .hs-input[type='checkbox'] { | Syntax not understood |
| 464 | transition: background-color 0.2s, border-color 0.2s; | Unknown directive |
| 465 | cursor: pointer; | Unknown directive |
| 466 | outline: none; | Unknown directive |
| 467 | margin: 0px !important; | Unknown directive |
| 468 | } | Syntax not understood |
| 470 | .hs-input[type='checkbox'] { | Syntax not understood |
| 471 | all: unset; | Unknown directive |
| 472 | appearance: none; | Unknown directive |
| 473 | -webkit-appearance: none; | Unknown directive |
| 474 | -moz-appearance: none; | Unknown directive |
| 475 | transform: none !important; | Unknown directive |
| 476 | zoom: 1 !important; | Unknown directive |
| 477 | /* For Safari */ | Syntax not understood |
| 478 | width: 10px !important; | Unknown directive |
| 479 | height: 10px !important; | Unknown directive |
| 480 | min-width: 10px !important; | Unknown directive |
| 481 | min-height: 10px !important; | Unknown directive |
| 482 | max-width: 10px !important; | Unknown directive |
| 483 | max-height: 10px !important; | Unknown directive |
| 484 | border: 1px solid #00C2FF; | Unknown directive |
| 485 | border-radius: 4px; | Unknown directive |
| 486 | position: relative; | Unknown directive |
| 487 | padding: 2px !important; | Unknown directive |
| 488 | margin-right: 4px; | Unknown directive |
| 489 | } | Syntax not understood |
| 491 | .hs-input[type='checkbox']:checked { | Unknown directive |
| 492 | background-color: #00C2FF; | Unknown directive |
| 493 | } | Syntax not understood |
| 495 | .hs-input[type='checkbox']:checked::after { | Unknown directive |
| 496 | content: ''; | Unknown directive |
| 497 | position: absolute; | Unknown directive |
| 498 | top: 50%; | Unknown directive |
| 499 | left: 50%; | Unknown directive |
| 500 | width: 2px; | Unknown directive |
| 501 | height: 6px; | Unknown directive |
| 502 | border: solid white; | Unknown directive |
| 503 | border-width: 0 1px 1px 0; | Unknown directive |
| 504 | transform: translate(-50%, -55%) rotate(45deg); | Unknown directive |
| 505 | } | Syntax not understood |
| 507 | .hs-input[type='radio'] { | Syntax not understood |
| 508 | all: unset; | Unknown directive |
| 509 | appearance: none; | Unknown directive |
| 510 | -webkit-appearance: none; | Unknown directive |
| 511 | -moz-appearance: none; | Unknown directive |
| 512 | width: 14px !important; | Unknown directive |
| 513 | height: 14px !important; | Unknown directive |
| 514 | border: 1px solid #00C2FF; | Unknown directive |
| 515 | border-radius: 50%; | Unknown directive |
| 516 | position: relative; | Unknown directive |
| 517 | margin-right: 4px; | Unknown directive |
| 518 | } | Syntax not understood |
| 520 | .hs-input[type='radio']:checked::after { | Unknown directive |
| 521 | content: ''; | Unknown directive |
| 522 | position: absolute; | Unknown directive |
| 523 | top: 50%; | Unknown directive |
| 524 | left: 50%; | Unknown directive |
| 525 | transform: translate(-50%, -50%); | Unknown directive |
| 526 | width: 8px; | Unknown directive |
| 527 | height: 8px; | Unknown directive |
| 528 | background-color: #00C2FF; | Unknown directive |
| 529 | border: 1px solid #00C2FF; | Unknown directive |
| 530 | border-radius: 50%; | Unknown directive |
| 531 | } | Syntax not understood |
| 532 | /** Light theme */ | Syntax not understood |
| 534 | .hubspot-form-light-theme { | Syntax not understood |
| 535 | color: #333333; | Unknown directive |
| 536 | } | Syntax not understood |
| 538 | .hubspot-form-light-theme .hs-form-field { | Syntax not understood |
| 539 | background-color: transparent; | Unknown directive |
| 540 | padding: 0px; | Unknown directive |
| 541 | } | Syntax not understood |
| 543 | .hubspot-form-light-theme .hs-form-field>label { | Syntax not understood |
| 544 | color: #333333; | Unknown directive |
| 545 | } | Syntax not understood |
| 547 | .hubspot-form-light-theme input.hs-input, | Syntax not understood |
| 548 | .hubspot-form-light-theme select.hs-input, | Syntax not understood |
| 549 | .hubspot-form-light-theme textarea.hs-input { | Syntax not understood |
| 550 | background: white; | Unknown directive |
| 551 | margin-top: 16px; | Unknown directive |
| 552 | border-radius: 6px; | Unknown directive |
| 553 | padding: 16px; | Unknown directive |
| 554 | color: #171717; | Unknown directive |
| 555 | border: 1px solid #ddd; | Unknown directive |
| 556 | } | Syntax not understood |
| 558 | .hubspot-form-light-theme input.hs-button { | Syntax not understood |
| 559 | border: 1px solid #00C2FF !important; | Unknown directive |
| 560 | background: #00C2FF !important; | Unknown directive |
| 561 | color: white !important; | Unknown directive |
| 562 | } | Syntax not understood |
| 564 | .hubspot-form-light-theme .legal-consent-container .hs-form-booleancheckbox-display p{ | Syntax not understood |
| 565 | color: #171717; | Unknown directive |
| 566 | } | Syntax not understood |
| 568 | .hubspot-form-light-theme .hs-form-field .hs-form-booleancheckbox-display a { | Syntax not understood |
| 569 | color: #00C2FF !important; | Unknown directive |
| 570 | } | Syntax not understood |
| 571 | </style> | Syntax not understood |
| 573 | <style type="text/css"> | Syntax not understood |
| 574 | /** | Syntax not understood |
| 575 | * Footer Health Indicator Styles | Syntax not understood |
| 576 | * Responsive styling for system health status indicator | Syntax not understood |
| 577 | */ | Syntax not understood |
| 579 | /* Main indicator container */ | Syntax not understood |
| 580 | .agora-health-indicator { | Syntax not understood |
| 581 | display: inline-flex; | Unknown directive |
| 582 | align-items: center; | Unknown directive |
| 583 | gap: 8px; | Unknown directive |
| 584 | padding: 8px 12px; | Unknown directive |
| 585 | border-radius: 6px; | Unknown directive |
| 586 | font-size: 14px; | Unknown directive |
| 587 | font-weight: 500; | Unknown directive |
| 588 | transition: all 0.3s ease; | Unknown directive |
| 589 | background-color: rgba(34, 197, 94, 0.1); | Unknown directive |
| 590 | border: 1px solid rgba(34, 197, 94, 0.2); | Unknown directive |
| 591 | margin-top: 12px; | Unknown directive |
| 592 | cursor: default; | Unknown directive |
| 593 | } | Syntax not understood |
| 595 | .agora-health-indicator__content { | Syntax not understood |
| 596 | display: flex; | Unknown directive |
| 597 | align-items: center; | Unknown directive |
| 598 | gap: 8px; | Unknown directive |
| 599 | } | Syntax not understood |
| 601 | /* Status dot indicator */ | Syntax not understood |
| 602 | .agora-health-indicator__dot { | Syntax not understood |
| 603 | display: inline-block; | Unknown directive |
| 604 | width: 8px; | Unknown directive |
| 605 | height: 8px; | Unknown directive |
| 606 | border-radius: 50%; | Unknown directive |
| 607 | animation: pulse 2s infinite; | Unknown directive |
| 608 | } | Syntax not understood |
| 610 | .agora-health-indicator__dot--green { | Syntax not understood |
| 611 | background-color: #22c55e; | Unknown directive |
| 612 | box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.2); | Unknown directive |
| 613 | } | Syntax not understood |
| 615 | .agora-health-indicator__dot--yellow { | Syntax not understood |
| 616 | background-color: #eab308; | Unknown directive |
| 617 | box-shadow: 0 0 0 2px rgba(234, 179, 8, 0.2); | Unknown directive |
| 618 | } | Syntax not understood |
| 620 | /* Status text */ | Syntax not understood |
| 621 | .agora-health-indicator__text { | Syntax not understood |
| 622 | color: #1f2937; | Unknown directive |
| 623 | white-space: nowrap; | Unknown directive |
| 624 | font-size: 14px; | Unknown directive |
| 625 | } | Syntax not understood |
| 627 | /* Operational state */ | Syntax not understood |
| 628 | .agora-health-indicator--operational { | Syntax not understood |
| 629 | background-color: rgba(34, 197, 94, 0.1); | Unknown directive |
| 630 | border-color: rgba(34, 197, 94, 0.2); | Unknown directive |
| 631 | color: #15803d; | Unknown directive |
| 632 | cursor: default; | Unknown directive |
| 633 | } | Syntax not understood |
| 635 | .agora-health-indicator--operational:hover { | Unknown directive |
| 636 | background-color: rgba(34, 197, 94, 0.1); | Unknown directive |
| 637 | border-color: rgba(34, 197, 94, 0.2); | Unknown directive |
| 638 | } | Syntax not understood |
| 640 | .agora-health-indicator--operational .agora-health-indicator__text { | Syntax not understood |
| 641 | color: #15803d; | Unknown directive |
| 642 | } | Syntax not understood |
| 644 | /* Disruption state */ | Syntax not understood |
| 645 | .agora-health-indicator--disruption { | Syntax not understood |
| 646 | background-color: rgba(234, 179, 8, 0.1); | Unknown directive |
| 647 | border-color: rgba(234, 179, 8, 0.2); | Unknown directive |
| 648 | color: #854d0e; | Unknown directive |
| 649 | cursor: pointer; | Unknown directive |
| 650 | } | Syntax not understood |
| 652 | .agora-health-indicator--disruption:hover { | Unknown directive |
| 653 | background-color: rgba(234, 179, 8, 0.15); | Unknown directive |
| 654 | border-color: rgba(234, 179, 8, 0.3); | Unknown directive |
| 655 | } | Syntax not understood |
| 657 | .agora-health-indicator--disruption .agora-health-indicator__text { | Syntax not understood |
| 658 | color: #854d0e; | Unknown directive |
| 659 | } | Syntax not understood |
| 661 | /* Pulsing animation for the dot */ | Syntax not understood |
| 662 | @keyframes pulse { | Syntax not understood |
| 663 | 0%, 100% { | Syntax not understood |
| 664 | opacity: 1; | Unknown directive |
| 665 | } | Syntax not understood |
| 666 | 50% { | Syntax not understood |
| 667 | opacity: 0.7; | Unknown directive |
| 668 | } | Syntax not understood |
| 669 | } | Syntax not understood |
| 671 | /* Tooltip styles */ | Syntax not understood |
| 672 | .agora-health-tooltip { | Syntax not understood |
| 673 | display: none; | Unknown directive |
| 674 | position: fixed; | Unknown directive |
| 675 | background-color: #fff; | Unknown directive |
| 676 | border: 1px solid #e5e7eb; | Unknown directive |
| 677 | border-radius: 8px; | Unknown directive |
| 678 | padding: 12px 16px; | Unknown directive |
| 679 | box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); | Unknown directive |
| 680 | z-index: 1000; | Unknown directive |
| 681 | max-width: 350px; | Unknown directive |
| 682 | font-size: 13px; | Unknown directive |
| 683 | line-height: 1.5; | Unknown directive |
| 684 | pointer-events: auto; | Unknown directive |
| 685 | top: auto; | Unknown directive |
| 686 | left: auto; | Unknown directive |
| 687 | opacity: 0; | Unknown directive |
| 688 | transition: opacity 0.2s ease-in-out; | Unknown directive |
| 689 | } | Syntax not understood |
| 691 | .agora-health-tooltip__content { | Syntax not understood |
| 692 | display: flex; | Unknown directive |
| 693 | flex-direction: column; | Unknown directive |
| 694 | gap: 8px; | Unknown directive |
| 695 | } | Syntax not understood |
| 697 | .agora-health-tooltip__title { | Syntax not understood |
| 698 | margin: 0; | Unknown directive |
| 699 | font-weight: 600; | Unknown directive |
| 700 | color: #1f2937; | Unknown directive |
| 701 | font-size: 13px; | Unknown directive |
| 702 | } | Syntax not understood |
| 704 | .agora-health-tooltip__message { | Syntax not understood |
| 705 | margin: 0; | Unknown directive |
| 706 | color: #4b5563; | Unknown directive |
| 707 | font-size: 12px; | Unknown directive |
| 708 | } | Syntax not understood |
| 710 | .agora-health-tooltip__message a { | Syntax not understood |
| 711 | color: #0066cc; | Unknown directive |
| 712 | text-decoration: none; | Unknown directive |
| 713 | font-weight: 500; | Unknown directive |
| 714 | transition: color 0.2s ease; | Unknown directive |
| 715 | } | Syntax not understood |
| 717 | .agora-health-tooltip__message a:hover { | Unknown directive |
| 718 | color: #0052a3; | Unknown directive |
| 719 | text-decoration: underline; | Unknown directive |
| 720 | } | Syntax not understood |
| 722 | /* Responsive design */ | Syntax not understood |
| 723 | @media (max-width: 768px) { | Unknown directive |
| 724 | .agora-health-indicator { | Syntax not understood |
| 725 | padding: 6px 10px; | Unknown directive |
| 726 | font-size: 12px; | Unknown directive |
| 727 | gap: 6px; | Unknown directive |
| 728 | margin-top: 8px; | Unknown directive |
| 729 | } | Syntax not understood |
| 731 | .agora-health-indicator__dot { | Syntax not understood |
| 732 | width: 6px; | Unknown directive |
| 733 | height: 6px; | Unknown directive |
| 734 | } | Syntax not understood |
| 736 | .agora-health-indicator__text { | Syntax not understood |
| 737 | font-size: 12px; | Unknown directive |
| 738 | } | Syntax not understood |
| 740 | .agora-health-tooltip { | Syntax not understood |
| 741 | max-width: 280px; | Unknown directive |
| 742 | padding: 10px 12px; | Unknown directive |
| 743 | font-size: 12px; | Unknown directive |
| 744 | } | Syntax not understood |
| 746 | .agora-health-tooltip__title { | Syntax not understood |
| 747 | font-size: 12px; | Unknown directive |
| 748 | } | Syntax not understood |
| 750 | .agora-health-tooltip__message { | Syntax not understood |
| 751 | font-size: 11px; | Unknown directive |
| 752 | } | Syntax not understood |
| 753 | } | Syntax not understood |
| 755 | @media (max-width: 480px) { | Unknown directive |
| 756 | .agora-health-indicator { | Syntax not understood |
| 757 | padding: 6px 8px; | Unknown directive |
| 758 | font-size: 11px; | Unknown directive |
| 759 | gap: 4px; | Unknown directive |
| 760 | } | Syntax not understood |
| 762 | .agora-health-indicator__text { | Syntax not understood |
| 763 | font-size: 11px; | Unknown directive |
| 764 | } | Syntax not understood |
| 766 | .agora-health-tooltip { | Syntax not understood |
| 767 | max-width: 240px; | Unknown directive |
| 768 | padding: 8px 10px; | Unknown directive |
| 769 | font-size: 11px; | Unknown directive |
| 770 | } | Syntax not understood |
| 772 | .agora-health-tooltip__title { | Syntax not understood |
| 773 | font-size: 11px; | Unknown directive |
| 774 | } | Syntax not understood |
| 776 | .agora-health-tooltip__message { | Syntax not understood |
| 777 | font-size: 10px; | Unknown directive |
| 778 | } | Syntax not understood |
| 779 | } | Syntax not understood |
| 781 | /* Accessibility improvements */ | Syntax not understood |
| 782 | .agora-health-indicator:focus-visible { | Unknown directive |
| 783 | outline: 2px solid #0066cc; | Unknown directive |
| 784 | outline-offset: 2px; | Unknown directive |
| 785 | } | Syntax not understood |
| 787 | .agora-health-indicator:active { | Unknown directive |
| 788 | transform: scale(0.98); | Unknown directive |
| 789 | } | Syntax not understood |
| 791 | /* Dark mode support */ | Syntax not understood |
| 792 | @media (prefers-color-scheme: dark) { | Unknown directive |
| 793 | .agora-health-indicator { | Syntax not understood |
| 794 | background-color: rgba(34, 197, 94, 0.15); | Unknown directive |
| 795 | border-color: rgba(34, 197, 94, 0.3); | Unknown directive |
| 796 | } | Syntax not understood |
| 798 | .agora-health-indicator--operational { | Syntax not understood |
| 799 | background-color: rgba(34, 197, 94, 0.15); | Unknown directive |
| 800 | border-color: rgba(34, 197, 94, 0.3); | Unknown directive |
| 801 | } | Syntax not understood |
| 803 | .agora-health-indicator--operational:hover { | Unknown directive |
| 804 | background-color: rgba(34, 197, 94, 0.25); | Unknown directive |
| 805 | border-color: rgba(34, 197, 94, 0.4); | Unknown directive |
| 806 | } | Syntax not understood |
| 808 | .agora-health-indicator--operational .agora-health-indicator__text { | Syntax not understood |
| 809 | color: #86efac; | Unknown directive |
| 810 | } | Syntax not understood |
| 812 | .agora-health-indicator--disruption { | Syntax not understood |
| 813 | background-color: rgba(234, 179, 8, 0.15); | Unknown directive |
| 814 | border-color: rgba(234, 179, 8, 0.3); | Unknown directive |
| 815 | } | Syntax not understood |
| 817 | .agora-health-indicator--disruption:hover { | Unknown directive |
| 818 | background-color: rgba(234, 179, 8, 0.25); | Unknown directive |
| 819 | border-color: rgba(234, 179, 8, 0.4); | Unknown directive |
| 820 | } | Syntax not understood |
| 822 | .agora-health-indicator--disruption .agora-health-indicator__text { | Syntax not understood |
| 823 | color: #fde047; | Unknown directive |
| 824 | } | Syntax not understood |
| 826 | .agora-health-tooltip { | Syntax not understood |
| 827 | background-color: #1f2937; | Unknown directive |
| 828 | border-color: #374151; | Unknown directive |
| 829 | color: #e5e7eb; | Unknown directive |
| 830 | } | Syntax not understood |
| 832 | .agora-health-tooltip__title { | Syntax not understood |
| 833 | color: #f3f4f6; | Unknown directive |
| 834 | } | Syntax not understood |
| 836 | .agora-health-tooltip__message { | Syntax not understood |
| 837 | color: #d1d5db; | Unknown directive |
| 838 | } | Syntax not understood |
| 840 | .agora-health-tooltip__message a { | Syntax not understood |
| 841 | color: #60a5fa; | Unknown directive |
| 842 | } | Syntax not understood |
| 844 | .agora-health-tooltip__message a:hover { | Unknown directive |
| 845 | color: #93c5fd; | Unknown directive |
| 846 | } | Syntax not understood |
| 847 | } | Syntax not understood |
| 849 | /* Reduced motion support */ | Syntax not understood |
| 850 | @media (prefers-reduced-motion: reduce) { | Unknown directive |
| 851 | .agora-health-indicator, | Syntax not understood |
| 852 | .agora-health-indicator__dot, | Syntax not understood |
| 853 | .agora-health-indicator__text { | Syntax not understood |
| 854 | animation: none; | Unknown directive |
| 855 | transition: none; | Unknown directive |
| 856 | } | Syntax not understood |
| 858 | .agora-health-indicator__dot { | Syntax not understood |
| 859 | animation: none; | Unknown directive |
| 860 | } | Syntax not understood |
| 861 | } | Syntax not understood |
| 863 | </style> | Syntax not understood |
| 865 | <style> | Syntax not understood |
| 866 | .alert-bar { | Syntax not understood |
| 867 | display: block; | Unknown directive |
| 868 | } | Syntax not understood |
| 870 | .alert-bar.is-hidden { | Syntax not understood |
| 871 | display: none; | Unknown directive |
| 872 | } | Syntax not understood |
| 873 | </style><link rel="canonical" href="https://www.agora.io/en/" /> | Unknown directive |
| 874 | <link rel="alternate" href="https://www.agora.io/en/" hreflang="en" /> | Unknown directive |
| 875 | <link rel="alternate" href="https://www.agora.io/kr/" hreflang="ko" /> | Unknown directive |
| 876 | <link rel="alternate" href="https://www.agora.io/en/" hreflang="x-default" /> | Unknown directive |
| 878 | <style> | Syntax not understood |
| 879 | /* NavBar */ | Syntax not understood |
| 880 | .nav-menu-link.w-nav-link.w--current{ | Syntax not understood |
| 881 | position: relative; | Unknown directive |
| 882 | } | Syntax not understood |
| 883 | .nav-menu-link.w-nav-link.w--current:before{ | Unknown directive |
| 884 | content: ""; | Unknown directive |
| 885 | position: absolute; | Unknown directive |
| 886 | height: 1px; | Unknown directive |
| 887 | width: 100%; | Unknown directive |
| 888 | background: linear-gradient(to right, #0286FF, #DB7FFF, #FFFFFF); | Unknown directive |
| 889 | top: 100%; | Unknown directive |
| 890 | left: 0; | Unknown directive |
| 891 | } | Syntax not understood |
| 893 | /** tabs */ | Syntax not understood |
| 894 | .feature-tab-menu.w--current{ | Syntax not understood |
| 895 | position: relative; | Unknown directive |
| 896 | } | Syntax not understood |
| 897 | .feature-tab-menu.w--current > .feature-tab-text{ | Syntax not understood |
| 898 | display: block; | Unknown directive |
| 899 | } | Syntax not understood |
| 900 | .feature-tab-menu.animate-border:before{ | Unknown directive |
| 901 | content: ""; | Unknown directive |
| 902 | position: absolute; | Unknown directive |
| 903 | height: 2px; | Unknown directive |
| 904 | /** Animating the width */ | Syntax not understood |
| 905 | width: 0%; | Unknown directive |
| 906 | /* background: linear-gradient(to right, #0286FF, #DB7FFF, #FFFFFF); */ | Unknown directive |
| 907 | background: linear-gradient(270deg, #099DFD 0%, rgba(9, 157, 253, 0.00) 100%); | Unknown directive |
| 908 | top: 100%; | Unknown directive |
| 909 | left: 0; | Unknown directive |
| 910 | animation: borderBottomAnimation linear 4000ms; | Unknown directive |
| 911 | } | Syntax not understood |
| 913 | @keyframes borderBottomAnimation{ | Syntax not understood |
| 914 | from {width: 0%;} | Unknown directive |
| 915 | to {width: 100%;} | Unknown directive |
| 916 | } | Syntax not understood |
| 918 | /** General */ | Syntax not understood |
| 919 | .spotlight-card{ | Syntax not understood |
| 920 | border-radius: 12px; | Unknown directive |
| 921 | background: radial-gradient(74.22% 64.62% at 26.36% 14.29%, #1A1A1A 0%, #151515 50%, #101010 100%); | Unknown directive |
| 922 | } | Syntax not understood |
| 924 | .icon-shade{ | Syntax not understood |
| 925 | background: linear-gradient(304deg, #0D0D0D 14.86%, #161515 86.17%); | Unknown directive |
| 926 | } | Syntax not understood |
| 928 | .popped-card{ | Syntax not understood |
| 929 | border-radius: 8px; | Unknown directive |
| 930 | background: linear-gradient(285deg, #202020 26.32%, #1C1C1C 90.13%); | Unknown directive |
| 931 | box-shadow: inset 1px 1px 0px #353535; | Unknown directive |
| 932 | } | Syntax not understood |
| 934 | .hero-variant-2 { | Syntax not understood |
| 935 | background-repeat: no-repeat; | Unknown directive |
| 936 | background-size: cover; | Unknown directive |
| 937 | background-position: center center; | Unknown directive |
| 938 | } | Syntax not understood |
| 940 | /** Components */ | Syntax not understood |
| 941 | .services-gradient-bg{ | Syntax not understood |
| 942 | /*background-image: radial-gradient(74.22% 64.62% at 26.36% 14.29%, #1A1A1A 0%, #151515 50%, #101010 100%); */ | Unknown directive |
| 943 | background: radial-gradient(282.8% 141.42% at 0% 0%, #1A1A1A 0%, #151515 50%, #101010 100%) !important; | Unknown directive |
| 944 | } | Syntax not understood |
| 946 | /** Card Gradient border */ | Syntax not understood |
| 947 | .gradient-card-border{ | Syntax not understood |
| 948 | /** TODO */ | Syntax not understood |
| 949 | border: 10px solid; | Unknown directive |
| 950 | border-image-slice: 1; | Unknown directive |
| 951 | border-width: 5px; | Unknown directive |
| 952 | border-image-source: linear-gradient(156 deg, #2B2B2B 18%, #000000 100%); | Unknown directive |
| 954 | } | Syntax not understood |
| 955 | </style> | Syntax not understood |
| 958 | <style> | Syntax not understood |
| 959 | /** Sticky tab cards active border*/ | Syntax not understood |
| 960 | .scroll-card-tab-link.w--current{ | Syntax not understood |
| 961 | position: relative; | Unknown directive |
| 962 | } | Syntax not understood |
| 963 | .scroll-card-tab-link.w--current:before{ | Unknown directive |
| 964 | content: ""; | Unknown directive |
| 965 | position: absolute; | Unknown directive |
| 966 | height: 1px; | Unknown directive |
| 967 | width: 100%; | Unknown directive |
| 968 | background: linear-gradient(to right, #0286FF, #DB7FFF, #FFFFFF); | Unknown directive |
| 969 | top: 100%; | Unknown directive |
| 970 | left: 0; | Unknown directive |
| 971 | } | Syntax not understood |
| 972 | </style> | Syntax not understood |
| 974 | <style> | Syntax not understood |
| 975 | @media screen and (max-width: 479px) { | Unknown directive |
| 976 | :lang(pt) .features .primary-btn-label-outline { | Unknown directive |
| 977 | font-size: 12px; | Unknown directive |
| 978 | } | Syntax not understood |
| 979 | } | Syntax not understood |
| 980 | </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="(max-width: 479px) 79vw, 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"> | Unknown directive |
| 981 | <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/> | Syntax not understood |
| 982 | </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"> | Unknown directive |
| 983 | <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/> | Syntax not understood |
| 984 | </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 featuredproductlabel">CONVERSATIONAL AI</div></div><div class="w-layout-hflex menublock"><a data-w-id="40e70cd4-8bc9-6458-6d19-fdb500da0c62" 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/67b4cac1b694fd8b5b3ab06e_conversational-ai-engine-32x32%20(2).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 primary-graidient-text">Conversational AI Engine</div></div><div class="div-block-37"></div></div></div></div></a><a data-w-id="40e70cd4-8bc9-6458-6d19-fdb500da0c62" 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/67cb5ca6e4d44506282e3560_convoai-toy-kit-32x32.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 primary-graidient-text">Convo AI Device Kit</div></div><div class="div-block-37"></div></div></div></div></a><a href="/en/products/agora-openai-realtime-api/" 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">OpenAI Realtime API</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">CORE PRODUCTS</div></div><div class="w-layout-hflex menublock"><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/video-call/" 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 Calling</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/voice-call/" 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/6630b8ed81903c4fdcc52a25_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 Calling</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/interactive-live-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/66336fd60112675bcfe60a0c_LiveStreaming.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">Interactive Live 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/products/interactive-whiteboard/" 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/6678d9fcbd30a39e31f09dba_Whiteboard.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">Interactive Whiteboard</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/66336fd7cc50b27622d7abf1_Signaliing.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">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/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/products/broadcast-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/66336fd65535a00f8e9a8dbb_BroadcastStreaming.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">Broadcast 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/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/66336fd6f79d65e1510db0ec_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">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"><div data-figma-id="329:1639" class="mega-menu-title"><div data-figma-id="329:1640" class="core-products">EXTENSIONS</div></div><div class="w-layout-hflex menublock"><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/3d-spatial-audio/" 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/66336fd8e05c1cfefbbfb0e9_Spatial_Audio.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">3D Spatial Audio</div></div><div class="div-block-37"></div></div></div></div></a><link rel="prefetch" href="/en/products/3d-spatial-audio/"/><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/media-services/" 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/66b12ab1ec1ac389219a96d9_Media_Services.svg" loading="lazy" alt="Media Services 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 Services</div></div><div class="div-block-37"></div></div></div></div></a><link rel="prefetch" href="/en/products/media-services/"/><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/agora-analytics/" 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/667addd4a8884a069b3ed4e1_Analytics.svg" loading="lazy" alt="Analytics 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 Analytics</div></div><div class="div-block-37"></div></div></div></div></a><link rel="prefetch" href="/en/products/agora-analytics/"/><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/ai-noise-suppression/" 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/667ade5df2d1820192aeaa1d_Icon_ai-noise-supression.svg.svg" loading="lazy" alt="AI Noise Suppression 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">AI Noise Suppression</div></div><div class="div-block-37"></div></div></div></div></a><link rel="prefetch" href="/en/products/ai-noise-suppression/"/><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/speech-to-text/" 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/667addd405bc336e79636242_Transcription.svg" loading="lazy" alt="Speech-to-Text Transcription 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">Real-Time Speech to Text</div></div><div class="div-block-37"></div></div></div></div></a><link rel="prefetch" href="/en/products/speech-to-text/"/><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/real-time-translation/" 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/6733b40e305543fc7ed54bf0_Translation.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">Real-Time Translation</div></div><div class="div-block-37"></div></div></div></div></a><link rel="prefetch" href="/en/products/real-time-translation/"/><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/recording/" 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/66b2895070851f0d715f8013_Recording.svg" loading="lazy" alt="Record 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">Recording</div></div><div class="div-block-37"></div></div></div></div></a><link rel="prefetch" href="/en/products/recording/"/><a href="/en/extensions-marketplace/" 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">Extensions Marketplace</div></div></div></a></div></div></div></div><div class="div-block-28 div-block-28-responsive"><div data-figma-id="329:1639" class="mega-menu-title"><div data-figma-id="329:1640" class="core-products">Open Source</div></div><div class="w-layout-vflex flex-block-124 productmenu-right"><a href="/en/open-source/ten-framework/" class="megamenu-card-wrapper w-inline-block"><div class="w-layout-hflex flex-block-121 githubcolumn"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/68122cfa92c98d0abbed6fa2_TEN-Icon.svg" loading="lazy" alt="" class="image-74"/><div class="w-layout-vflex flex-block-123"><div class="w-layout-hflex flex-block-120 github-wrapper"><div class="w-layout-hflex flex-block-232"><h2 class="heading-50">TEN</h2><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/68122d0487f7c262028ed18a_framework-tag.svg" loading="lazy" alt="" class="image-75"/></div><div class="w-layout-hflex flex-block-232"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e7b8b4b269ea8aae809b8_github-white.svg" loading="lazy" alt="Github icon" class="image-75 githublogo"/><div id="github-stars-ten-framework" class="text-block-99 github-number">6,000</div></div></div><div class="text-block-99">Open-source framework for real-time, multimodal conversational AI.</div></div></div><div class="w-layout-vflex flex-block-122 tools-card"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6698f9ffa375148f212b7393_appbuildw.webp" loading="lazy" alt="Screenshot of App Builder" class="image-109315"/></div></a></div><div data-figma-id="329:1639" class="mega-menu-title"><div data-figma-id="329:1640" class="core-products">TOOLS</div></div><div class="w-layout-vflex flex-block-124 productmenu-right"><a href="/en/tools/app-builder/" class="megamenu-card-wrapper w-inline-block"><div class="w-layout-hflex flex-block-121"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b12a6478f4addcc57f78a1_App_Builder.svg" loading="lazy" alt="Agora App Builder icon" class="image-74"/><div class="w-layout-vflex flex-block-123"><div class="w-layout-hflex flex-block-120"><h2 class="heading-50">App Builder</h2><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667af560b99402a0ab824bbc_NoCode.svg" loading="lazy" alt="No Code icon" class="image-75"/></div><div class="text-block-99">The fastest and easiest way to integrate real-time engagement without code.</div></div></div><div class="w-layout-vflex flex-block-122 tools-card"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6698f9ffa375148f212b7393_appbuildw.webp" loading="lazy" alt="Screenshot of App Builder" class="image-109315"/></div></a><a href="/en/tools/flexible-classroom/" class="megamenu-card-wrapper w-inline-block"><div class="w-layout-hflex flex-block-121"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66336fd6b27bce3802c2f1fd_Classroom.svg" loading="lazy" alt="" class="image-74"/><div class="w-layout-vflex flex-block-123"><div class="w-layout-hflex flex-block-120"><h2 class="heading-50">Flexible Classroom</h2><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667af55fde8dec523160cbff_LowCode.svg" loading="lazy" alt="Low Code icon" class="image-75"/></div><div class="text-block-99">Build full-featured virtual classrooms with low code. </div></div></div><div class="w-layout-vflex flex-block-122 tools-card"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6698fa06f4d03845715cdca2_appbuild3.webp" loading="lazy" alt="Thumbnail of students and teacher on a video call." class="image-109315"/></div></a><a href="https://docs.agora.io/en/sdks?platform=android" target="_blank" class="megamenu-card-wrapper w-inline-block"><div class="w-layout-hflex flex-block-121"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b2bf0bd46b46ce4d467217_Download_SDK.svg" loading="lazy" alt="Download SDK icon" class="image-74"/><div class="w-layout-vflex flex-block-123"><div class="w-layout-hflex flex-block-120"><h2 class="heading-50">Download SDKs</h2><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667af55f771e7275f888f9a9_YourCode.svg" loading="lazy" alt="Your Code icon" class="image-75"/></div><div class="text-block-99">Build your vision with Agora's real-time SDKs. </div></div></div><div class="w-layout-vflex flex-block-122 tools-card"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6698fa095e9e9b266d452c6c_appbuild4.webp" loading="lazy" alt="AppBuilder thumbnail" class="image-109315"/></div></a></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"> | Unknown directive |
| 985 | <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/> | Syntax not understood |
| 986 | </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"> | Unknown directive |
| 987 | <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/> | Syntax not understood |
| 988 | </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/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><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></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"> | Unknown directive |
| 989 | <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/> | Syntax not understood |
| 990 | </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"> | Unknown directive |
| 991 | <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/> | Syntax not understood |
| 992 | </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/" 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/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></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/voice-calling/get-started/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/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/video-calling/get-started/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"> | Unknown directive |
| 993 | <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/> | Syntax not understood |
| 994 | </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"> | Unknown directive |
| 995 | <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/> | Syntax not understood |
| 996 | </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 & 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&utm_medium=website&utm_campaign=rte2024-liveshopping-latam&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"> | Unknown directive |
| 997 | <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/> | Syntax not understood |
| 998 | </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"> | Unknown directive |
| 999 | <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/> | Syntax not understood |
| 1000 | </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/" 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/help/integration-issues?platform=all-platforms" 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"> | Unknown directive |
| 1001 | <g> | Syntax not understood |
| 1002 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1003 | </g> | Syntax not understood |
| 1004 | </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"> | Unknown directive |
| 1005 | <g> | Syntax not understood |
| 1006 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1007 | </g> | Syntax not understood |
| 1008 | </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/99-isnt-enough-how-speechmatics-is-fixing-asr/" 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">The Mission to Understand Every Voice: A Conversation with Speechmatics’ Ricardo Herreros Symons</div></div></div></a></div><div class="codeblock-hide w-embed w-script"><script async> | Unknown directive |
| 1010 | window.addEventListener('scroll', () => { | Syntax not understood |
| 1011 | let overlay = document.querySelector('.headermenudropdown.w--open'); | Syntax not understood |
| 1012 | if(!overlay) return; | Syntax not understood |
| 1013 | if (window.scrollY > 80) { | Syntax not understood |
| 1014 | let megamenuContent = document.querySelector('.w--open .modal-megamenu-contentblock'); | Syntax not understood |
| 1015 | megamenuContent.style.top = '0px'; | Syntax not understood |
| 1016 | } else { | Syntax not understood |
| 1017 | let megamenuContent = document.querySelector('.w--open .modal-megamenu-contentblock'); | Syntax not understood |
| 1018 | megamenuContent.style.top = '80px'; | Syntax not understood |
| 1019 | } | Syntax not understood |
| 1020 | }); | Syntax not understood |
| 1022 | /* | Syntax not understood |
| 1023 | let navbarTop = 0; | Syntax not understood |
| 1024 | let transition = true; | Syntax not understood |
| 1025 | let position = "sticky"; | Syntax not understood |
| 1026 | let lastScrollPosition = 800; | Syntax not understood |
| 1027 | let throttling = false; | Syntax not understood |
| 1029 | const navbar = document.querySelector(".headernavbar"); | Syntax not understood |
| 1031 | function onScrollThrottled() { | Syntax not understood |
| 1032 | if (!throttling) { | Syntax not understood |
| 1033 | throttling = true; | Syntax not understood |
| 1034 | requestAnimationFrame(() => { | Syntax not understood |
| 1035 | onScroll(); | Syntax not understood |
| 1036 | throttling = false; | Syntax not understood |
| 1037 | }); | Syntax not understood |
| 1038 | } | Syntax not understood |
| 1039 | } | Syntax not understood |
| 1041 | function onScroll() { | Syntax not understood |
| 1042 | const currentScrollPosition = window.pageYOffset || document.documentElement.scrollTop; | Syntax not understood |
| 1043 | if (currentScrollPosition <= 800) { | Syntax not understood |
| 1044 | lastScrollPosition = 0; | Syntax not understood |
| 1045 | navbarTop = 0; | Syntax not understood |
| 1046 | if (position !== "sticky") { transition = true; } | Syntax not understood |
| 1047 | else { transition = false; } | Syntax not understood |
| 1048 | position = "sticky"; | Syntax not understood |
| 1049 | } else { | Syntax not understood |
| 1050 | if (currentScrollPosition > lastScrollPosition) { | Syntax not understood |
| 1051 | // Scrolling down | Syntax not understood |
| 1052 | if (position !== "fixed") { transition = true; } | Syntax not understood |
| 1053 | else { transition = false; } | Syntax not understood |
| 1054 | position = "fixed"; | Syntax not understood |
| 1055 | navbarTop = -navbar.offsetHeight; | Syntax not understood |
| 1056 | } else { | Syntax not understood |
| 1057 | // Scrolling up | Syntax not understood |
| 1058 | if (position !== "sticky") { transition = true; } | Syntax not understood |
| 1059 | else { transition = false; } | Syntax not understood |
| 1060 | position = "sticky"; | Syntax not understood |
| 1061 | navbarTop = 0; | Syntax not understood |
| 1062 | } | Syntax not understood |
| 1063 | lastScrollPosition = currentScrollPosition; | Syntax not understood |
| 1064 | } | Syntax not understood |
| 1065 | navbar.style = `position: ${position}; top: ${navbarTop}px; transition: ${ transition ? "none" : "100ms linear" }`; | Unknown directive |
| 1066 | } | Syntax not understood |
| 1068 | window.addEventListener("scroll", onScrollThrottled, { passive: true }); | Unknown directive |
| 1069 | */ | Syntax not understood |
| 1070 | </script></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, & 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"> | Unknown directive |
| 1071 | <g> | Syntax not understood |
| 1072 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1073 | </g> | Syntax not understood |
| 1074 | </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"> | Unknown directive |
| 1075 | <g> | Syntax not understood |
| 1076 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1077 | </g> | Syntax not understood |
| 1078 | </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/conversational-ai/overview/product-overview" 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> | Unknown directive |
| 1079 | .hero-video-iframe { | Syntax not understood |
| 1080 | width: 110%; | Unknown directive |
| 1081 | height: 100%; | Unknown directive |
| 1082 | margin-left: -20%; | Unknown directive |
| 1083 | margin-top: 15%; | Unknown directive |
| 1084 | } | Syntax not understood |
| 1086 | .hero-video-wrapper { | Syntax not understood |
| 1087 | position: relative; | Unknown directive |
| 1088 | width: 100%; | Unknown directive |
| 1089 | height: 100%; | Unknown directive |
| 1090 | } | Syntax not understood |
| 1092 | @media (max-width: 1441px) { | Unknown directive |
| 1093 | .hero-video-iframe { | Syntax not understood |
| 1094 | width: 120%; | Unknown directive |
| 1095 | height: 120%; | Unknown directive |
| 1096 | margin-left: -20%; | Unknown directive |
| 1097 | margin-top: 10%; | Unknown directive |
| 1098 | } | Syntax not understood |
| 1100 | .hero-video-wrapper { | Syntax not understood |
| 1101 | position: relative; | Unknown directive |
| 1102 | width: 110%; | Unknown directive |
| 1103 | height: 110%; | Unknown directive |
| 1104 | } | Syntax not understood |
| 1105 | } | Syntax not understood |
| 1107 | @media (max-width: 1280px) { | Unknown directive |
| 1108 | .hero-video-iframe { | Syntax not understood |
| 1109 | width: 120%; | Unknown directive |
| 1110 | height: 120%; | Unknown directive |
| 1111 | margin-left: -30%; | Unknown directive |
| 1112 | margin-top: 10%; | Unknown directive |
| 1113 | } | Syntax not understood |
| 1115 | .hero-video-wrapper { | Syntax not understood |
| 1116 | position: relative; | Unknown directive |
| 1117 | width: 110%; | Unknown directive |
| 1118 | height: 110%; | Unknown directive |
| 1119 | } | Syntax not understood |
| 1120 | } | Syntax not understood |
| 1123 | @media (max-width: 991px) { | Unknown directive |
| 1124 | .hero-video-iframe { | Syntax not understood |
| 1125 | margin-left: -10%; | Unknown directive |
| 1126 | margin-top: 10%; | Unknown directive |
| 1127 | } | Syntax not understood |
| 1128 | } | Syntax not understood |
| 1130 | @media (max-width: 767px) { | Unknown directive |
| 1131 | .hero-video-wrapper { | Syntax not understood |
| 1132 | width: 100%; | Unknown directive |
| 1133 | height: 100%; | Unknown directive |
| 1134 | } | Syntax not understood |
| 1135 | .hero-video-iframe { | Syntax not understood |
| 1136 | width: 160%; | Unknown directive |
| 1137 | margin-left: -30%; | Unknown directive |
| 1138 | } | Syntax not understood |
| 1139 | } | Syntax not understood |
| 1141 | @media (max-width: 479px) { | Unknown directive |
| 1142 | .hero-video-wrapper { | Syntax not understood |
| 1143 | width: 100%; | Unknown directive |
| 1144 | height: 100%; | Unknown directive |
| 1145 | } | Syntax not understood |
| 1147 | .hero-video-iframe { | Syntax not understood |
| 1148 | width: 180%; | Unknown directive |
| 1149 | margin-left: -40%; | Unknown directive |
| 1150 | } | Syntax not understood |
| 1151 | } | Syntax not understood |
| 1152 | </style> | Syntax not understood |
| 1153 | <div class="hero-video-wrapper"> | Syntax not understood |
| 1154 | <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> | Unknown directive |
| 1155 | </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 class="marquee-container"><div class="partners-slider"><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="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's most reliable and highest quality real-time network, delivering <200ms <br/>global latency, ensuring crystal-clear, lag-free voice, video, and Agentic AI.</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'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, so conversations 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, & HIPAA regulations. Frictionless integration with existing enterprise systems.</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="(max-width: 1320px) 100vw, 1320px" 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"> | Unknown directive |
| 1156 | <g> | Syntax not understood |
| 1157 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1158 | </g> | Syntax not understood |
| 1159 | </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"> | Unknown directive |
| 1160 | <g> | Syntax not understood |
| 1161 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1162 | </g> | Syntax not understood |
| 1163 | </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> | Syntax not understood |
| 1165 | .enter { | Syntax not understood |
| 1166 | animation: growAnime 200ms ease-in-out forwards; | Unknown directive |
| 1167 | } | Syntax not understood |
| 1168 | .leave { | Syntax not understood |
| 1169 | animation: shrinkIn 200ms ease-in-out forwards; | Unknown directive |
| 1170 | } | Syntax not understood |
| 1172 | @keyframes growAnime { | Syntax not understood |
| 1173 | from { | Syntax not understood |
| 1174 | scale: 0.1; | Unknown directive |
| 1175 | opacity: 0; | Unknown directive |
| 1176 | } | Syntax not understood |
| 1177 | to { | Syntax not understood |
| 1178 | scale: 1; | Unknown directive |
| 1179 | opacity: 1; | Unknown directive |
| 1180 | } | Syntax not understood |
| 1181 | } | Syntax not understood |
| 1182 | @keyframes shrinkIn { | Syntax not understood |
| 1183 | to { | Syntax not understood |
| 1184 | scale: 0.1; | Unknown directive |
| 1185 | opacity: 0; | Unknown directive |
| 1186 | } | Syntax not understood |
| 1187 | from { | Syntax not understood |
| 1188 | opacity: 1; | Unknown directive |
| 1189 | scale: 1; | Unknown directive |
| 1190 | } | Syntax not understood |
| 1191 | } | Syntax not understood |
| 1193 | </style></div><div class="tab-script w-embed w-script"><script> | Syntax not understood |
| 1195 | document.addEventListener("DOMContentLoaded", function () { | Syntax not understood |
| 1196 | const cards = document.querySelectorAll(".tab-pane-tab-1"); | Syntax not understood |
| 1197 | const follower = document.querySelector(".follower"); | Syntax not understood |
| 1199 | function updateFollowerPosition(event) { | Syntax not understood |
| 1200 | const followerSize = 60; | Syntax not understood |
| 1201 | const mouseX = event.pageX; | Syntax not understood |
| 1202 | //const mouseY = event.clientY; | Syntax not understood |
| 1203 | const mouseY = event.pageY; | Syntax not understood |
| 1204 | const followerX = mouseX - followerSize / 2; | Syntax not understood |
| 1205 | const followerY = mouseY - followerSize / 2; | Syntax not understood |
| 1206 | follower.css("left", followerX + "px") | Syntax not understood |
| 1207 | follower.css("top", followerY + "px") | Syntax not understood |
| 1209 | //follower.style.left = followerX + "px"; | Syntax not understood |
| 1210 | //follower.style.top = followerY + "px"; | Syntax not understood |
| 1211 | } | Syntax not understood |
| 1213 | cards.forEach((card) => { | Syntax not understood |
| 1214 | const cardEnter = (event) => { | Syntax not understood |
| 1215 | updateFollowerPosition(event); | Syntax not understood |
| 1216 | follower.addClass("enter") | Syntax not understood |
| 1217 | follower.removeClass("leave") | Syntax not understood |
| 1219 | //follower.className = "enter"; | Syntax not understood |
| 1220 | document.addEventListener("mousemove", updateFollowerPosition); | Syntax not understood |
| 1221 | }; | Syntax not understood |
| 1222 | const cardLeave = () => { | Syntax not understood |
| 1223 | follower.removeClass("enter") | Syntax not understood |
| 1224 | follower.addClass("leave") | Syntax not understood |
| 1225 | //follower.className = "leave"; | Syntax not understood |
| 1226 | document.removeEventListener("mousemove", updateFollowerPosition); | Syntax not understood |
| 1227 | }; | Syntax not understood |
| 1228 | card.addEventListener("mouseenter", cardEnter); | Syntax not understood |
| 1229 | card.addEventListener("mouseleave", cardLeave); | Syntax not understood |
| 1230 | }); | Syntax not understood |
| 1231 | }); | Syntax not understood |
| 1234 | </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"> | Unknown directive |
| 1235 | <defs> | Syntax not understood |
| 1236 | <style> | Syntax not understood |
| 1237 | .st0 { | Syntax not understood |
| 1238 | fill: #fff; | Unknown directive |
| 1239 | } | Syntax not understood |
| 1240 | </style> | Syntax not understood |
| 1241 | </defs> | Syntax not understood |
| 1242 | <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"/> | Syntax not understood |
| 1243 | <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"/> | Syntax not understood |
| 1244 | <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"/> | Syntax not understood |
| 1245 | </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"> | Unknown directive |
| 1246 | <g clip-path="url(#clip0_5227_18827)"> | Syntax not understood |
| 1247 | <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"/> | Syntax not understood |
| 1248 | <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"/> | Syntax not understood |
| 1249 | </g> | Syntax not understood |
| 1250 | <defs> | Syntax not understood |
| 1251 | <clipPath id="clip0_5227_18827"> | Syntax not understood |
| 1252 | <rect width="16" height="16" fill="white"/> | Syntax not understood |
| 1253 | </clipPath> | Syntax not understood |
| 1254 | </defs> | Syntax not understood |
| 1255 | </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"> | Unknown directive |
| 1256 | <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"/> | Syntax not understood |
| 1257 | </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"> | Unknown directive |
| 1258 | <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"/> | Syntax not understood |
| 1259 | <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"/> | Syntax not understood |
| 1260 | </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"> | Unknown directive |
| 1261 | <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"/> | Syntax not understood |
| 1262 | </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"> | Unknown directive |
| 1263 | <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"/> | Syntax not understood |
| 1264 | </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"> | Unknown directive |
| 1265 | <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"/> | Syntax not understood |
| 1266 | <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"/> | Syntax not understood |
| 1267 | <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"/> | Syntax not understood |
| 1268 | </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"> | Unknown directive |
| 1269 | <mask id="mask0_5227_18873" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16"> | Unknown directive |
| 1270 | <rect width="16" height="16" fill="#D9D9D9"/> | Syntax not understood |
| 1271 | </mask> | Syntax not understood |
| 1272 | <g mask="url(#mask0_5227_18873)"> | Syntax not understood |
| 1273 | <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"/> | Syntax not understood |
| 1274 | <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"/> | Syntax not understood |
| 1275 | <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"/> | Syntax not understood |
| 1276 | </g> | Syntax not understood |
| 1277 | </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"> | Unknown directive |
| 1278 | <g clip-path="url(#clip0_5227_18883)"> | Syntax not understood |
| 1279 | <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"/> | Syntax not understood |
| 1280 | <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"/> | Syntax not understood |
| 1281 | <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"/> | Syntax not understood |
| 1282 | <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"/> | Syntax not understood |
| 1283 | <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"/> | Syntax not understood |
| 1284 | </g> | Syntax not understood |
| 1285 | <defs> | Syntax not understood |
| 1286 | <clipPath id="clip0_5227_18883"> | Syntax not understood |
| 1287 | <rect width="16" height="16" fill="white"/> | Syntax not understood |
| 1288 | </clipPath> | Syntax not understood |
| 1289 | </defs> | Syntax not understood |
| 1290 | </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"> | Unknown directive |
| 1291 | <g> | Syntax not understood |
| 1292 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1293 | </g> | Syntax not understood |
| 1294 | </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"> | Unknown directive |
| 1295 | <g> | Syntax not understood |
| 1296 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1297 | </g> | Syntax not understood |
| 1298 | </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"> | Unknown directive |
| 1299 | <path d="M6.45831 25.0962L5 23.6379L20.2083 8.4295H11.3333V6.34619H23.75V18.7628H21.6667V9.88785L6.45831 25.0962Z" fill="black"/> | Syntax not understood |
| 1300 | </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> | Syntax not understood |
| 1301 | .code-custom{ | Syntax not understood |
| 1302 | /*background: black !important;*/ | Unknown directive |
| 1303 | background: radial-gradient(74.22% 64.62% at 26.36% 14.29%, #1A1A1A 0%, #151515 50%, #101010 100%) !important; | Unknown directive |
| 1305 | } | Syntax not understood |
| 1308 | .code-custom .linenumber{ | Syntax not understood |
| 1309 | color: rgba(255, 255, 255, 0.13); | Unknown directive |
| 1310 | padding-right: 20px !important; | Unknown directive |
| 1311 | } | Syntax not understood |
| 1314 | </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(); | Unknown directive |
| 1315 | </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">"Your app ID"</span><span>; | Unknown directive |
| 1316 | </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>); | Unknown directive |
| 1317 | </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>)); | Unknown directive |
| 1318 | </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>(); | Unknown directive |
| 1319 | </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>(); | Unknown directive |
| 1320 | </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">"<Your token>"</span><span>, </span><span style="color:#abe338">"<Your channel name>"</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">"<Your app id>"</span><span> | Unknown directive |
| 1321 | </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) | Unknown directive |
| 1322 | </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> | Unknown directive |
| 1323 | </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>() | Unknown directive |
| 1324 | </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 | Unknown directive |
| 1325 | </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) | Unknown directive |
| 1326 | </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>() | Unknown directive |
| 1327 | </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">"<Your token>"</span><span>, channelId: </span><span style="color:#abe338">"<channel name>"</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(); | Unknown directive |
| 1328 | </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>; | Unknown directive |
| 1329 | </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">"<Your app ID>"</span><span>; | Unknown directive |
| 1330 | </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; | Unknown directive |
| 1331 | </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->initialize(</span><span style="color:#dcc6e0">context</span><span>); | Unknown directive |
| 1332 | </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->setClientRole(CLIENT_ROLE_TYPE::CLIENT_ROLE_BROADCASTER); | Unknown directive |
| 1333 | </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->setupLocalVideo(<VideoCanvas>); | Unknown directive |
| 1334 | </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->enableVideo(); | Unknown directive |
| 1335 | </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->startPreview(); | Unknown directive |
| 1336 | </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->joinChannel(</span><span style="color:#abe338">"Your Token"</span><span>, </span><span style="color:#abe338">"<Your channel name>"</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">"rtc"</span><span>, codec: </span><span style="color:#abe338">"vp8"</span><span> }); | Unknown directive |
| 1337 | </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">"host"</span><span>); | Unknown directive |
| 1338 | </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">"<Your app ID>"</span><span>, </span><span style="color:#abe338">"<Your channel Name>"</span><span>, </span><span style="color:#abe338">"<Your token>"</span><span>, </span><span style="color:#f5ab35">1</span><span>); | Unknown directive |
| 1339 | </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>(); | Unknown directive |
| 1340 | </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>(); | Unknown directive |
| 1341 | </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]); | Unknown directive |
| 1342 | </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">"div"</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(); | Unknown directive |
| 1343 | </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">"<Your app ID>"</span><span>}); | Unknown directive |
| 1344 | </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>); | Unknown directive |
| 1345 | </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>); | Unknown directive |
| 1346 | </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: <Pass a div element here>}); | Unknown directive |
| 1347 | </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>(); | Unknown directive |
| 1348 | </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>(); | Unknown directive |
| 1349 | </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">"<Your token>"</span><span>, </span><span style="color:#abe338">"<You channel name>"</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(); | Unknown directive |
| 1350 | </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">"<Your app ID>"</span><span>)); | Unknown directive |
| 1351 | </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>, | Unknown directive |
| 1352 | </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>); | Unknown directive |
| 1353 | </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><Use a Container here> = AgoraVideoView(controller: VideoViewController(rtcEngine: agoraEngine,canvas: VideoCanvas(uid: </span><span style="color:#f5ab35">0</span><span>)); | Unknown directive |
| 1354 | </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>(); | Unknown directive |
| 1355 | </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>(); | Unknown directive |
| 1356 | </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: <</span><span style="color:#abe338">"You token"</span><span>>,channelId: </span><span style="color:#abe338">"You channel name"</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 'react-native-agora'; | Unknown directive |
| 1357 | </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<IRtcEngine>(); | Unknown directive |
| 1358 | </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">"<Your app ID>"</span><span>,channelProfile: ChannelProfileType</span><span style="color:#ffa07a">.ChannelProfileLiveBroadcasting</span><span>}); | Unknown directive |
| 1359 | </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>); | Unknown directive |
| 1360 | </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>(); | Unknown directive |
| 1361 | </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>(); | Unknown directive |
| 1362 | </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">"<Your token>"</span><span>, </span><span style="color:#abe338">"<You channel name>"</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>(); | Unknown directive |
| 1363 | </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">"<You app ID>"</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">""</span><span>); | Unknown directive |
| 1364 | </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>); | Unknown directive |
| 1365 | </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>); | Unknown directive |
| 1366 | </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>(); | Unknown directive |
| 1367 | </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">""</span><span>, VIDEO_SOURCE_TYPE</span><span style="color:#ffa07a">.VIDEO_SOURCE_CAMERA</span><span>); | Unknown directive |
| 1368 | </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); | Unknown directive |
| 1369 | </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">"Your token"</span><span>, </span><span style="color:#abe338">"You channel"</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; | Unknown directive |
| 1370 | </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> = <Your AppId> | Unknown directive |
| 1371 | </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(); | Unknown directive |
| 1372 | </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> | Unknown directive |
| 1373 | </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(); | Unknown directive |
| 1374 | </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->initialize(RtcEngineContext); | Unknown directive |
| 1375 | </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> | Unknown directive |
| 1376 | </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->enableAudio(); | Unknown directive |
| 1377 | </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->enableVideo(); | Unknown directive |
| 1378 | </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->joinChannel(<Your Token>, <Your ChannelName>, </span><span style="color:#abe338">""</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/video-calling/get-started/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"> | Unknown directive |
| 1379 | <g> | Syntax not understood |
| 1380 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1381 | </g> | Syntax not understood |
| 1382 | </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"> | Unknown directive |
| 1383 | <g> | Syntax not understood |
| 1384 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1385 | </g> | Syntax not understood |
| 1386 | </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=" | Unknown directive |
| 1387 | A collage of video conferencing interface elements including participants' 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/video-calling/get-started/get-started-uikit" 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"> | Syntax not understood |
| 1388 | <g> | Syntax not understood |
| 1389 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1390 | </g> | Syntax not understood |
| 1391 | </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"> | Unknown directive |
| 1392 | <g> | Syntax not understood |
| 1393 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1394 | </g> | Syntax not understood |
| 1395 | </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"> | Unknown directive |
| 1396 | <g> | Syntax not understood |
| 1397 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1398 | </g> | Syntax not understood |
| 1399 | </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"> | Unknown directive |
| 1400 | <g> | Syntax not understood |
| 1401 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1402 | </g> | Syntax not understood |
| 1403 | </svg></div></div><div class="primary-btn-label-outline">App Builder Quickstart</div></a></div></div></div></div><div class="w-embed"><style> | Syntax not understood |
| 1404 | .gradient-box-shadow:before{ | Unknown directive |
| 1405 | content: ""; | Unknown directive |
| 1406 | position: absolute; | Unknown directive |
| 1407 | background: red; | Unknown directive |
| 1408 | height: 111%; | Unknown directive |
| 1409 | width: 102%; | Unknown directive |
| 1410 | top: -6%; | Unknown directive |
| 1411 | left: -1%; | Unknown directive |
| 1412 | z-index: -1; | Unknown directive |
| 1413 | border-radius: 51px; | Unknown directive |
| 1414 | background: linear-gradient(270deg, #00C2FF 7.35%, #A0FAFF 36.64%, #FCF9F8 65.94%, #C46FFB 96.12%); | Unknown directive |
| 1415 | filter: blur(4px); | Unknown directive |
| 1416 | } | Syntax not understood |
| 1417 | </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">&</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 & 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"> | Unknown directive |
| 1418 | <g mask="url(#mask0_4570_35039)"> | Syntax not understood |
| 1419 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1420 | </g> | Syntax not understood |
| 1421 | </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"> | Unknown directive |
| 1422 | <g mask="url(#mask0_4570_35039)"> | Syntax not understood |
| 1423 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1424 | </g> | Syntax not understood |
| 1425 | </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="(max-width: 479px) 100vw, 345px" 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="(max-width: 479px) 100vw, 345px" 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="(max-width: 479px) 100vw, 345px" 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="(max-width: 479px) 100vw, 345px" 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"> | Unknown directive |
| 1426 | <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)"/> | Syntax not understood |
| 1427 | <defs> | Syntax not understood |
| 1428 | <linearGradient id="paint0_linear_8016_45341" x1="29.4497" y1="60.5" x2="29.4497" y2="-6.48031" gradientUnits="userSpaceOnUse"> | Syntax not understood |
| 1429 | <stop stop-color="#00C2FF"/> | Syntax not understood |
| 1430 | <stop offset="0.33" stop-color="#A0FAFF"/> | Syntax not understood |
| 1431 | <stop offset="0.66" stop-color="#FCF9F8"/> | Syntax not understood |
| 1432 | <stop offset="1" stop-color="#C46FFB"/> | Syntax not understood |
| 1433 | </linearGradient> | Syntax not understood |
| 1434 | </defs> | Syntax not understood |
| 1435 | </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."</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">"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%."</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="(max-width: 952px) 100vw, 952px" 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="(max-width: 952px) 100vw, 952px, 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="(max-width: 952px) 100vw, 952px" 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="(max-width: 952px) 100vw, 952px, 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="(max-width: 952px) 100vw, 952px, 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="(max-width: 952px) 100vw, 952px, 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="(max-width: 952px) 100vw, 952px, 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="(max-width: 952px) 100vw, 952px" 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"> | Unknown directive |
| 1436 | <rect x="0.5" y="0.711914" width="49" height="49" rx="24.5" stroke="currentColor"/> | Syntax not understood |
| 1437 | <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"/> | Syntax not understood |
| 1438 | </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"> | Unknown directive |
| 1439 | <rect x="0.5" y="0.711914" width="49" height="49" rx="24.5" stroke="currentColor"/> | Syntax not understood |
| 1440 | <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"/> | Syntax not understood |
| 1441 | </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"> | Unknown directive |
| 1442 | <g> | Syntax not understood |
| 1443 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1444 | </g> | Syntax not understood |
| 1445 | </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"> | Unknown directive |
| 1446 | <g> | Syntax not understood |
| 1447 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1448 | </g> | Syntax not understood |
| 1449 | </svg></div></div><div class="primary-btn-label-outline">View All</div></a></div></div></div><div class="styles w-embed w-script"><style> | Syntax not understood |
| 1450 | .container-gallery { | Syntax not understood |
| 1451 | width: 100%; | Unknown directive |
| 1452 | margin: auto auto; | Unknown directive |
| 1453 | max-width: 73.5rem; | Unknown directive |
| 1454 | display: flex; | Unknown directive |
| 1455 | gap: 4rem; | Unknown directive |
| 1456 | } | Syntax not understood |
| 1458 | .benefits-gallery { | Syntax not understood |
| 1459 | /** Previous standard height */ | Syntax not understood |
| 1460 | /*height: 34rem;*/ | Unknown directive |
| 1461 | position: relative; | Unknown directive |
| 1462 | max-width: 29.75rem; | Unknown directive |
| 1463 | height: 439px; | Unknown directive |
| 1464 | } | Syntax not understood |
| 1466 | .swiper-benefits-thumb { | Syntax not understood |
| 1467 | background-image: url("https://assets-global.website-files.com/6458f30fed157c01444bd0b2/649186bcd08ddae77b3e894f_bloc-02.jpg"); | Unknown directive |
| 1468 | background-position: 50%; | Unknown directive |
| 1469 | background-size: cover; | Unknown directive |
| 1470 | border-radius: 1.5rem; | Unknown directive |
| 1471 | width: 100%; | Unknown directive |
| 1472 | height: 100%; | Unknown directive |
| 1473 | /* width: 485px; */ | Unknown directive |
| 1474 | overflow: hidden; | Unknown directive |
| 1475 | } | Syntax not understood |
| 1477 | .swiper-benefits-thumb .swiper-slide { | Syntax not understood |
| 1478 | flex-shrink: 0; | Unknown directive |
| 1479 | height: 100%; | Unknown directive |
| 1480 | width: 100%; | Unknown directive |
| 1481 | /* width: 485px; */ | Unknown directive |
| 1482 | } | Syntax not understood |
| 1484 | .swiper-benefits-thumb .swiper-slide img { | Syntax not understood |
| 1485 | width: 100%; | Unknown directive |
| 1486 | height: 100%; | Unknown directive |
| 1487 | object-fit: cover; | Unknown directive |
| 1488 | /* width: 485px; */ | Unknown directive |
| 1489 | } | Syntax not understood |
| 1491 | .swiper-benefits-thumb.is-first { | Syntax not understood |
| 1492 | position: absolute; | Unknown directive |
| 1493 | top: 0; | Unknown directive |
| 1494 | right: 115%; | Unknown directive |
| 1495 | background-color: rebeccapurple; | Unknown directive |
| 1496 | } | Syntax not understood |
| 1498 | .swiper-benefits-thumb.is-last { | Syntax not understood |
| 1499 | position: absolute; | Unknown directive |
| 1500 | top: 0; | Unknown directive |
| 1501 | left: 255%; | Unknown directive |
| 1502 | background-color: bisque; | Unknown directive |
| 1503 | } | Syntax not understood |
| 1505 | .swiper-wrapper { | Syntax not understood |
| 1506 | display: flex; | Unknown directive |
| 1507 | } | Syntax not understood |
| 1508 | .benefit-container { | Syntax not understood |
| 1509 | flex-direction: column; | Unknown directive |
| 1510 | align-items: flex-start; | Unknown directive |
| 1511 | width: 100%; | Unknown directive |
| 1512 | max-width: 29.75rem; | Unknown directive |
| 1513 | display: flex; | Unknown directive |
| 1514 | } | Syntax not understood |
| 1516 | .benefit-container .content { | Syntax not understood |
| 1517 | width: 100%; | Unknown directive |
| 1518 | } | Syntax not understood |
| 1520 | @media screen and (max-width: 479px){ | Unknown directive |
| 1521 | .container-gallery{ | Syntax not understood |
| 1522 | gap: 20px !important; | Unknown directive |
| 1523 | } | Syntax not understood |
| 1525 | .benefit-container { | Syntax not understood |
| 1526 | align-items: center; | Unknown directive |
| 1527 | } | Syntax not understood |
| 1528 | } | Syntax not understood |
| 1530 | .content:not(:first-child) { | Unknown directive |
| 1531 | display: none; | Unknown directive |
| 1532 | } | Syntax not understood |
| 1534 | .slide-controls button:disabled, | Unknown directive |
| 1535 | .slide-controls button[disabled]{ | Syntax not understood |
| 1536 | color: var(--color--gray-800);; | Unknown directive |
| 1537 | background: none; | Unknown directive |
| 1538 | } | Syntax not understood |
| 1540 | .swiper-slide img{ | Syntax not understood |
| 1541 | object-position: left top; | Unknown directive |
| 1542 | } | Syntax not understood |
| 1543 | </style> | Syntax not understood |
| 1545 | <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script> | Unknown directive |
| 1546 | <script> | Syntax not understood |
| 1547 | const prev = document.querySelector("#prev"); | Syntax not understood |
| 1548 | const next = document.querySelector("#next"); | Syntax not understood |
| 1550 | const DECREMENT_ACTION = "DECREMENT"; | Syntax not understood |
| 1551 | const duration = 1; | Syntax not understood |
| 1553 | let current = 0; | Syntax not understood |
| 1555 | // Set content ids | Syntax not understood |
| 1556 | const contents = document.querySelectorAll("#js__slideContent > .content"); | Syntax not understood |
| 1557 | Array.from(contents).forEach((x, i) => { | Syntax not understood |
| 1558 | x.setAttribute("data-content-id", i); | Syntax not understood |
| 1559 | if (!i) x.classList.add("current"); | Syntax not understood |
| 1560 | }); | Syntax not understood |
| 1562 | const setActiveContent = (action = "INCREMENT") => { | Syntax not understood |
| 1563 | const currentContent = document.querySelector(".current"); | Syntax not understood |
| 1564 | currentContent.style.display = "none"; | Syntax not understood |
| 1565 | currentContent.classList.remove("current"); | Syntax not understood |
| 1567 | if (action === DECREMENT_ACTION) { | Syntax not understood |
| 1568 | current--; | Syntax not understood |
| 1569 | } else { | Syntax not understood |
| 1570 | current++; | Syntax not understood |
| 1571 | } | Syntax not understood |
| 1573 | const nextContent = document.querySelector( | Syntax not understood |
| 1574 | `.content[data-content-id="${current}"]` | Syntax not understood |
| 1575 | ); | Syntax not understood |
| 1576 | nextContent.style.display = "block"; | Syntax not understood |
| 1577 | nextContent.classList.add("current"); | Syntax not understood |
| 1579 | // Last Step, disable the next | Syntax not understood |
| 1580 | if (current === contents.length - 1) { | Syntax not understood |
| 1581 | next.setAttribute("disabled", true); | Syntax not understood |
| 1582 | } else if (current === 0) { | Syntax not understood |
| 1583 | // First Step, disable the prev | Syntax not understood |
| 1584 | prev.setAttribute("disabled", true); | Syntax not understood |
| 1585 | } else { | Syntax not understood |
| 1586 | next.removeAttribute("disabled"); | Syntax not understood |
| 1587 | prev.removeAttribute("disabled"); | Syntax not understood |
| 1588 | } | Syntax not understood |
| 1589 | }; | Syntax not understood |
| 1591 | /* Autoplay | Syntax not understood |
| 1592 | var tl = gsap.timeline(); | Syntax not understood |
| 1594 | tl.to(".swiper-wrapper", { | Syntax not understood |
| 1595 | x: -width, | Unknown directive |
| 1596 | duration: 2, | Unknown directive |
| 1597 | onReverseComplete() { | Syntax not understood |
| 1598 | setActiveContent(DECREMENT_ACTION); | Syntax not understood |
| 1599 | tl.pause(); | Syntax not understood |
| 1600 | }, | Syntax not understood |
| 1601 | onComplete() { | Syntax not understood |
| 1602 | setActiveContent(); | Syntax not understood |
| 1603 | tl.pause(); | Syntax not understood |
| 1604 | }, | Syntax not understood |
| 1605 | }); | Syntax not understood |
| 1606 | tl.to(".swiper-wrapper", { | Syntax not understood |
| 1607 | x: -width * 2, | Unknown directive |
| 1608 | duration: 2, | Unknown directive |
| 1609 | onReverseComplete() { | Syntax not understood |
| 1610 | setActiveContent(DECREMENT_ACTION); | Syntax not understood |
| 1611 | tl.pause(); | Syntax not understood |
| 1612 | }, | Syntax not understood |
| 1613 | onComplete() { | Syntax not understood |
| 1614 | setActiveContent(); | Syntax not understood |
| 1615 | tl.pause(); | Syntax not understood |
| 1616 | }, | Syntax not understood |
| 1617 | }); | Syntax not understood |
| 1618 | tl.add("abc"); | Syntax not understood |
| 1619 | tl.to(".swiper-wrapper", { | Syntax not understood |
| 1620 | x: -width * 3, | Unknown directive |
| 1621 | duration: 2, | Unknown directive |
| 1622 | onReverseComplete() { | Syntax not understood |
| 1623 | setActiveContent(DECREMENT_ACTION); | Syntax not understood |
| 1624 | tl.pause(); | Syntax not understood |
| 1625 | }, | Syntax not understood |
| 1626 | onComplete: () => { | Unknown directive |
| 1627 | setActiveContent(); | Syntax not understood |
| 1628 | }, | Syntax not understood |
| 1629 | }); | Syntax not understood |
| 1630 | */ | Syntax not understood |
| 1632 | next.onclick = function () { | Syntax not understood |
| 1633 | const width = document.querySelector(".swiper-slide").clientWidth; | Syntax not understood |
| 1634 | gsap.to(".swiper-wrapper", { | Syntax not understood |
| 1635 | x: -(current + 1) * width, | Unknown directive |
| 1636 | duration, | Syntax not understood |
| 1637 | onStart() { | Syntax not understood |
| 1638 | next.setAttribute("disabled", true); | Syntax not understood |
| 1639 | }, | Syntax not understood |
| 1640 | onComplete() { | Syntax not understood |
| 1641 | setActiveContent(); | Syntax not understood |
| 1642 | }, | Syntax not understood |
| 1643 | }); | Syntax not understood |
| 1644 | }; | Syntax not understood |
| 1646 | prev.onclick = function () { | Syntax not understood |
| 1647 | const width = document.querySelector(".swiper-slide").clientWidth; | Syntax not understood |
| 1648 | gsap.to(".swiper-wrapper", { | Syntax not understood |
| 1649 | x: -(current - 1) * width, | Unknown directive |
| 1650 | duration, | Syntax not understood |
| 1651 | onStart() { | Syntax not understood |
| 1652 | prev.setAttribute("disabled", true); | Syntax not understood |
| 1653 | }, | Syntax not understood |
| 1654 | onComplete() { | Syntax not understood |
| 1655 | setActiveContent(DECREMENT_ACTION); | Syntax not understood |
| 1656 | }, | Syntax not understood |
| 1657 | }); | Syntax not understood |
| 1658 | }; | Syntax not understood |
| 1659 | </script></div></section><section 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"> | Unknown directive |
| 1660 | <g> | Syntax not understood |
| 1661 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1662 | </g> | Syntax not understood |
| 1663 | </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"> | Unknown directive |
| 1664 | <g> | Syntax not understood |
| 1665 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1666 | </g> | Syntax not understood |
| 1667 | </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"> | Unknown directive |
| 1668 | <g> | Syntax not understood |
| 1669 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1670 | </g> | Syntax not understood |
| 1671 | </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"> | Unknown directive |
| 1672 | <g> | Syntax not understood |
| 1673 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1674 | </g> | Syntax not understood |
| 1675 | </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/" 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"> | Unknown directive |
| 1676 | <g> | Syntax not understood |
| 1677 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1678 | </g> | Syntax not understood |
| 1679 | </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"> | Unknown directive |
| 1680 | <g> | Syntax not understood |
| 1681 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1682 | </g> | Syntax not understood |
| 1683 | </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 & 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/" 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"> | Unknown directive |
| 1684 | <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"/> | Syntax not understood |
| 1685 | <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"/> | Syntax not understood |
| 1686 | <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"/> | Syntax not understood |
| 1687 | <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"/> | Syntax not understood |
| 1688 | <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"/> | Syntax not understood |
| 1689 | </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"> | Syntax not understood |
| 1690 | </expertise-ai> | Syntax not understood |
| 1691 | <script src="https://cdn.expertise.ai/genweb/ai-genweb.js" defer> | Unknown directive |
| 1692 | </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.ddddc8ab60f46af5.js" type="text/javascript" integrity="sha384-2TuoyxSiN/+41ozvuhp9geQsDOYIk0ZiwLUi8IQeJOKs4dmjp8gRzj8KOZ8KC8mL" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/js/agoras-website.673e16ec.045862b7c185e470.js" type="text/javascript" integrity="sha384-thZavmr5uSO5wNrLyqvrN44A4px8EmAtENXREZ3cIgcVN36d+L+FQrTej/2x4E/3" crossorigin="anonymous"></script><script defer src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> | Unknown directive |
| 1693 | <script defer src="https://awsmfl2.s3.amazonaws.com/ga4-triggers-min.js"></script> | Unknown directive |
| 1695 | <!-- Version check: auto-refresh once when a new version is published | Unknown directive |
| 1696 | <script> | Syntax not understood |
| 1697 | const SITE_VERSION = "2025-08-14-2"; | Syntax not understood |
| 1699 | (function () { | Syntax not understood |
| 1700 | const KEY = "SITE_VERSION"; | Syntax not understood |
| 1701 | try { | Syntax not understood |
| 1702 | const oldV = localStorage.getItem(KEY); | Syntax not understood |
| 1703 | if (!oldV) { | Syntax not understood |
| 1704 | localStorage.setItem(KEY, SITE_VERSION); | Syntax not understood |
| 1705 | return; | Syntax not understood |
| 1706 | } | Syntax not understood |
| 1707 | if (oldV !== SITE_VERSION) { | Syntax not understood |
| 1708 | const url = new URL(window.location.href); | Syntax not understood |
| 1709 | url.searchParams.set('_v', SITE_VERSION); | Syntax not understood |
| 1710 | localStorage.setItem(KEY, SITE_VERSION); | Syntax not understood |
| 1711 | window.location.replace(url.toString()); | Syntax not understood |
| 1712 | } | Syntax not understood |
| 1713 | } catch (e) { | Syntax not understood |
| 1714 | console.warn('Version check failed:', e); | Unknown directive |
| 1715 | } | Syntax not understood |
| 1716 | })(); | Syntax not understood |
| 1717 | </script> | Syntax not understood |
| 1718 | --> | Syntax not understood |
| 1720 | <script defer> | Syntax not understood |
| 1721 | // Global Function | Syntax not understood |
| 1722 | function getCookie(cname) { | Syntax not understood |
| 1723 | var name = cname + "="; | Syntax not understood |
| 1724 | var decodedCookie = decodeURIComponent(document.cookie); | Syntax not understood |
| 1725 | var ca = decodedCookie.split(';'); | Syntax not understood |
| 1726 | for(var i = 0; i <ca.length; i++) { | Syntax not understood |
| 1727 | var c = ca[i]; | Syntax not understood |
| 1728 | while (c.charAt(0) == ' ') { | Syntax not understood |
| 1729 | c = c.substring(1); | Syntax not understood |
| 1730 | } | Syntax not understood |
| 1731 | if (c.indexOf(name) == 0) { | Syntax not understood |
| 1732 | return c.substring(name.length, c.length); | Syntax not understood |
| 1733 | } | Syntax not understood |
| 1734 | } | Syntax not understood |
| 1735 | return ""; | Syntax not understood |
| 1736 | } | Syntax not understood |
| 1738 | function GetURLParameter(sParam) | Syntax not understood |
| 1739 | { | Syntax not understood |
| 1740 | var sPageURL = storednew; | Syntax not understood |
| 1741 | var sURLVariables = sPageURL.split(','); | Syntax not understood |
| 1742 | for (var i = 0; i < sURLVariables.length; i++) | Syntax not understood |
| 1743 | { | Syntax not understood |
| 1744 | var sParameterName = sURLVariables[i].split(':'); | Unknown directive |
| 1745 | if (sParameterName[0] == sParam) | Syntax not understood |
| 1746 | { | Syntax not understood |
| 1747 | return sParameterName[1]; | Syntax not understood |
| 1748 | } | Syntax not understood |
| 1749 | } | Syntax not understood |
| 1750 | } | Syntax not understood |
| 1751 | </script> | Syntax not understood |
| 1753 | <!-- Swiper --> | Syntax not understood |
| 1754 | <script defer> | Syntax not understood |
| 1755 | window.addEventListener("load", function () { | Syntax not understood |
| 1757 | if (!window.Swiper) { | Syntax not understood |
| 1758 | console.warn("Swiper not loaded"); | Syntax not understood |
| 1759 | return; | Syntax not understood |
| 1760 | } | Syntax not understood |
| 1762 | const slider = document.querySelector(".swiper.is-team"); | Syntax not understood |
| 1763 | if(!slider) return; | Syntax not understood |
| 1765 | new window.Swiper(slider, { | Syntax not understood |
| 1766 | loop: true, | Unknown directive |
| 1767 | slidesPerView: 1.5, | Unknown directive |
| 1768 | spaceBetween: 16, | Unknown directive |
| 1769 | navigation: { | Unknown directive |
| 1770 | nextEl: ".swiper-btn-next", | Unknown directive |
| 1771 | prevEl: ".swiper-btn-prev" | Unknown directive |
| 1772 | }, | Syntax not understood |
| 1773 | breakpoints: { | Unknown directive |
| 1774 | 480: { | Unknown directive |
| 1775 | slidesPerView: 3 | Unknown directive |
| 1776 | } | Syntax not understood |
| 1777 | } | Syntax not understood |
| 1778 | }); | Syntax not understood |
| 1780 | }); | Syntax not understood |
| 1781 | </script> | Syntax not understood |
| 1783 | <script defer> | Syntax not understood |
| 1784 | document.addEventListener("DOMContentLoaded", function() { | Syntax not understood |
| 1788 | // Select the last link in the footer links container | Syntax not understood |
| 1789 | var links = document.querySelectorAll('.footer-links-container.footerbottom-links a'); | Syntax not understood |
| 1790 | if (links.length > 0) { | Syntax not understood |
| 1791 | var lastLink = links[links.length - 1]; | Syntax not understood |
| 1792 | var span = document.createElement('span'); | Syntax not understood |
| 1794 | // Copy the class and innerHTML from the link to the span | Syntax not understood |
| 1795 | span.className = lastLink.className; | Syntax not understood |
| 1796 | span.innerHTML = lastLink.innerHTML; | Syntax not understood |
| 1798 | // Replace the link with the span | Syntax not understood |
| 1799 | lastLink.parentNode.replaceChild(span, lastLink); | Syntax not understood |
| 1800 | } | Syntax not understood |
| 1801 | }); | Syntax not understood |
| 1802 | </script> | Syntax not understood |
| 1804 | <style> | Syntax not understood |
| 1806 | background-color: #ffffff !important; | Unknown directive |
| 1807 | border-color: #ffffff !important; | Unknown directive |
| 1808 | color: #000000 !important; | Unknown directive |
| 1809 | } | Syntax not understood |
| 1812 | background-color: #099DFD !important; | Unknown directive |
| 1813 | border-color: #099DFD !important; | Unknown directive |
| 1814 | color: #ffffff !important; | Unknown directive |
| 1815 | } | Syntax not understood |
| 1817 | </style> | Syntax not understood |
| 1819 | <style> | Syntax not understood |
| 1820 | .button.cmp-save-btn:hover, .cc-btn:hover, .cmp-save-btn:hover { | Unknown directive |
| 1821 | background-color: #00C2FF !important; | Unknown directive |
| 1822 | border: none !important; | Unknown directive |
| 1823 | color: #ffffff !important; | Unknown directive |
| 1824 | padding: 0 17px !important; | Unknown directive |
| 1825 | } | Syntax not understood |
| 1827 | .cc-window.cc-floating { | Syntax not understood |
| 1828 | max-width: 38em !important; | Unknown directive |
| 1829 | } | Syntax not understood |
| 1831 | display: none !important; | Unknown directive |
| 1832 | } | Syntax not understood |
| 1833 | .cmp-revoke-consent { | Syntax not understood |
| 1834 | bottom: 10px !important; | Unknown directive |
| 1835 | position: relative !important; | Unknown directive |
| 1836 | padding: 10px 0px 10px 0px !important; | Unknown directive |
| 1837 | } | Syntax not understood |
| 1839 | .cmp-revoke-consent { | Syntax not understood |
| 1840 | color: #84888b !important; | Unknown directive |
| 1841 | font-size: 14px !important; | Unknown directive |
| 1842 | font-weight: 500 !important; | Unknown directive |
| 1843 | text-decoration: none !important; | Unknown directive |
| 1844 | position: relative !important; | Unknown directive |
| 1845 | } | Syntax not understood |
| 1847 | .cmp-revoke-consent:hover { | Unknown directive |
| 1848 | color: #dee2e5 !important; | Unknown directive |
| 1849 | text-decoration: underline !important; | Unknown directive |
| 1850 | } | Syntax not understood |
| 1852 | .cmp-modal h2 { | Syntax not understood |
| 1853 | font-weight: 600 !important; | Unknown directive |
| 1854 | margin-bottom: 8px !important; | Unknown directive |
| 1855 | } | Syntax not understood |
| 1856 | .cmp-modal p, .cmp-modal span { | Syntax not understood |
| 1857 | font-family: Jokker !important; | Unknown directive |
| 1858 | font-weight: 400 !important; | Unknown directive |
| 1859 | font-size: 14px !important; | Unknown directive |
| 1860 | line-height: 1.5 !important; | Unknown directive |
| 1861 | } | Syntax not understood |
| 1862 | </style> | Syntax not understood |
| 1865 | <!-- Fetches GitHub stars for TEN Framework (Meher) --> | Syntax not understood |
| 1866 | <script> | Syntax not understood |
| 1867 | async function getGitHubStarCount(owner, repo) { | Syntax not understood |
| 1868 | const url = `https://api.github.com/repos/${owner}/${repo}`; | Unknown directive |
| 1870 | try { | Syntax not understood |
| 1871 | const response = await fetch(url); | Syntax not understood |
| 1872 | if (!response.ok) { | Syntax not understood |
| 1873 | throw new Error(`GitHub API error: ${response.status}`); | Unknown directive |
| 1874 | } | Syntax not understood |
| 1876 | const data = await response.json(); | Syntax not understood |
| 1877 | const starCount = data.stargazers_count.toLocaleString(); // Add commas | Syntax not understood |
| 1879 | const element = document.getElementById('github-stars-ten-framework'); | Syntax not understood |
| 1880 | if (element) { | Syntax not understood |
| 1881 | element.textContent = `☆ ${starCount}`; | Syntax not understood |
| 1882 | } | Syntax not understood |
| 1883 | } catch (error) { | Syntax not understood |
| 1884 | console.error('Error fetching GitHub stars:', error.message); | Unknown directive |
| 1885 | } | Syntax not understood |
| 1886 | } | Syntax not understood |
| 1888 | // Call the function after the page loads | Syntax not understood |
| 1889 | document.addEventListener("DOMContentLoaded", function() { | Syntax not understood |
| 1890 | getGitHubStarCount('TEN-framework', 'ten-framework'); | Syntax not understood |
| 1891 | }); | Syntax not understood |
| 1892 | </script> | Syntax not understood |
| 1894 | <script> | Syntax not understood |
| 1895 | async function fetchGitHubStars(owner, repo) { | Syntax not understood |
| 1896 | const url = `https://api.github.com/repos/${owner}/${repo}`; | Unknown directive |
| 1898 | try { | Syntax not understood |
| 1899 | const response = await fetch(url); | Syntax not understood |
| 1900 | if (!response.ok) { | Syntax not understood |
| 1901 | throw new Error(`GitHub API error: ${response.status}`); | Unknown directive |
| 1902 | } | Syntax not understood |
| 1904 | const data = await response.json(); | Syntax not understood |
| 1905 | const starCount = data.stargazers_count.toLocaleString(); // Add commas | Syntax not understood |
| 1907 | const element = document.querySelector('[data-stars]'); | Syntax not understood |
| 1908 | if (element) { | Syntax not understood |
| 1909 | element.textContent = `☆ ${starCount}`; | Syntax not understood |
| 1910 | } | Syntax not understood |
| 1911 | } catch (error) { | Syntax not understood |
| 1912 | console.error('Error fetching GitHub stars:', error.message); | Unknown directive |
| 1913 | } | Syntax not understood |
| 1914 | } | Syntax not understood |
| 1916 | document.addEventListener("DOMContentLoaded", function () { | Syntax not understood |
| 1917 | fetchGitHubStars('TEN-framework', 'ten-framework'); | Syntax not understood |
| 1918 | }); | Syntax not understood |
| 1919 | </script> | Syntax not understood |
| 1921 | <script> | Syntax not understood |
| 1922 | /** | Syntax not understood |
| 1923 | * Footer Health Indicator | Syntax not understood |
| 1924 | * Fetches system health status from Agora status API and displays it in the footer | Syntax not understood |
| 1925 | */ | Syntax not understood |
| 1927 | class FooterHealthIndicator { | Syntax not understood |
| 1928 | constructor() { | Syntax not understood |
| 1929 | this.apiUrl = 'https://status.agora.io/api/v1/products/current-status'; | Unknown directive |
| 1930 | this.statusPageUrl = 'https://status.agora.io/'; | Unknown directive |
| 1931 | this.supportUrl = 'https://agoraio.zendesk.com/hc/en-us/requests/new'; | Unknown directive |
| 1932 | this.cacheDuration = 60000; // Cache for 60 seconds | Syntax not understood |
| 1933 | this.lastFetchTime = 0; | Syntax not understood |
| 1934 | this.cachedStatus = null; | Syntax not understood |
| 1935 | this.indicatorElement = null; | Syntax not understood |
| 1936 | this.tooltipElement = null; | Syntax not understood |
| 1937 | this.hideTooltipTimeout = null; | Syntax not understood |
| 1938 | } | Syntax not understood |
| 1940 | /** | Syntax not understood |
| 1941 | * Initialize the health indicator | Syntax not understood |
| 1942 | */ | Syntax not understood |
| 1943 | init() { | Syntax not understood |
| 1944 | // Wait for DOM to be ready | Syntax not understood |
| 1945 | if (document.readyState === 'loading') { | Syntax not understood |
| 1946 | document.addEventListener('DOMContentLoaded', () => this.setup()); | Syntax not understood |
| 1947 | } else { | Syntax not understood |
| 1948 | this.setup(); | Syntax not understood |
| 1949 | } | Syntax not understood |
| 1950 | } | Syntax not understood |
| 1952 | /** | Syntax not understood |
| 1953 | * Setup the indicator UI | Syntax not understood |
| 1954 | */ | Syntax not understood |
| 1955 | setup() { | Syntax not understood |
| 1956 | // Find or create footer element | Syntax not understood |
| 1957 | const footer = document.querySelector('.footer-health-container'); | Syntax not understood |
| 1958 | if (!footer) { | Syntax not understood |
| 1959 | console.warn('Footer element not found'); | Syntax not understood |
| 1960 | return; | Syntax not understood |
| 1961 | } | Syntax not understood |
| 1963 | // Create indicator container | Syntax not understood |
| 1964 | this.indicatorElement = this.createIndicatorElement(); | Syntax not understood |
| 1966 | // Create tooltip element | Syntax not understood |
| 1967 | this.tooltipElement = this.createTooltipElement(); | Syntax not understood |
| 1969 | // Insert into footer | Syntax not understood |
| 1970 | footer.appendChild(this.indicatorElement); | Syntax not understood |
| 1971 | document.body.appendChild(this.tooltipElement); | Syntax not understood |
| 1973 | // Attach event listeners | Syntax not understood |
| 1974 | this.indicatorElement.addEventListener('mouseenter', () => this.showTooltip()); | Syntax not understood |
| 1975 | this.indicatorElement.addEventListener('mouseleave', () => this.scheduleHideTooltip()); | Syntax not understood |
| 1976 | this.tooltipElement.addEventListener('mouseenter', () => this.showTooltip()); | Syntax not understood |
| 1977 | this.tooltipElement.addEventListener('mouseleave', () => this.scheduleHideTooltip()); | Syntax not understood |
| 1979 | // Fetch and display status | Syntax not understood |
| 1980 | this.fetchAndDisplayStatus(); | Syntax not understood |
| 1982 | // Refresh status every 5 minutes | Syntax not understood |
| 1983 | setInterval(() => this.fetchAndDisplayStatus(), 300000); | Syntax not understood |
| 1984 | } | Syntax not understood |
| 1986 | /** | Syntax not understood |
| 1987 | * Create the indicator DOM element | Syntax not understood |
| 1988 | */ | Syntax not understood |
| 1989 | createIndicatorElement() { | Syntax not understood |
| 1990 | const container = document.createElement('div'); | Syntax not understood |
| 1991 | container.className = 'agora-health-indicator'; | Syntax not understood |
| 1992 | container.innerHTML = ` | Syntax not understood |
| 1993 | <div class="agora-health-indicator__content"> | Syntax not understood |
| 1994 | <span class="agora-health-indicator__dot"></span> | Syntax not understood |
| 1995 | <span class="agora-health-indicator__text">Checking status...</span> | Syntax not understood |
| 1996 | </div> | Syntax not understood |
| 1997 | `; | Syntax not understood |
| 1998 | return container; | Syntax not understood |
| 1999 | } | Syntax not understood |
| 2001 | /** | Syntax not understood |
| 2002 | * Create the tooltip DOM element | Syntax not understood |
| 2003 | */ | Syntax not understood |
| 2004 | createTooltipElement() { | Syntax not understood |
| 2005 | const tooltip = document.createElement('div'); | Syntax not understood |
| 2006 | tooltip.className = 'agora-health-tooltip'; | Syntax not understood |
| 2007 | tooltip.innerHTML = ` | Syntax not understood |
| 2008 | <div class="agora-health-tooltip__content"> | Syntax not understood |
| 2009 | <p class="agora-health-tooltip__title">Service Status</p> | Syntax not understood |
| 2010 | <p class="agora-health-tooltip__message"> | Syntax not understood |
| 2011 | 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>. | Syntax not understood |
| 2012 | </p> | Syntax not understood |
| 2013 | </div> | Syntax not understood |
| 2014 | `; | Syntax not understood |
| 2015 | return tooltip; | Syntax not understood |
| 2016 | } | Syntax not understood |
| 2018 | /** | Syntax not understood |
| 2019 | * Fetch health status from API with caching | Syntax not understood |
| 2020 | */ | Syntax not understood |
| 2021 | async fetchHealthStatus() { | Syntax not understood |
| 2022 | const now = Date.now(); | Syntax not understood |
| 2024 | // Return cached status if available | Syntax not understood |
| 2025 | if (this.cachedStatus && (now - this.lastFetchTime) < this.cacheDuration) { | Syntax not understood |
| 2026 | return this.cachedStatus; | Syntax not understood |
| 2027 | } | Syntax not understood |
| 2029 | try { | Syntax not understood |
| 2030 | const response = await fetch(this.apiUrl, { | Syntax not understood |
| 2031 | method: 'GET', | Unknown directive |
| 2032 | headers: { | Unknown directive |
| 2033 | 'Content-Type': 'application/json', | Unknown directive |
| 2034 | }, | Syntax not understood |
| 2035 | }); | Syntax not understood |
| 2037 | if (!response.ok) { | Syntax not understood |
| 2038 | throw new Error(`API error: ${response.status}`); | Unknown directive |
| 2039 | } | Syntax not understood |
| 2041 | const data = await response.json(); | Syntax not understood |
| 2042 | this.lastFetchTime = now; | Syntax not understood |
| 2043 | this.cachedStatus = this.evaluateStatus(data); | Syntax not understood |
| 2044 | return this.cachedStatus; | Syntax not understood |
| 2045 | } catch (error) { | Syntax not understood |
| 2046 | console.warn('Failed to fetch health status:', error); | Unknown directive |
| 2047 | // Return error state to hide indicator | Syntax not understood |
| 2048 | return { | Syntax not understood |
| 2049 | isHealthy: true, | Unknown directive |
| 2050 | status: 'error', | Unknown directive |
| 2051 | message: 'Error fetching status', | Unknown directive |
| 2052 | }; | Syntax not understood |
| 2053 | } | Syntax not understood |
| 2054 | } | Syntax not understood |
| 2056 | /** | Syntax not understood |
| 2057 | * Evaluate the API response to determine overall system status | Syntax not understood |
| 2058 | * @param {Array} data - API response data | Syntax not understood |
| 2059 | * @returns {Object} Status object with isHealthy flag and message | Syntax not understood |
| 2060 | */ | Syntax not understood |
| 2061 | evaluateStatus(data) { | Syntax not understood |
| 2062 | if (!Array.isArray(data)) { | Syntax not understood |
| 2063 | return { | Syntax not understood |
| 2064 | isHealthy: true, | Unknown directive |
| 2065 | status: 'unknown', | Unknown directive |
| 2066 | message: 'Invalid response format', | Unknown directive |
| 2067 | }; | Syntax not understood |
| 2068 | } | Syntax not understood |
| 2070 | // Check if any product or metric has a non-zero status | Syntax not understood |
| 2071 | const hasIssues = data.some(product => { | Syntax not understood |
| 2072 | // Check product status | Syntax not understood |
| 2073 | if (product.current_status !== 0) { | Syntax not understood |
| 2074 | return true; | Syntax not understood |
| 2075 | } | Syntax not understood |
| 2077 | // Check children metrics | Syntax not understood |
| 2078 | if (Array.isArray(product.childrens)) { | Syntax not understood |
| 2079 | return product.childrens.some(metric => metric.current_status !== 0); | Syntax not understood |
| 2080 | } | Syntax not understood |
| 2082 | return false; | Syntax not understood |
| 2083 | }); | Syntax not understood |
| 2085 | if (hasIssues) { | Syntax not understood |
| 2086 | return { | Syntax not understood |
| 2087 | isHealthy: false, | Unknown directive |
| 2088 | status: 'partial', | Unknown directive |
| 2089 | message: 'Partial service disruption', | Unknown directive |
| 2090 | }; | Syntax not understood |
| 2091 | } | Syntax not understood |
| 2093 | return { | Syntax not understood |
| 2094 | isHealthy: true, | Unknown directive |
| 2095 | status: 'operational', | Unknown directive |
| 2096 | message: 'All systems operational', | Unknown directive |
| 2097 | }; | Syntax not understood |
| 2098 | } | Syntax not understood |
| 2100 | /** | Syntax not understood |
| 2101 | * Fetch status and update the UI | Syntax not understood |
| 2102 | */ | Syntax not understood |
| 2103 | async fetchAndDisplayStatus() { | Syntax not understood |
| 2104 | const status = await this.fetchHealthStatus(); | Syntax not understood |
| 2105 | this.updateIndicatorUI(status); | Syntax not understood |
| 2106 | } | Syntax not understood |
| 2108 | /** | Syntax not understood |
| 2109 | * Update the indicator UI based on status | Syntax not understood |
| 2110 | */ | Syntax not understood |
| 2111 | updateIndicatorUI(status) { | Syntax not understood |
| 2112 | if (!this.indicatorElement) return; | Syntax not understood |
| 2114 | // Hide indicator if API error | Syntax not understood |
| 2115 | if (status.status === 'error') { | Syntax not understood |
| 2116 | this.indicatorElement.style.display = 'none'; | Syntax not understood |
| 2117 | return; | Syntax not understood |
| 2118 | } | Syntax not understood |
| 2120 | // Show indicator if previously hidden | Syntax not understood |
| 2121 | this.indicatorElement.style.display = 'inline-flex'; | Syntax not understood |
| 2123 | const textElement = this.indicatorElement.querySelector('.agora-health-indicator__text'); | Syntax not understood |
| 2124 | const dotElement = this.indicatorElement.querySelector('.agora-health-indicator__dot'); | Syntax not understood |
| 2126 | if (status.isHealthy) { | Syntax not understood |
| 2127 | this.indicatorElement.classList.remove('agora-health-indicator--disruption'); | Syntax not understood |
| 2128 | this.indicatorElement.classList.add('agora-health-indicator--operational'); | Syntax not understood |
| 2129 | dotElement.className = 'agora-health-indicator__dot agora-health-indicator__dot--green'; | Syntax not understood |
| 2130 | textElement.textContent = status.message; | Syntax not understood |
| 2131 | } else { | Syntax not understood |
| 2132 | this.indicatorElement.classList.remove('agora-health-indicator--operational'); | Syntax not understood |
| 2133 | this.indicatorElement.classList.add('agora-health-indicator--disruption'); | Syntax not understood |
| 2134 | dotElement.className = 'agora-health-indicator__dot agora-health-indicator__dot--yellow'; | Syntax not understood |
| 2135 | textElement.textContent = status.message; | Syntax not understood |
| 2136 | } | Syntax not understood |
| 2137 | } | Syntax not understood |
| 2139 | /** | Syntax not understood |
| 2140 | * Show tooltip (only for disruption status) | Syntax not understood |
| 2141 | */ | Syntax not understood |
| 2142 | showTooltip() { | Syntax not understood |
| 2143 | if (!this.tooltipElement) return; | Syntax not understood |
| 2145 | // Cancel any pending hide operation | Syntax not understood |
| 2146 | if (this.hideTooltipTimeout) { | Syntax not understood |
| 2147 | clearTimeout(this.hideTooltipTimeout); | Syntax not understood |
| 2148 | this.hideTooltipTimeout = null; | Syntax not understood |
| 2149 | } | Syntax not understood |
| 2151 | const isDisruption = this.indicatorElement.classList.contains('agora-health-indicator--disruption'); | Syntax not understood |
| 2152 | if (!isDisruption) return; | Syntax not understood |
| 2154 | const rect = this.indicatorElement.getBoundingClientRect(); | Syntax not understood |
| 2155 | const tooltipHeight = this.tooltipElement.offsetHeight || 120; | Syntax not understood |
| 2156 | const tooltipWidth = this.tooltipElement.offsetWidth || 350; | Syntax not understood |
| 2158 | // Position tooltip above the indicator with overlap | Syntax not understood |
| 2159 | // Overlap by 5px to allow seamless mouse movement | Syntax not understood |
| 2160 | let top = rect.top - tooltipHeight + 5; | Syntax not understood |
| 2161 | let left = rect.left - (tooltipWidth - rect.width) / 2; | Syntax not understood |
| 2163 | // Ensure tooltip stays within viewport | Syntax not understood |
| 2164 | if (top < 10) { | Syntax not understood |
| 2165 | top = rect.bottom - 5; // Show below with overlap if not enough space above | Syntax not understood |
| 2166 | } | Syntax not understood |
| 2168 | if (left < 10) { | Syntax not understood |
| 2169 | left = 10; | Syntax not understood |
| 2170 | } else if (left + tooltipWidth > window.innerWidth) { | Syntax not understood |
| 2171 | left = window.innerWidth - tooltipWidth - 10; | Syntax not understood |
| 2172 | } | Syntax not understood |
| 2174 | this.tooltipElement.style.display = 'block'; | Syntax not understood |
| 2175 | this.tooltipElement.style.opacity = '1'; | Syntax not understood |
| 2176 | this.tooltipElement.style.top = `${top}px`; | Syntax not understood |
| 2177 | this.tooltipElement.style.left = `${left}px`; | Syntax not understood |
| 2178 | } | Syntax not understood |
| 2180 | /** | Syntax not understood |
| 2181 | * Schedule tooltip hide with delay | Syntax not understood |
| 2182 | */ | Syntax not understood |
| 2183 | scheduleHideTooltip() { | Syntax not understood |
| 2184 | // Clear any existing timeout | Syntax not understood |
| 2185 | if (this.hideTooltipTimeout) { | Syntax not understood |
| 2186 | clearTimeout(this.hideTooltipTimeout); | Syntax not understood |
| 2187 | } | Syntax not understood |
| 2189 | // Schedule hide after 300ms delay | Syntax not understood |
| 2190 | this.hideTooltipTimeout = setTimeout(() => { | Syntax not understood |
| 2191 | this.hideTooltip(); | Syntax not understood |
| 2192 | }, 300); | Syntax not understood |
| 2193 | } | Syntax not understood |
| 2195 | /** | Syntax not understood |
| 2196 | * Hide tooltip | Syntax not understood |
| 2197 | */ | Syntax not understood |
| 2198 | hideTooltip() { | Syntax not understood |
| 2199 | if (!this.tooltipElement) return; | Syntax not understood |
| 2200 | this.tooltipElement.style.opacity = '0'; | Syntax not understood |
| 2201 | setTimeout(() => { | Syntax not understood |
| 2202 | if (this.tooltipElement.style.opacity === '0') { | Syntax not understood |
| 2203 | this.tooltipElement.style.display = 'none'; | Syntax not understood |
| 2204 | } | Syntax not understood |
| 2205 | }, 200); | Syntax not understood |
| 2206 | } | Syntax not understood |
| 2207 | } | Syntax not understood |
| 2209 | // Auto-initialize when script loads | Syntax not understood |
| 2210 | const healthIndicator = new FooterHealthIndicator(); | Syntax not understood |
| 2211 | healthIndicator.init(); | Syntax not understood |
| 2213 | </script> | Syntax not understood |
| 2215 | <script> | Syntax not understood |
| 2216 | document.addEventListener("DOMContentLoaded", function () { | Syntax not understood |
| 2218 | const closeBtn = document.querySelector(".banner-close"); | Syntax not understood |
| 2219 | const bannerWrapper = document.querySelector(".banner-wrapper"); | Syntax not understood |
| 2221 | if (closeBtn && bannerWrapper) { | Syntax not understood |
| 2222 | closeBtn.addEventListener("click", function () { | Syntax not understood |
| 2223 | bannerWrapper.style.display = "none"; | Syntax not understood |
| 2224 | }); | Syntax not understood |
| 2225 | } | Syntax not understood |
| 2227 | }); | Syntax not understood |
| 2228 | </script> | Syntax not understood |
| 2230 | <script> | Syntax not understood |
| 2231 | // Smooth hide/show on scroll without flicker | Syntax not understood |
| 2232 | const alertBar = document.querySelector(".alert-bar") // adjust selector | Syntax not understood |
| 2234 | let lastY = window.scrollY; | Syntax not understood |
| 2235 | let moved = 0; // accumulated movement in current direction | Syntax not understood |
| 2236 | let ticking = false; | Syntax not understood |
| 2237 | let isHidden = false; | Syntax not understood |
| 2239 | function getMoveOffset() { | Syntax not understood |
| 2240 | const isMobileWidth = window.matchMedia("(max-width: 767px)").matches; | Unknown directive |
| 2241 | const isCoarsePointer = window.matchMedia("(pointer: coarse)").matches; | Unknown directive |
| 2242 | const uaMobile = /Mobi|Android|iPhone|iPad|iPod|Windows Phone/i.test(navigator.userAgent); | Syntax not understood |
| 2243 | const isMobile = isMobileWidth || isCoarsePointer || uaMobile; | Syntax not understood |
| 2244 | return isMobile ? 100 : 60; | Unknown directive |
| 2245 | } | Syntax not understood |
| 2247 | // Larger offset so tiny jumps from layout change won't toggle immediately. | Syntax not understood |
| 2248 | let MOVE_OFFSET = getMoveOffset(); // increase/decrease based on UX | Syntax not understood |
| 2249 | const TOP_LOCK = 5; // always show when near top | Syntax not understood |
| 2251 | function debounce(fn, wait = 200) { | Syntax not understood |
| 2252 | let t; | Syntax not understood |
| 2253 | return (...args) => { | Syntax not understood |
| 2254 | clearTimeout(t); | Syntax not understood |
| 2255 | t = setTimeout(() => fn(...args), wait); | Syntax not understood |
| 2256 | }; | Syntax not understood |
| 2257 | } | Syntax not understood |
| 2259 | window.addEventListener("resize", debounce(() => { | Syntax not understood |
| 2260 | MOVE_OFFSET = getMoveOffset(); | Syntax not understood |
| 2261 | }, 200), { passive: true }); | Unknown directive |
| 2263 | function hideBar() { | Syntax not understood |
| 2264 | if (isHidden) return; | Syntax not understood |
| 2265 | alertBar.style.display = "none"; | Syntax not understood |
| 2266 | isHidden = true; | Syntax not understood |
| 2267 | } | Syntax not understood |
| 2269 | function showBar() { | Syntax not understood |
| 2270 | if (!isHidden) return; | Syntax not understood |
| 2271 | alertBar.style.display = "block"; | Syntax not understood |
| 2272 | isHidden = false; | Syntax not understood |
| 2273 | } | Syntax not understood |
| 2275 | function handleScroll() { | Syntax not understood |
| 2276 | const currentY = window.scrollY; | Syntax not understood |
| 2277 | const delta = currentY - lastY; // >0 down, <0 up | Syntax not understood |
| 2278 | lastY = currentY; | Syntax not understood |
| 2280 | // ignore tiny jitter | Syntax not understood |
| 2281 | if (Math.abs(delta) < 1) { | Syntax not understood |
| 2282 | ticking = false; | Syntax not understood |
| 2283 | return; | Syntax not understood |
| 2284 | } | Syntax not understood |
| 2286 | // Near top: always visible and reset accumulator | Unknown directive |
| 2287 | if (currentY <= TOP_LOCK) { | Syntax not understood |
| 2288 | showBar(); | Syntax not understood |
| 2289 | moved = 0; | Syntax not understood |
| 2290 | ticking = false; | Syntax not understood |
| 2291 | return; | Syntax not understood |
| 2292 | } | Syntax not understood |
| 2295 | // reset accumulation when direction changes | Syntax not understood |
| 2296 | if ((moved > 0 && delta < 0) || (moved < 0 && delta > 0)) { | Syntax not understood |
| 2297 | moved = 0; | Syntax not understood |
| 2298 | } | Syntax not understood |
| 2299 | moved += delta; | Syntax not understood |
| 2301 | // 1) scroll down => hide | Syntax not understood |
| 2302 | if (!isHidden && moved >= MOVE_OFFSET) { | Syntax not understood |
| 2303 | hideBar(); | Syntax not understood |
| 2304 | moved = 0; | Syntax not understood |
| 2305 | } | Syntax not understood |
| 2307 | // 2) scroll up => show | Syntax not understood |
| 2308 | if (isHidden && moved <= -MOVE_OFFSET) { | Syntax not understood |
| 2309 | showBar(); | Syntax not understood |
| 2310 | moved = 0; | Syntax not understood |
| 2311 | } | Syntax not understood |
| 2313 | ticking = false; | Syntax not understood |
| 2314 | } | Syntax not understood |
| 2316 | if(alertBar) { | Syntax not understood |
| 2318 | window.addEventListener( | Syntax not understood |
| 2319 | "scroll", | Syntax not understood |
| 2320 | () => { | Syntax not understood |
| 2321 | if (!ticking) { | Syntax not understood |
| 2322 | ticking = true; | Syntax not understood |
| 2323 | requestAnimationFrame(handleScroll); | Syntax not understood |
| 2324 | } | Syntax not understood |
| 2325 | }, | Syntax not understood |
| 2326 | { passive: true } | Unknown directive |
| 2327 | ); | Syntax not understood |
| 2328 | } | Syntax not understood |
| 2329 | </script> | Syntax not understood |
| 2331 | <!-- Links Behaviour Overrides | Syntax not understood |
| 2332 | <script async> | Syntax not understood |
| 2333 | document.addEventListener('DOMContentLoaded', () => { | Syntax not understood |
| 2334 | const anchors = document.querySelectorAll('a'); | Syntax not understood |
| 2336 | anchors.forEach((anchor) => { | Syntax not understood |
| 2337 | let href = anchor.getAttribute('href'); | Syntax not understood |
| 2339 | if(!href || !anchor) return; | Syntax not understood |
| 2341 | const isInternal = | Syntax not understood |
| 2342 | href.startsWith('#')|| | Syntax not understood |
| 2343 | href.startsWith('?') || | Syntax not understood |
| 2344 | href.startsWith('/') || | Syntax not understood |
| 2345 | href.includes(window.location.hostname) || | Syntax not understood |
| 2346 | href.startsWith(`https://${window.location.hostname}`); | Unknown directive |
| 2348 | if (isInternal) { | Syntax not understood |
| 2349 | anchor.setAttribute('target', '_self'); | Syntax not understood |
| 2350 | if (!href || href.startsWith('#')) return; | Syntax not understood |
| 2351 | if (!href.endsWith('/')) { | Syntax not understood |
| 2352 | href += '/'; | Syntax not understood |
| 2353 | anchor.setAttribute('href', href); | Syntax not understood |
| 2354 | } | Syntax not understood |
| 2355 | } else { | Syntax not understood |
| 2356 | anchor.setAttribute('target', '_blank'); | Syntax not understood |
| 2357 | } | Syntax not understood |
| 2358 | }); | Syntax not understood |
| 2359 | }); | Syntax not understood |
| 2360 | </script> | Syntax not understood |
| 2361 | --> | Syntax not understood |
| 2363 | <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script> | Unknown directive |
| 2364 | <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> | Unknown directive |
| 2365 | <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollTrigger.min.js"></script> | Unknown directive |
| 2366 | <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollToPlugin.min.js"></script> | Unknown directive |
| 2368 | <script> | Syntax not understood |
| 2369 | var Webflow = Webflow || []; | Syntax not understood |
| 2371 | function registerOnboardingAnimation() { | Syntax not understood |
| 2372 | gsap.registerPlugin(ScrollTrigger, ScrollToPlugin); | Syntax not understood |
| 2374 | let tl = gsap.timeline(); | Syntax not understood |
| 2376 | const sc = ScrollTrigger.create({ | Syntax not understood |
| 2377 | //trigger: ".scroll-cards", | Unknown directive |
| 2378 | trigger: '.sticky-tabs-container', | Unknown directive |
| 2379 | animation: tl, | Unknown directive |
| 2380 | pin: true, | Unknown directive |
| 2381 | scrub: 1, | Unknown directive |
| 2382 | pinSpacing: true, | Unknown directive |
| 2383 | // start: "left-=120px left", | Unknown directive |
| 2384 | start: 'top-=10 top', | Unknown directive |
| 2385 | end: '+=400', | Unknown directive |
| 2386 | markers: false | Unknown directive |
| 2387 | }); | Syntax not understood |
| 2389 | tl.to('.scroll-card', { | Syntax not understood |
| 2390 | z: 0, | Unknown directive |
| 2391 | y: 0, | Unknown directive |
| 2392 | scale(a, b) { | Syntax not understood |
| 2393 | return 1; | Syntax not understood |
| 2394 | }, | Syntax not understood |
| 2395 | onUpdate(data, a, b) { | Syntax not understood |
| 2396 | const tabs = Array.from(document.querySelectorAll('.sticky-tabs .sticky-tab')); | Syntax not understood |
| 2397 | const current = document.querySelector('.sticky-tabs .current-sticky-tab'); | Syntax not understood |
| 2398 | current.classList.remove('current-sticky-tab'); | Syntax not understood |
| 2400 | // Set Tab State | Syntax not understood |
| 2401 | const progress = tl.progress(); | Syntax not understood |
| 2402 | const activeTab = progress >= 0.66 ? tabs[2] : progress >= 0.33 ? tabs[1] : tabs[0]; | Unknown directive |
| 2403 | activeTab.classList.add('current-sticky-tab'); | Syntax not understood |
| 2405 | if (tl.progress() >= 0.33) { | Syntax not understood |
| 2406 | document.querySelector('.scroll-card3').style.opacity = 0; | Syntax not understood |
| 2407 | } | Syntax not understood |
| 2409 | if (tl.progress() < 0.33) { | Syntax not understood |
| 2410 | document.querySelector('.scroll-card3').style.opacity = 1; | Syntax not understood |
| 2411 | } | Syntax not understood |
| 2413 | if (tl.progress() >= 0.66) { | Syntax not understood |
| 2414 | document.querySelector('.scroll-card2').style.opacity = 0; | Syntax not understood |
| 2415 | } | Syntax not understood |
| 2416 | if (tl.progress() < 0.66) { | Syntax not understood |
| 2417 | document.querySelector('.scroll-card2').style.opacity = 1; | Syntax not understood |
| 2418 | } | Syntax not understood |
| 2419 | } | Syntax not understood |
| 2420 | }); | Syntax not understood |
| 2422 | document.querySelectorAll('.sticky-tabs .sticky-tab').forEach((el, index) => { | Syntax not understood |
| 2423 | el.onclick = function (e) { | Syntax not understood |
| 2424 | e.preventDefault(); | Syntax not understood |
| 2425 | const progress = index * 0.33; | Syntax not understood |
| 2426 | tl.progress(progress); | Syntax not understood |
| 2427 | sc.scroll(sc.start + progress * (sc.end - sc.start)); | Syntax not understood |
| 2428 | }; | Syntax not understood |
| 2429 | }); | Syntax not understood |
| 2430 | } | Syntax not understood |
| 2432 | // Fixed tab scroll animation | Syntax not understood |
| 2433 | //registerOnboardingAnimation() | Syntax not understood |
| 2435 | /** Auto Switch Tabs */ | Syntax not understood |
| 2436 | /* | Syntax not understood |
| 2437 | Webflow.push(function () { | Syntax not understood |
| 2438 | // start everything | Syntax not understood |
| 2439 | window.tabInterval = undefined; | Syntax not understood |
| 2440 | clearInterval(window.tabInterval); | Syntax not understood |
| 2442 | const observer = new window.IntersectionObserver(([entry]) => { | Syntax not understood |
| 2443 | if(entry.isIntersecting){ | Syntax not understood |
| 2444 | $('.tabs-menu').children('.w--current').addClass("animate-border") | Syntax not understood |
| 2445 | tabLoop(); | Syntax not understood |
| 2446 | // reset timeout if a tab is clicked | Syntax not understood |
| 2447 | // $('.w-tab-link').click(handleTabClick); | Syntax not understood |
| 2448 | } | Syntax not understood |
| 2449 | else{ | Syntax not understood |
| 2450 | clearInterval(window.tabInterval) | Syntax not understood |
| 2451 | $(".animate-border").removeClass("animate-border"); | Syntax not understood |
| 2452 | //$('.w-tab-link').off('click', handleTabClick); | Syntax not understood |
| 2453 | } | Syntax not understood |
| 2454 | }, {root: null, threshold: 0}) | Unknown directive |
| 2455 | observer.observe(document.querySelector(".services .tabs")) | Syntax not understood |
| 2457 | function tabLoop() { | Syntax not understood |
| 2458 | window.tabInterval = setInterval(function() { | Syntax not understood |
| 2459 | var $next = $('.tabs-menu').children('.w--current:first').next(); | Unknown directive |
| 2461 | //let focusInput = $('input:focus') //select input that is focused before click | Unknown directive |
| 2462 | if($next.length) { | Syntax not understood |
| 2463 | $next.click(); | Syntax not understood |
| 2464 | } else { | Syntax not understood |
| 2465 | $('.w-tab-link:first').click(); | Unknown directive |
| 2466 | } | Syntax not understood |
| 2467 | }, 4000); // 5 second tab loop | Syntax not understood |
| 2468 | } | Syntax not understood |
| 2470 | // reset timeout if a tab is clicked | Syntax not understood |
| 2471 | $('.w-tab-link').click(function() { | Syntax not understood |
| 2472 | clearInterval(window.tabInterval); | Syntax not understood |
| 2473 | //clearTimeout(tabInterval); | Syntax not understood |
| 2474 | $(".animate-border").removeClass("animate-border"); | Syntax not understood |
| 2475 | $(this).addClass("animate-border") | Syntax not understood |
| 2476 | tabLoop(); | Syntax not understood |
| 2477 | }); | Syntax not understood |
| 2478 | */ | Syntax not understood |
| 2479 | </script> | Syntax not understood |
| 2480 | </body></html> | Syntax not understood |
To appear in search results, crawlers need access to your app.
Industry-standard audits powered by Google Lighthouse. — Desktop
Key metrics that affect user experience. — Desktop
First Contentful Paint First Contentful Paint — how long until the browser renders the first piece of content. Under 1.8s is good.
1.40 s
Largest Contentful Paint Largest Contentful Paint — how long until the largest visible element loads. Under 2.5s is good.
2.30 s
Total Blocking Time Total Blocking Time — total time the main thread was blocked, preventing user input. Under 200ms is good.
650 ms
Cumulative Layout Shift Cumulative Layout Shift — measures visual stability. How much the page layout shifts during loading. Under 0.1 is good.
0.042
Speed Index Speed Index — how quickly content is visually displayed during load. Under 3.4s is good.
3.37 s
Time to Interactive Time to Interactive — how long until the page is fully interactive and responds to user input. Under 3.8s is good.
7.99 s
Audit breakdown by category with detailed findings.
Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity.
Performance issues directly impact user engagement and conversion rates.
Polyfills and transforms enable older browsers to use new JavaScript features. However, many aren't necessary for modern browsers. Consider modifying your JavaScript build process to not transpile Baseline features, unless you know you must support older browsers. Learn why most sites can deploy ES6+ code without transpiling
Shipping ES5 transpiled code to modern browsers wastes bytes — every user with an evergreen browser pays for compatibility you don't need.
Most users today run browsers that natively support ES6+, async/await, optional chaining, and the rest of modern JavaScript. Transpiling to ES5 'just in case' adds 20-40% to your bundle for no benefit. Configure your build to target a modern browserslist, or ship a differential bundle pair (modern + legacy) with the module/nomodule pattern.
Source: Google web.dev / Lighthouse
3rd party code can significantly impact load performance. Reduce and defer loading of 3rd party code to prioritize your page's content.
Performance issues directly impact user engagement and conversion rates.
Your first network request is the most important. Reduce its latency by avoiding redirects, ensuring a fast server response, and enabling text compression.
Performance issues directly impact user engagement and conversion rates.
Consider setting font-display to swap or optional to ensure text is consistently visible. swap can be further optimized to mitigate layout shifts with font metric overrides.
Performance issues directly impact user engagement and conversion rates.
A forced reflow occurs when JavaScript queries geometric properties (such as offsetWidth) after styles have been invalidated by a change to the DOM state. This can result in poor performance. Learn more about forced reflows and possible mitigations.
Performance issues directly impact user engagement and conversion rates.
Avoid chaining critical requests by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load.
Performance issues directly impact user engagement and conversion rates.
Requests are blocking the page's initial render, which may delay LCP. Deferring or inlining can move these network requests out of the critical path.
Performance issues directly impact user engagement and conversion rates.
| URL | Transfer Size | Duration |
|---|---|---|
| /660affa848e8af81bdd03909/css/agoras-website.shared.0f349... | 107.8 KiB | 386 ms |
| cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css | 5.1 KiB | 213 ms |
| ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js | 5.9 KiB | 210 ms |
A long cache lifetime can speed up repeat visits to your page. Learn more about caching.
Performance issues directly impact user engagement and conversion rates.
Reducing the download time of images can improve the perceived load time of the page and LCP. Learn more about optimizing image size
Performance issues directly impact user engagement and conversion rates.
| URL | Resource Size | Est Savings | |
|---|---|---|---|
Live Avatars
Bring your agent to life with realistic virtual avatars, perfectly… div.div-block-46 > section.features > div#w-node-da433960-a291-c9e8-f071-fcb4eb6e985f-eb6e983f > div#w-node-da433960-a291-c9e8-f071-fcb4eb6e987b-eb6e983f | /660affa848e8af81bdd03909/69336dc24a5d9b9b2d94e797_34d420... | 1.3 MiB | 1.0 MiB |
Voice AI Agents with Any LLM
Integrate any LLM or existing AI agent with your c… div.div-block-46 > section.features > div#w-node-da433960-a291-c9e8-f071-fcb4eb6e985f-eb6e983f > div#w-node-da433960-a291-c9e8-f071-fcb4eb6e9860-eb6e983f | /660affa848e8af81bdd03909/69336c1bc4c5d2c951a99150_3ef1ea... | 1.0 MiB | 746.7 KiB |
div.tabs-content > div#w-tabs-0-data-w-pane-0 > a.services-image-link > img.image-76 div.tabs-content > div#w-tabs-0-data-w-pane-0 > a.services-image-link > img.image-76 | /660affa848e8af81bdd03909/67c92f2e4360a33b17cb8b83_Convo ... | 66.1 KiB | 24.8 KiB |
div#w-node-da433960-a291-c9e8-f071-fcb4eb6e988e-eb6e983f > div.w-layout-hflex > div.w-layout-hflex > img.image-79 div#w-node-da433960-a291-c9e8-f071-fcb4eb6e988e-eb6e983f > div.w-layout-hflex > div.w-layout-hflex > img.image-79 | /660affa848e8af81bdd03909/695f69429999735acd087347_Enterp... | 17.6 KiB | 17.0 KiB |
div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/671fe44a8d1a289ebfd78404_logo_w... | 6.6 KiB | 6.2 KiB |
These insights are also available in the Chrome DevTools Performance Panel - record a trace to view more detailed information.
Redirects introduce additional delays before the page can be loaded. Learn how to avoid page redirects.
Performance issues directly impact user engagement and conversion rates.
| URL | Time Spent |
|---|---|
| agora.io/ | 672 ms |
| www.agora.io/ | 226 ms |
| www.agora.io/en/ | 0.0 ms |
Time to Interactive is the amount of time it takes for the page to become fully interactive. Learn more about the Time to Interactive metric.
Performance issues directly impact user engagement and conversion rates.
The maximum potential First Input Delay that your users could experience is the duration of the longest task. Learn more about the Maximum Potential First Input Delay metric.
Performance issues directly impact user engagement and conversion rates.
Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes consumed by network activity. Learn how to reduce unused CSS.
Performance issues directly impact user engagement and conversion rates.
| URL | Transfer Size | Est Savings |
|---|---|---|
| /660affa848e8af81bdd03909/css/agoras-website.shared.0f349... | 107.3 KiB | 99.9 KiB |
| pre code.hljs { display: block; overflow-x: auto; padding: 1em } … | 25.8 KiB | 25.2 KiB |
| cdn-prod.securiti.ai/consent/cookie-consent-latest.css | 10.9 KiB | 10.3 KiB |
Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to reduce Javascript execution time.
Performance issues directly impact user engagement and conversion rates.
Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to minimize main-thread work
Performance issues directly impact user engagement and conversion rates.
| Category | Time Spent |
|---|---|
| Other | 3.8 s |
| Script Evaluation | 3.6 s |
| Style & Layout | 837 ms |
| Script Parsing & Compilation | 362 ms |
| Rendering | 224 ms |
| Garbage Collection | 216 ms |
| Parse HTML & CSS | 103 ms |
Many navigations are performed by going back to a previous page, or forwards again. The back/forward cache (bfcache) can speed up these return navigations. Learn more about the bfcache
Performance issues directly impact user engagement and conversion rates.
| Failure reason | Failure type |
|---|---|
| The page has an unload handler in a sub frame. | Actionable |
Minifying CSS files can reduce network payload sizes. Learn how to minify CSS.
Performance issues directly impact user engagement and conversion rates.
| URL | Transfer Size | Est Savings |
|---|---|---|
| pre code.hljs { display: block; overflow-x: auto; padding: 1em } … | 25.8 KiB | 5.3 KiB |
Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. Learn how to reduce unused JavaScript.
Multi-megabyte JavaScript bundles delay every interactive feature on the page.
This is the Lighthouse audit fired when too much JS is shipped relative to what executes. The fix isn't a config flag — it requires bundle analysis (webpack-bundle-analyzer, rollup-plugin-visualizer), splitting routes into chunks, lazy-loading off-screen components, and removing unused dependencies. Fundamentally different from minification: minifying reduces byte count, this reduces what's downloaded at all.
Source: Google web.dev / Lighthouse
| URL | Transfer Size | Est Savings |
|---|---|---|
| cdn.expertise.ai/genweb/widget-DWaMbxpj.js | 277.3 KiB | 165.6 KiB |
| www.googletagmanager.com/gtag/js?id=AW-11492041022 | 144.6 KiB | 106.1 KiB |
| cdn-prod.securiti.ai/consent/cookie-consent-sdk-latest.js | 113.5 KiB | 86.1 KiB |
| www.googletagmanager.com/gtag/destination?id=AW-11082326744&cx=c>m=4e64h1 | 137.7 KiB | 66.5 KiB |
| www.googletagmanager.com/gtag/js?id=G-9NJYDCNH13&cx=c>m=4e64h1 | 170.2 KiB | 64.3 KiB |
| www.googletagmanager.com/gtm.js?id=GTM-TKTWGML | 185.0 KiB | 63.6 KiB |
| www.googletagmanager.com/gtag/js?id=AW-11492041022 | 144.6 KiB | 58.5 KiB |
| cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js | 43.0 KiB | 41.9 KiB |
| cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js | 43.0 KiB | 41.9 KiB |
| cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js | 43.0 KiB | 41.9 KiB |
| connect.facebook.net/en_US/fbevents.js | 96.5 KiB | 33.1 KiB |
| us-assets.i.posthog.com/static/surveys.js?v=1.345.5 | 31.9 KiB | 25.5 KiB |
Large network payloads cost users real money and are highly correlated with long load times. Learn how to reduce payload sizes.
Performance issues directly impact user engagement and conversion rates.
Set an explicit width and height on image elements to reduce layout shifts and improve CLS. Learn how to set image dimensions
Performance issues directly impact user engagement and conversion rates.
| URL | |
|---|---|
div.tabs-content > div#w-tabs-0-data-w-pane-0 > a.services-image-link > img.image-76 div.tabs-content > div#w-tabs-0-data-w-pane-0 > a.services-image-link > img.image-76 | /660affa848e8af81bdd03909/67c92f2e4360a33b17cb8b83_Convo ... |
div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/671fe44a8d1a289ebfd78404_logo_w... |
div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/671fe44a8d1a289ebfd78404_logo_w... |
The Sandbox logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/665ff44774b128faaee22ff2_The_Sa... |
The Sandbox logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/665ff44774b128faaee22ff2_The_Sa... |
Vimeo logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/665ff447e62ce6612ef7889b_Vimeo-... |
Vimeo logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/665ff447e62ce6612ef7889b_Vimeo-... |
div#w-node-da433960-a291-c9e8-f071-fcb4eb6e988e-eb6e983f > div.w-layout-hflex > div.w-layout-hflex > img.image-79 div#w-node-da433960-a291-c9e8-f071-fcb4eb6e988e-eb6e983f > div.w-layout-hflex > div.w-layout-hflex > img.image-79 | /660affa848e8af81bdd03909/695f69429999735acd087347_Enterp... |
gabb logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/665ff447cbf01b7af0dce8b3_Gabb-l... |
gabb logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/665ff447cbf01b7af0dce8b3_Gabb-l... |
EducationFirst logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/665ff678e2448efa282fe17f_Vector... |
EducationFirst logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/665ff678e2448efa282fe17f_Vector... |
Vive logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/66156c4f082e99231aa5c5d9_vive.svg |
Vive logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/66156c4f082e99231aa5c5d9_vive.svg |
TalkSpace logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/66a9d88204b225d1e1b3228d_TalkSp... |
TalkSpace logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.home-partner-slider-image | /660affa848e8af81bdd03909/66a9d88204b225d1e1b3228d_TalkSp... |
Unity logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.last-slider-item | /660affa848e8af81bdd03909/66156c4f0efda7a2359dc1cc_unity_... |
Unity logo div.w-layout-hflex > div.marquee-container > div.partners-slider > img.last-slider-item | /660affa848e8af81bdd03909/66156c4f0efda7a2359dc1cc_unity_... |
div.div-block-209-2 > div.div-block-210 > div.div-block-212 > img.image-109358 div.div-block-209-2 > div.div-block-210 > div.div-block-212 > img.image-109358 | /660affa848e8af81bdd03909/69338451375372fc3a53ad4e_bolt_i... |
div.div-block-209-2 > div.div-block-210 > div.div-block-212 > img.image-109359 div.div-block-209-2 > div.div-block-210 > div.div-block-212 > img.image-109359 | /660affa848e8af81bdd03909/693386012d4c1674fe115730_globe_... |
div.div-block-209-2 > div.div-block-210 > div.div-block-212 > img.image-109360 div.div-block-209-2 > div.div-block-210 > div.div-block-212 > img.image-109360 | /660affa848e8af81bdd03909/69338686aeec745126e9f3ae_circle... |
More information about the performance of your application. These numbers don't directly affect the Performance score.
These checks highlight opportunities to improve the accessibility of your web app. Automatic detection can only detect a subset of issues and does not guarantee the accessibility of your web app, so manual testing is also encouraged.
Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
Windows div.tabs-3 > div.scroll-card-tab-menu > a#w-tabs-2-data-w-tab-2 > div |
Web div.tabs-3 > div.scroll-card-tab-menu > a#w-tabs-2-data-w-tab-3 > div |
Electron div.tabs-3 > div.scroll-card-tab-menu > a#w-tabs-2-data-w-tab-4 > div |
Flutter div.tabs-3 > div.scroll-card-tab-menu > a#w-tabs-2-data-w-tab-5 > div |
React Native div.tabs-3 > div.scroll-card-tab-menu > a#w-tabs-2-data-w-tab-6 > div |
Unity div.tabs-3 > div.scroll-card-tab-menu > a#w-tabs-2-data-w-tab-7 > div |
Unreal div.tabs-3 > div.scroll-card-tab-menu > a#w-tabs-2-data-w-tab-8 > div |
All systems operational div.footer-health-container > div.agora-health-indicator > div.agora-health-indicator__content > span.agora-health-indicator__text |
These are opportunities to improve the legibility of your content.
Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users. Learn how to make links accessible.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
div.tabs > div.tabs-content > div#w-tabs-0-data-w-pane-0 > a.services-image-link div.tabs > div.tabs-content > div#w-tabs-0-data-w-pane-0 > a.services-image-link |
These are opportunities to improve the semantics of the controls in your application. This may enhance the experience for users of assistive technology, like a screen reader.
Image display dimensions should match natural aspect ratio. Learn more about image aspect ratio.
Performance issues directly impact user engagement and conversion rates.
| URL | Aspect Ratio (Displayed) | Aspect Ratio (Actual) | |
|---|---|---|---|
div#w-node-da433960-a291-c9e8-f071-fcb4eb6e985f-eb6e983f > div#w-node-da433960-a291-c9e8-f071-fcb4eb6e9887-eb6e983f > div.w-layout-vflex > img.image-9 div#w-node-da433960-a291-c9e8-f071-fcb4eb6e985f-eb6e983f > div#w-node-da433960-a291-c9e8-f071-fcb4eb6e9887-eb6e983f > div.w-layout-vflex > img.image-9 | /660affa848e8af81bdd03909/6971ee0e20d9cbd0ce90ae48_hey-im... | 420 x 127 (3.31) | 500 x 170 (2.94) |
Deprecated APIs will eventually be removed from the browser. Learn more about deprecated APIs.
Performance issues directly impact user engagement and conversion rates.
| Deprecation / Warning | Source |
|---|---|
| AttributionReporting |
Errors logged to the console indicate unresolved problems. They can come from network request failures and other browser concerns. Learn more about this errors in console diagnostic audit
Performance issues directly impact user engagement and conversion rates.
| Source | Description |
|---|---|
ReferenceError: rdt is not defined
at <anonymous>:1:1
at https://www.googletagmanager.com/gtm.js?id=GTM-TKTWGML:1006:429
at https://www.googletagmanager.com/gtm.js?id=GTM-TKTWGML:1007:132
at https://www.googletagmanager.com/gtm.js?id=GTM-TKTWGML:1006:454
at uR (https://www.googletagmanager.com/gtm.js?id=GTM-TKTWGML:1008:31)
at Md.tR (https://www.googletagmanager.com/gtm.js?id=GTM-TKTWGML:1005:92)
at Md.<anonymous> (https://www.googletagmanager.com/gtm.js?id=GTM-TKTWGML:387:187)
at k.apply (https://www.googletagmanager.com/gtm.js?id=GTM-TKTWGML:313:466)
at fb (https://www.googletagmanager.com/gtm.js?id=GTM-TKTWGML:276:719)
at eb (https://www.googletagmanager.com/gtm.js?id=GTM-TKTWGML:276:470) | |
Uncaught TypeError: Cannot set properties of undefined (setting 'updatePageElementsList') |
These checks ensure that your page is following basic search engine optimization advice. There are many additional factors Lighthouse does not score here that may affect your search ranking, including performance on Core Web Vitals. Learn more about Google Search Essentials.
If your robots.txt file is malformed, crawlers may not be able to understand how you want your website to be crawled or indexed. Learn more about robots.txt.
Performance issues directly impact user engagement and conversion rates.
| Line # | Content | Error |
|---|---|---|
| 1 | <!DOCTYPE html><!-- Last Published: Fri Apr 17 2026 06:29:35 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>Agora Real-Time Voice and Video Engagement</title><link rel="alternate" hrefLang="x-default" href="https://prod.agora.io/en"/><link rel="alternate" hrefLang="en" href="https://prod.agora.io/en"/><link rel="alternate" hrefLang="ko" href="https://prod.agora.io/kr"/><link rel="alternate" hrefLang="es" href="https://prod.agora.io/es"/><link rel="alternate" hrefLang="ja" href="https://prod.agora.io/jp"/><meta content="The Real-Time Engagement Platform for meaningful human connections. People engage longer when they see, hear, and interact with each other. With Agora, you can embed vivid voice and video in any application, on any device, anywhere." name="description"/><meta content="Agora Real-Time Voice and Video Engagement" property="og:title"/><meta content="The Real-Time Engagement Platform for meaningful human connections. People engage longer when they see, hear, and interact with each other. With Agora, you can embed vivid voice and video in any application, on any device, anywhere." property="og:description"/><meta content="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66ac1db9a7e8bbc9246a0570_homepage-featured.jpg" property="og:image"/><meta content="Agora Real-Time Voice and Video Engagement" property="twitter:title"/><meta content="The Real-Time Engagement Platform for meaningful human connections. People engage longer when they see, hear, and interact with each other. With Agora, you can embed vivid voice and video in any application, on any device, anywhere." property="twitter:description"/><meta content="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66ac1db9a7e8bbc9246a0570_homepage-featured.jpg" property="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.0f349b48b.min.css" rel="stylesheet" type="text/css" integrity="sha384-DzSbSLRjhqbPtLVAJnWPRlqLbUXK0gy8MXm97VmpJyekIh/NPJ3m3+ak4eMClltO" 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"/><meta name="google-site-verification" content="LUHTDnfQC8AVYsBexrq8P8zm1q17q8A9iGnnNEqCK-0" /> | Unknown directive |
| 2 | <link | Syntax not understood |
| 3 | rel="stylesheet" | Syntax not understood |
| 4 | href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" | Unknown directive |
| 5 | /> | Syntax not understood |
| 6 | <script defer src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> | Unknown directive |
| 7 | <script> | Syntax not understood |
| 8 | (function () { | Syntax not understood |
| 9 | var s = document.createElement('script'); | Syntax not understood |
| 10 | s.src = 'https://cdn-prod.securiti.ai/consent/cookie-consent-sdk-loader.js'; | Unknown directive |
| 11 | s.setAttribute('data-tenant-uuid', 'b373a629-85bf-440d-824a-a86fc32ae3e9'); | Syntax not understood |
| 12 | s.setAttribute('data-domain-uuid', '7ba04bfc-c10b-4f3a-80d5-bf9ed910b46f'); | Syntax not understood |
| 13 | s.setAttribute('data-backend-url', 'https://app.securiti.ai'); | Unknown directive |
| 14 | s.setAttribute('data-skip-css', 'false'); | Syntax not understood |
| 15 | s.defer = true; | Syntax not understood |
| 16 | var parent_node = document.head || document.body; | Syntax not understood |
| 17 | parent_node.appendChild(s); | Syntax not understood |
| 18 | })() | Syntax not understood |
| 19 | </script> | Syntax not understood |
| 21 | <!-- Super AGI Script --> | Syntax not understood |
| 22 | <script defer src='https://script.superagi.com/public/script?id=8JQOBvP5Et-62def19c'></script> | Unknown directive |
| 23 | <!-- End of Super AGI Script --> | Syntax not understood |
| 25 | <!-- Google Tag Manager --> | Syntax not understood |
| 26 | <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': | Unknown directive |
| 27 | new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], | Unknown directive |
| 28 | j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= | Unknown directive |
| 29 | 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); | Unknown directive |
| 30 | })(window,document,'script','dataLayer','GTM-TKTWGML');</script> | Syntax not understood |
| 31 | <!-- End Google Tag Manager --> | Syntax not understood |
| 33 | <!-- Google tag (gtag.js) --> | Syntax not understood |
| 35 | <script async src="https://www.googletagmanager.com/gtag/js?id=AW-11492041022"></script> | Unknown directive |
| 37 | <script> | Syntax not understood |
| 38 | window.dataLayer = window.dataLayer || []; | Syntax not understood |
| 39 | function gtag(){dataLayer.push(arguments);} | Syntax not understood |
| 40 | gtag('js', new Date()); | Syntax not understood |
| 42 | gtag('config', 'AW-11492041022'); | Syntax not understood |
| 43 | </script> | Syntax not understood |
| 45 | <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> | Unknown directive |
| 47 | <!-- Base Styles --> | Syntax not understood |
| 48 | <style> | Syntax not understood |
| 49 | html, body { | Syntax not understood |
| 50 | scrollbar-color: #626262 transparent; | Unknown directive |
| 51 | font-family: 'Jokker', 'ui-sans-serif', 'system-ui', 'Segoe UI', 'Roboto', 'Ubuntu', 'sans-serif'; | Unknown directive |
| 52 | } | Syntax not understood |
| 54 | h1, h2, h3, strong { | Syntax not understood |
| 55 | font-weight: 600 !important; | Unknown directive |
| 56 | } | Syntax not understood |
| 57 | a { | Syntax not understood |
| 58 | color: #00C2FF; | Unknown directive |
| 59 | } | Syntax not understood |
| 60 | </style> | Syntax not understood |
| 62 | <style> | Syntax not understood |
| 63 | /** Github gists */ | Syntax not understood |
| 64 | /* Limit width. Show scrollbars when exceeding width */ | Syntax not understood |
| 65 | .gist { | Syntax not understood |
| 66 | overflow:auto; | Unknown directive |
| 67 | } | Syntax not understood |
| 69 | /* Limit height. Show scrollbars when exceeding height */ | Syntax not understood |
| 70 | .gist .blob-wrapper.data { | Syntax not understood |
| 71 | max-height:400px; | Unknown directive |
| 72 | overflow:auto; | Unknown directive |
| 73 | } | Syntax not understood |
| 75 | </style> | Syntax not understood |
| 77 | <style> | Syntax not understood |
| 79 | /* Button */ | Syntax not understood |
| 80 | .button-primary-outline:hover .primary-btn-label-outline{ | Unknown directive |
| 81 | color: black; | Unknown directive |
| 82 | } | Syntax not understood |
| 84 | .button-primary-outline:hover .btn-rounded-outline{ | Unknown directive |
| 85 | background: black; | Unknown directive |
| 86 | } | Syntax not understood |
| 88 | </style> | Syntax not understood |
| 90 | <!-- Button hover animation styles + HOVERS--> | Syntax not understood |
| 91 | <style> | Syntax not understood |
| 92 | .button-primary:hover .primary-btn-label, | Unknown directive |
| 93 | .button-primary:hover .primary-btn-label-medium{ | Unknown directive |
| 94 | color: white; | Unknown directive |
| 95 | } | Syntax not understood |
| 97 | .button-primary:hover .rounded-circle{ | Unknown directive |
| 98 | background: white; | Unknown directive |
| 99 | color: black; | Unknown directive |
| 100 | } | Syntax not understood |
| 102 | .button-primary-outline:hover .rounded-circle-outline{ | Unknown directive |
| 103 | background: black; | Unknown directive |
| 104 | color: white; | Unknown directive |
| 105 | } | Syntax not understood |
| 107 | .button-primary:hover .rounded-circle{ | Unknown directive |
| 108 | background: white; | Unknown directive |
| 109 | color: black; | Unknown directive |
| 110 | } | Syntax not understood |
| 112 | .button-primary.btn-primary-outline:hover{ | Unknown directive |
| 113 | background: var(--color--black); | Unknown directive |
| 114 | } | Syntax not understood |
| 116 | .button-primary.btn-primary-outline:hover .rounded-circle.no-circle-bg, | Unknown directive |
| 117 | .button-primary.btn-primary-outline:hover .primary-btn-label-medium{ | Unknown directive |
| 118 | background: transparent; | Unknown directive |
| 119 | color: var(--color--white); | Unknown directive |
| 120 | } | Syntax not understood |
| 122 | .button-primary:hover .original-arrow, | Unknown directive |
| 123 | .button-primary-outline:hover .original-arrow{ | Unknown directive |
| 124 | transform: translate(150%, -150%); | Unknown directive |
| 125 | transition: transform 0.3s ease-in-out; | Unknown directive |
| 126 | transition-delay: 100ms; | Unknown directive |
| 127 | } | Syntax not understood |
| 129 | .button-primary:hover .slided-arrow, | Unknown directive |
| 130 | .button-primary-outline:hover .slided-arrow{ | Unknown directive |
| 131 | transform: translate(0px, 0px); | Unknown directive |
| 132 | transition: transform 0.3s ease-in-out 0.1S; | Unknown directive |
| 133 | transition-delay: 100ms; | Unknown directive |
| 134 | } | Syntax not understood |
| 135 | </style> | Syntax not understood |
| 137 | <!-- Custom Table for Rich Text Editors --> | Syntax not understood |
| 138 | <style> | Syntax not understood |
| 139 | .standard-rich-text-table { | Syntax not understood |
| 140 | border-collapse: separate; | Unknown directive |
| 141 | border-spacing: 0; | Unknown directive |
| 142 | margin-bottom: 44px; | Unknown directive |
| 143 | } | Syntax not understood |
| 145 | .standard-rich-text-table th{ | Syntax not understood |
| 146 | background: #333; | Unknown directive |
| 147 | text-align: left; | Unknown directive |
| 148 | padding: 16px 20px; | Unknown directive |
| 149 | font-family: var(--font--font-sans); | Unknown directive |
| 150 | font-size: 16px; | Unknown directive |
| 151 | font-style: normal; | Unknown directive |
| 152 | font-weight: 600; | Unknown directive |
| 153 | line-height: 100%; /* 16px */ | Unknown directive |
| 154 | letter-spacing: -0.16px; | Unknown directive |
| 155 | color: white; | Unknown directive |
| 156 | } | Syntax not understood |
| 158 | .standard-rich-text-table th:first-child{ | Unknown directive |
| 159 | border-top-left-radius: 4px; | Unknown directive |
| 160 | } | Syntax not understood |
| 161 | .standard-rich-text-table th:last-child{ | Unknown directive |
| 162 | border-top-right-radius: 4px; | Unknown directive |
| 163 | } | Syntax not understood |
| 165 | .standard-rich-text-table tr td{ | Syntax not understood |
| 166 | color: #080808; | Unknown directive |
| 167 | padding: 16px 20px; | Unknown directive |
| 168 | font-family: var(--font--font-sans); | Unknown directive |
| 169 | font-size: 16px; | Unknown directive |
| 170 | font-style: normal; | Unknown directive |
| 171 | font-weight: 400; | Unknown directive |
| 172 | line-height: 130%; /* 20.8px */ | Unknown directive |
| 173 | } | Syntax not understood |
| 175 | .standard-rich-text-table tr:last-child td:first-child{ | Unknown directive |
| 176 | border-bottom-left-radius: 4px; | Unknown directive |
| 177 | } | Syntax not understood |
| 179 | .standard-rich-text-table tr:last-child td:last-child{ | Unknown directive |
| 180 | border-bottom-right-radius: 4px; | Unknown directive |
| 181 | } | Syntax not understood |
| 183 | .standard-rich-text-table td{ | Syntax not understood |
| 184 | vertical-align: top; | Unknown directive |
| 185 | border-bottom: 1px solid var(--color--gray-500); | Unknown directive |
| 186 | } | Syntax not understood |
| 188 | .standard-rich-text-table td * { | Syntax not understood |
| 189 | font-size: 16px; | Unknown directive |
| 190 | font-weight: 400; | Unknown directive |
| 191 | line-height: 130%; | Unknown directive |
| 192 | } | Syntax not understood |
| 194 | .standard-rich-text-table.small-font td *{ | Syntax not understood |
| 195 | font-size: 14px; | Unknown directive |
| 196 | line-height: 140%; | Unknown directive |
| 197 | } | Syntax not understood |
| 199 | .standard-rich-text-table tr td:first-child{ | Unknown directive |
| 200 | border-left: 1px solid var(--color--gray-500); | Unknown directive |
| 201 | } | Syntax not understood |
| 203 | .standard-rich-text-table tr td:last-child{ | Unknown directive |
| 204 | border-right: 1px solid var(--color--gray-500); | Unknown directive |
| 205 | } | Syntax not understood |
| 206 | </style> | Syntax not understood |
| 208 | <style type="text/css"> | Syntax not understood |
| 209 | .underline-card:hover .underline{ | Unknown directive |
| 210 | text-decoration: underline !important; | Unknown directive |
| 211 | } | Syntax not understood |
| 212 | </style> | Syntax not understood |
| 214 | <style> | Syntax not understood |
| 215 | .banner-close{ | Syntax not understood |
| 216 | opacity:0; | Unknown directive |
| 217 | transition:opacity .2s ease; | Unknown directive |
| 218 | cursor:pointer; | Unknown directive |
| 219 | } | Syntax not understood |
| 221 | .banner-wrapper:hover .banner-close{ | Unknown directive |
| 222 | opacity:1; | Unknown directive |
| 223 | } | Syntax not understood |
| 224 | </style> | Syntax not understood |
| 226 | <!-- Wordpress/OneTrust/Marketo class overrides --> | Syntax not understood |
| 227 | <style type="text/css"> | Syntax not understood |
| 228 | pre.w-code-block code { | Syntax not understood |
| 229 | all: unset; | Unknown directive |
| 230 | padding: inherit; | Unknown directive |
| 231 | color: inherit; | Unknown directive |
| 232 | } | Syntax not understood |
| 234 | .ot-sdk-show-settings { | Syntax not understood |
| 235 | color: #84888b !important; | Unknown directive |
| 236 | font-size: 14px !important; | Unknown directive |
| 237 | font-weight: 500 !important; | Unknown directive |
| 238 | text-decoration: none !important; | Unknown directive |
| 239 | } | Syntax not understood |
| 241 | .ot-sdk-show-settings:hover { | Unknown directive |
| 242 | color: #dee2e5 !important; | Unknown directive |
| 243 | text-decoration: underline !important; | Unknown directive |
| 244 | } | Syntax not understood |
| 247 | font-weight: 700 !important; | Unknown directive |
| 248 | } | Syntax not understood |
| 250 | .footer-links-container.footerbottom-links span:last-child { | Unknown directive |
| 251 | cursor: pointer !important; | Unknown directive |
| 252 | } | Syntax not understood |
| 254 | form.mktoForm select option{ | Syntax not understood |
| 255 | color: white; | Unknown directive |
| 256 | background: #171717; | Unknown directive |
| 257 | } | Syntax not understood |
| 259 | form.mktoForm select.mktoField { | Syntax not understood |
| 260 | background-position: center right 16px; | Unknown directive |
| 261 | background-repeat: no-repeat; | Unknown directive |
| 262 | 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>'); | Unknown directive |
| 263 | background-size: 8px 4px; | Unknown directive |
| 264 | text-overflow: ellipsis; | Unknown directive |
| 265 | white-space: nowrap; | Unknown directive |
| 266 | overflow: hidden; | Unknown directive |
| 267 | -webkit-user-select: none; | Unknown directive |
| 268 | -moz-user-select: none; | Unknown directive |
| 269 | -webkit-padding-end: 38px; | Unknown directive |
| 270 | -webkit-appearance: none !important; | Unknown directive |
| 271 | -moz-appearance: none !important; | Unknown directive |
| 272 | appearance: none !important; | Unknown directive |
| 273 | } | Syntax not understood |
| 275 | </style> | Syntax not understood |
| 277 | <!-- Usage Section Grid Center last odd item --> | Syntax not understood |
| 278 | <style> | Syntax not understood |
| 279 | </style> | Syntax not understood |
| 281 | <!-- Start of HubSpot Embed Code --> | Syntax not understood |
| 282 | <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/24150284.js"></script> | Syntax not understood |
| 283 | <!-- End of HubSpot Embed Code --> | Syntax not understood |
| 285 | <!-- Hubspot Form Styles --> | Syntax not understood |
| 286 | <style> | Syntax not understood |
| 288 | legend.hs-field-desc { | Syntax not understood |
| 289 | font-weight: 400; | Unknown directive |
| 290 | font-family: 'Jokker', 'Inter', Arial !important; | Unknown directive |
| 291 | } | Syntax not understood |
| 292 | .submitted-message { | Syntax not understood |
| 293 | color: white; | Unknown directive |
| 294 | font-weight: 400; | Unknown directive |
| 295 | font-family: 'Jokker', 'Inter', Arial !important; | Unknown directive |
| 296 | } | Syntax not understood |
| 297 | .hubspot-form-container { | Syntax not understood |
| 298 | width: 100% !important; | Unknown directive |
| 299 | } | Syntax not understood |
| 301 | .hbspt-form form { | Syntax not understood |
| 302 | max-width: 800px; | Unknown directive |
| 303 | width: 100% !important; | Unknown directive |
| 304 | margin: 0 auto; | Unknown directive |
| 305 | padding: 40px 20px; | Unknown directive |
| 306 | display: flex; | Unknown directive |
| 307 | flex-direction: column; | Unknown directive |
| 308 | gap: 20px; | Unknown directive |
| 309 | } | Syntax not understood |
| 311 | .hbspt-form fieldset { | Syntax not understood |
| 312 | width: 100%; | Unknown directive |
| 313 | max-width: 100% !important; | Unknown directive |
| 314 | font-family: 'Jokker', 'Inter', Arial !important; | Unknown directive |
| 315 | color: white; | Unknown directive |
| 316 | font-size: 16px; | Unknown directive |
| 317 | font-weight: 400; | Unknown directive |
| 318 | display: flex; | Unknown directive |
| 319 | gap: 20px; | Unknown directive |
| 320 | } | Syntax not understood |
| 322 | .hbspt-form fieldset:has(input[type='hidden']) { | Unknown directive |
| 323 | display: none; | Unknown directive |
| 324 | } | Syntax not understood |
| 326 | .hbspt-form fieldset>div { | Syntax not understood |
| 327 | flex: 1; | Unknown directive |
| 328 | } | Syntax not understood |
| 330 | .hs-form-field>label { | Syntax not understood |
| 331 | display: flex; | Unknown directive |
| 332 | width: 100%; | Unknown directive |
| 333 | color: #b2b6b8; | Unknown directive |
| 334 | justify-content: flex-end; | Unknown directive |
| 335 | align-items: center; | Unknown directive |
| 336 | flex-direction: row-reverse; | Unknown directive |
| 337 | gap: 4px; | Unknown directive |
| 338 | text-transform: uppercase; | Unknown directive |
| 339 | margin-bottom: 0; | Unknown directive |
| 340 | font-weight: 400; | Unknown directive |
| 341 | font-size: 12px; | Unknown directive |
| 342 | line-height: 100%; | Unknown directive |
| 343 | } | Syntax not understood |
| 345 | .hs-form-field .hs-form-required { | Syntax not understood |
| 346 | color: #e51b00; | Unknown directive |
| 347 | } | Syntax not understood |
| 349 | .hs-form-field { | Syntax not understood |
| 350 | background-color: #171717; | Unknown directive |
| 351 | border-radius: 4px; | Unknown directive |
| 352 | padding: 16px 12px; | Unknown directive |
| 353 | } | Syntax not understood |
| 355 | input.hs-input, | Syntax not understood |
| 356 | select.hs-input, | Syntax not understood |
| 357 | textarea.hs-input { | Syntax not understood |
| 358 | width: 100% !important; | Unknown directive |
| 359 | background: transparent; | Unknown directive |
| 360 | border: none; | Unknown directive |
| 361 | outline: none; | Unknown directive |
| 362 | color: white; | Unknown directive |
| 363 | font-size: 14px; | Unknown directive |
| 364 | font-weight: 400; | Unknown directive |
| 365 | padding: 10px; | Unknown directive |
| 366 | } | Syntax not understood |
| 368 | .hs-form-field .inputs-list { | Syntax not understood |
| 369 | list-style: none; | Unknown directive |
| 370 | margin: 0; | Unknown directive |
| 371 | padding: 0; | Unknown directive |
| 372 | margin-top: 16px; | Unknown directive |
| 373 | } | Syntax not understood |
| 375 | .hs-form-field .hs-form-checkbox, | Syntax not understood |
| 376 | .hs-form-field .hs-form-radio { | Syntax not understood |
| 377 | width: 100%; | Unknown directive |
| 378 | } | Syntax not understood |
| 380 | .hs-form-field .hs-form-checkbox label, | Syntax not understood |
| 381 | .hs-form-field .hs-form-booleancheckbox-display, | Syntax not understood |
| 382 | .hs-form-field .hs-form-radio label { | Syntax not understood |
| 383 | display: flex; | Unknown directive |
| 384 | width: 100%; | Unknown directive |
| 385 | gap: 8px; | Unknown directive |
| 386 | align-items: center; | Unknown directive |
| 387 | font-weight: 400; | Unknown directive |
| 388 | font-size: 12px; | Unknown directive |
| 389 | } | Syntax not understood |
| 391 | .hs-form-field .hs-form-booleancheckbox-display span { | Syntax not understood |
| 392 | margin-left: 0px !important; | Unknown directive |
| 393 | } | Syntax not understood |
| 395 | .hs-form-field .hs-form-booleancheckbox-display a { | Syntax not understood |
| 396 | color: #ADADAD; | Unknown directive |
| 397 | font-weight: 400; | Unknown directive |
| 398 | } | Syntax not understood |
| 400 | .legal-consent-container .hs-form-booleancheckbox-display p { | Syntax not understood |
| 401 | color: #ADADAD; | Unknown directive |
| 402 | font-weight: 400; | Unknown directive |
| 403 | } | Syntax not understood |
| 405 | .hs-form-field .hs-form-checkbox .hs-input { | Syntax not understood |
| 406 | width: auto !important; | Unknown directive |
| 407 | } | Syntax not understood |
| 409 | .hs-error-msgs { | Syntax not understood |
| 410 | list-style: none; | Unknown directive |
| 411 | margin: 0; | Unknown directive |
| 412 | padding: 0; | Unknown directive |
| 413 | font-family: 'Jokker', 'Inter', Arial !important; | Unknown directive |
| 414 | font-size: 12px; | Unknown directive |
| 415 | color: orangered; | Unknown directive |
| 416 | } | Syntax not understood |
| 418 | .hs-error-msg { | Syntax not understood |
| 419 | font-size: 12px; | Unknown directive |
| 420 | font-weight: 400; | Unknown directive |
| 421 | color: #e51b00; | Unknown directive |
| 422 | line-height: 1; | Unknown directive |
| 423 | margin-top: 4px; | Unknown directive |
| 424 | } | Syntax not understood |
| 426 | input.hs-button { | Syntax not understood |
| 427 | border-radius: 100px; | Unknown directive |
| 428 | border: 1px solid var(--color-white, #fff) !important; | Unknown directive |
| 429 | background: var(--color-white, #fff) !important; | Unknown directive |
| 430 | display: flex; | Unknown directive |
| 431 | min-width: 140px; | Unknown directive |
| 432 | align-items: center; | Unknown directive |
| 433 | justify-content: center; | Unknown directive |
| 434 | padding: 12px !important; | Unknown directive |
| 435 | color: #000 !important; | Unknown directive |
| 436 | text-align: center; | Unknown directive |
| 437 | font-family: 'Jokker', 'Inter', Arial !important; | Unknown directive |
| 438 | font-size: 18px !important; | Unknown directive |
| 439 | font-style: normal; | Unknown directive |
| 440 | font-weight: 500; | Unknown directive |
| 441 | line-height: 28px; | Unknown directive |
| 442 | letter-spacing: -0.18px; | Unknown directive |
| 443 | cursor: pointer !important; | Unknown directive |
| 444 | } | Syntax not understood |
| 446 | .hs-dependent-field { | Syntax not understood |
| 447 | display: flex; | Unknown directive |
| 448 | gap: 20px; | Unknown directive |
| 449 | } | Syntax not understood |
| 451 | .hs-dependent-field div { | Syntax not understood |
| 452 | flex: 1; | Unknown directive |
| 453 | } | Syntax not understood |
| 455 | .legal-consent-container .hs-form-field, | Syntax not understood |
| 456 | .hs-recaptcha.hs-form-field { | Syntax not understood |
| 457 | padding: 0; | Unknown directive |
| 458 | background: transparent; | Unknown directive |
| 459 | } | Syntax not understood |
| 461 | /* Custom checkbox and radio */ | Syntax not understood |
| 462 | .hs-input[type='radio'], | Syntax not understood |
| 463 | .hs-input[type='checkbox'] { | Syntax not understood |
| 464 | transition: background-color 0.2s, border-color 0.2s; | Unknown directive |
| 465 | cursor: pointer; | Unknown directive |
| 466 | outline: none; | Unknown directive |
| 467 | margin: 0px !important; | Unknown directive |
| 468 | } | Syntax not understood |
| 470 | .hs-input[type='checkbox'] { | Syntax not understood |
| 471 | all: unset; | Unknown directive |
| 472 | appearance: none; | Unknown directive |
| 473 | -webkit-appearance: none; | Unknown directive |
| 474 | -moz-appearance: none; | Unknown directive |
| 475 | transform: none !important; | Unknown directive |
| 476 | zoom: 1 !important; | Unknown directive |
| 477 | /* For Safari */ | Syntax not understood |
| 478 | width: 10px !important; | Unknown directive |
| 479 | height: 10px !important; | Unknown directive |
| 480 | min-width: 10px !important; | Unknown directive |
| 481 | min-height: 10px !important; | Unknown directive |
| 482 | max-width: 10px !important; | Unknown directive |
| 483 | max-height: 10px !important; | Unknown directive |
| 484 | border: 1px solid #00C2FF; | Unknown directive |
| 485 | border-radius: 4px; | Unknown directive |
| 486 | position: relative; | Unknown directive |
| 487 | padding: 2px !important; | Unknown directive |
| 488 | margin-right: 4px; | Unknown directive |
| 489 | } | Syntax not understood |
| 491 | .hs-input[type='checkbox']:checked { | Unknown directive |
| 492 | background-color: #00C2FF; | Unknown directive |
| 493 | } | Syntax not understood |
| 495 | .hs-input[type='checkbox']:checked::after { | Unknown directive |
| 496 | content: ''; | Unknown directive |
| 497 | position: absolute; | Unknown directive |
| 498 | top: 50%; | Unknown directive |
| 499 | left: 50%; | Unknown directive |
| 500 | width: 2px; | Unknown directive |
| 501 | height: 6px; | Unknown directive |
| 502 | border: solid white; | Unknown directive |
| 503 | border-width: 0 1px 1px 0; | Unknown directive |
| 504 | transform: translate(-50%, -55%) rotate(45deg); | Unknown directive |
| 505 | } | Syntax not understood |
| 507 | .hs-input[type='radio'] { | Syntax not understood |
| 508 | all: unset; | Unknown directive |
| 509 | appearance: none; | Unknown directive |
| 510 | -webkit-appearance: none; | Unknown directive |
| 511 | -moz-appearance: none; | Unknown directive |
| 512 | width: 14px !important; | Unknown directive |
| 513 | height: 14px !important; | Unknown directive |
| 514 | border: 1px solid #00C2FF; | Unknown directive |
| 515 | border-radius: 50%; | Unknown directive |
| 516 | position: relative; | Unknown directive |
| 517 | margin-right: 4px; | Unknown directive |
| 518 | } | Syntax not understood |
| 520 | .hs-input[type='radio']:checked::after { | Unknown directive |
| 521 | content: ''; | Unknown directive |
| 522 | position: absolute; | Unknown directive |
| 523 | top: 50%; | Unknown directive |
| 524 | left: 50%; | Unknown directive |
| 525 | transform: translate(-50%, -50%); | Unknown directive |
| 526 | width: 8px; | Unknown directive |
| 527 | height: 8px; | Unknown directive |
| 528 | background-color: #00C2FF; | Unknown directive |
| 529 | border: 1px solid #00C2FF; | Unknown directive |
| 530 | border-radius: 50%; | Unknown directive |
| 531 | } | Syntax not understood |
| 532 | /** Light theme */ | Syntax not understood |
| 534 | .hubspot-form-light-theme { | Syntax not understood |
| 535 | color: #333333; | Unknown directive |
| 536 | } | Syntax not understood |
| 538 | .hubspot-form-light-theme .hs-form-field { | Syntax not understood |
| 539 | background-color: transparent; | Unknown directive |
| 540 | padding: 0px; | Unknown directive |
| 541 | } | Syntax not understood |
| 543 | .hubspot-form-light-theme .hs-form-field>label { | Syntax not understood |
| 544 | color: #333333; | Unknown directive |
| 545 | } | Syntax not understood |
| 547 | .hubspot-form-light-theme input.hs-input, | Syntax not understood |
| 548 | .hubspot-form-light-theme select.hs-input, | Syntax not understood |
| 549 | .hubspot-form-light-theme textarea.hs-input { | Syntax not understood |
| 550 | background: white; | Unknown directive |
| 551 | margin-top: 16px; | Unknown directive |
| 552 | border-radius: 6px; | Unknown directive |
| 553 | padding: 16px; | Unknown directive |
| 554 | color: #171717; | Unknown directive |
| 555 | border: 1px solid #ddd; | Unknown directive |
| 556 | } | Syntax not understood |
| 558 | .hubspot-form-light-theme input.hs-button { | Syntax not understood |
| 559 | border: 1px solid #00C2FF !important; | Unknown directive |
| 560 | background: #00C2FF !important; | Unknown directive |
| 561 | color: white !important; | Unknown directive |
| 562 | } | Syntax not understood |
| 564 | .hubspot-form-light-theme .legal-consent-container .hs-form-booleancheckbox-display p{ | Syntax not understood |
| 565 | color: #171717; | Unknown directive |
| 566 | } | Syntax not understood |
| 568 | .hubspot-form-light-theme .hs-form-field .hs-form-booleancheckbox-display a { | Syntax not understood |
| 569 | color: #00C2FF !important; | Unknown directive |
| 570 | } | Syntax not understood |
| 571 | </style> | Syntax not understood |
| 573 | <style type="text/css"> | Syntax not understood |
| 574 | /** | Syntax not understood |
| 575 | * Footer Health Indicator Styles | Syntax not understood |
| 576 | * Responsive styling for system health status indicator | Syntax not understood |
| 577 | */ | Syntax not understood |
| 579 | /* Main indicator container */ | Syntax not understood |
| 580 | .agora-health-indicator { | Syntax not understood |
| 581 | display: inline-flex; | Unknown directive |
| 582 | align-items: center; | Unknown directive |
| 583 | gap: 8px; | Unknown directive |
| 584 | padding: 8px 12px; | Unknown directive |
| 585 | border-radius: 6px; | Unknown directive |
| 586 | font-size: 14px; | Unknown directive |
| 587 | font-weight: 500; | Unknown directive |
| 588 | transition: all 0.3s ease; | Unknown directive |
| 589 | background-color: rgba(34, 197, 94, 0.1); | Unknown directive |
| 590 | border: 1px solid rgba(34, 197, 94, 0.2); | Unknown directive |
| 591 | margin-top: 12px; | Unknown directive |
| 592 | cursor: default; | Unknown directive |
| 593 | } | Syntax not understood |
| 595 | .agora-health-indicator__content { | Syntax not understood |
| 596 | display: flex; | Unknown directive |
| 597 | align-items: center; | Unknown directive |
| 598 | gap: 8px; | Unknown directive |
| 599 | } | Syntax not understood |
| 601 | /* Status dot indicator */ | Syntax not understood |
| 602 | .agora-health-indicator__dot { | Syntax not understood |
| 603 | display: inline-block; | Unknown directive |
| 604 | width: 8px; | Unknown directive |
| 605 | height: 8px; | Unknown directive |
| 606 | border-radius: 50%; | Unknown directive |
| 607 | animation: pulse 2s infinite; | Unknown directive |
| 608 | } | Syntax not understood |
| 610 | .agora-health-indicator__dot--green { | Syntax not understood |
| 611 | background-color: #22c55e; | Unknown directive |
| 612 | box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.2); | Unknown directive |
| 613 | } | Syntax not understood |
| 615 | .agora-health-indicator__dot--yellow { | Syntax not understood |
| 616 | background-color: #eab308; | Unknown directive |
| 617 | box-shadow: 0 0 0 2px rgba(234, 179, 8, 0.2); | Unknown directive |
| 618 | } | Syntax not understood |
| 620 | /* Status text */ | Syntax not understood |
| 621 | .agora-health-indicator__text { | Syntax not understood |
| 622 | color: #1f2937; | Unknown directive |
| 623 | white-space: nowrap; | Unknown directive |
| 624 | font-size: 14px; | Unknown directive |
| 625 | } | Syntax not understood |
| 627 | /* Operational state */ | Syntax not understood |
| 628 | .agora-health-indicator--operational { | Syntax not understood |
| 629 | background-color: rgba(34, 197, 94, 0.1); | Unknown directive |
| 630 | border-color: rgba(34, 197, 94, 0.2); | Unknown directive |
| 631 | color: #15803d; | Unknown directive |
| 632 | cursor: default; | Unknown directive |
| 633 | } | Syntax not understood |
| 635 | .agora-health-indicator--operational:hover { | Unknown directive |
| 636 | background-color: rgba(34, 197, 94, 0.1); | Unknown directive |
| 637 | border-color: rgba(34, 197, 94, 0.2); | Unknown directive |
| 638 | } | Syntax not understood |
| 640 | .agora-health-indicator--operational .agora-health-indicator__text { | Syntax not understood |
| 641 | color: #15803d; | Unknown directive |
| 642 | } | Syntax not understood |
| 644 | /* Disruption state */ | Syntax not understood |
| 645 | .agora-health-indicator--disruption { | Syntax not understood |
| 646 | background-color: rgba(234, 179, 8, 0.1); | Unknown directive |
| 647 | border-color: rgba(234, 179, 8, 0.2); | Unknown directive |
| 648 | color: #854d0e; | Unknown directive |
| 649 | cursor: pointer; | Unknown directive |
| 650 | } | Syntax not understood |
| 652 | .agora-health-indicator--disruption:hover { | Unknown directive |
| 653 | background-color: rgba(234, 179, 8, 0.15); | Unknown directive |
| 654 | border-color: rgba(234, 179, 8, 0.3); | Unknown directive |
| 655 | } | Syntax not understood |
| 657 | .agora-health-indicator--disruption .agora-health-indicator__text { | Syntax not understood |
| 658 | color: #854d0e; | Unknown directive |
| 659 | } | Syntax not understood |
| 661 | /* Pulsing animation for the dot */ | Syntax not understood |
| 662 | @keyframes pulse { | Syntax not understood |
| 663 | 0%, 100% { | Syntax not understood |
| 664 | opacity: 1; | Unknown directive |
| 665 | } | Syntax not understood |
| 666 | 50% { | Syntax not understood |
| 667 | opacity: 0.7; | Unknown directive |
| 668 | } | Syntax not understood |
| 669 | } | Syntax not understood |
| 671 | /* Tooltip styles */ | Syntax not understood |
| 672 | .agora-health-tooltip { | Syntax not understood |
| 673 | display: none; | Unknown directive |
| 674 | position: fixed; | Unknown directive |
| 675 | background-color: #fff; | Unknown directive |
| 676 | border: 1px solid #e5e7eb; | Unknown directive |
| 677 | border-radius: 8px; | Unknown directive |
| 678 | padding: 12px 16px; | Unknown directive |
| 679 | box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); | Unknown directive |
| 680 | z-index: 1000; | Unknown directive |
| 681 | max-width: 350px; | Unknown directive |
| 682 | font-size: 13px; | Unknown directive |
| 683 | line-height: 1.5; | Unknown directive |
| 684 | pointer-events: auto; | Unknown directive |
| 685 | top: auto; | Unknown directive |
| 686 | left: auto; | Unknown directive |
| 687 | opacity: 0; | Unknown directive |
| 688 | transition: opacity 0.2s ease-in-out; | Unknown directive |
| 689 | } | Syntax not understood |
| 691 | .agora-health-tooltip__content { | Syntax not understood |
| 692 | display: flex; | Unknown directive |
| 693 | flex-direction: column; | Unknown directive |
| 694 | gap: 8px; | Unknown directive |
| 695 | } | Syntax not understood |
| 697 | .agora-health-tooltip__title { | Syntax not understood |
| 698 | margin: 0; | Unknown directive |
| 699 | font-weight: 600; | Unknown directive |
| 700 | color: #1f2937; | Unknown directive |
| 701 | font-size: 13px; | Unknown directive |
| 702 | } | Syntax not understood |
| 704 | .agora-health-tooltip__message { | Syntax not understood |
| 705 | margin: 0; | Unknown directive |
| 706 | color: #4b5563; | Unknown directive |
| 707 | font-size: 12px; | Unknown directive |
| 708 | } | Syntax not understood |
| 710 | .agora-health-tooltip__message a { | Syntax not understood |
| 711 | color: #0066cc; | Unknown directive |
| 712 | text-decoration: none; | Unknown directive |
| 713 | font-weight: 500; | Unknown directive |
| 714 | transition: color 0.2s ease; | Unknown directive |
| 715 | } | Syntax not understood |
| 717 | .agora-health-tooltip__message a:hover { | Unknown directive |
| 718 | color: #0052a3; | Unknown directive |
| 719 | text-decoration: underline; | Unknown directive |
| 720 | } | Syntax not understood |
| 722 | /* Responsive design */ | Syntax not understood |
| 723 | @media (max-width: 768px) { | Unknown directive |
| 724 | .agora-health-indicator { | Syntax not understood |
| 725 | padding: 6px 10px; | Unknown directive |
| 726 | font-size: 12px; | Unknown directive |
| 727 | gap: 6px; | Unknown directive |
| 728 | margin-top: 8px; | Unknown directive |
| 729 | } | Syntax not understood |
| 731 | .agora-health-indicator__dot { | Syntax not understood |
| 732 | width: 6px; | Unknown directive |
| 733 | height: 6px; | Unknown directive |
| 734 | } | Syntax not understood |
| 736 | .agora-health-indicator__text { | Syntax not understood |
| 737 | font-size: 12px; | Unknown directive |
| 738 | } | Syntax not understood |
| 740 | .agora-health-tooltip { | Syntax not understood |
| 741 | max-width: 280px; | Unknown directive |
| 742 | padding: 10px 12px; | Unknown directive |
| 743 | font-size: 12px; | Unknown directive |
| 744 | } | Syntax not understood |
| 746 | .agora-health-tooltip__title { | Syntax not understood |
| 747 | font-size: 12px; | Unknown directive |
| 748 | } | Syntax not understood |
| 750 | .agora-health-tooltip__message { | Syntax not understood |
| 751 | font-size: 11px; | Unknown directive |
| 752 | } | Syntax not understood |
| 753 | } | Syntax not understood |
| 755 | @media (max-width: 480px) { | Unknown directive |
| 756 | .agora-health-indicator { | Syntax not understood |
| 757 | padding: 6px 8px; | Unknown directive |
| 758 | font-size: 11px; | Unknown directive |
| 759 | gap: 4px; | Unknown directive |
| 760 | } | Syntax not understood |
| 762 | .agora-health-indicator__text { | Syntax not understood |
| 763 | font-size: 11px; | Unknown directive |
| 764 | } | Syntax not understood |
| 766 | .agora-health-tooltip { | Syntax not understood |
| 767 | max-width: 240px; | Unknown directive |
| 768 | padding: 8px 10px; | Unknown directive |
| 769 | font-size: 11px; | Unknown directive |
| 770 | } | Syntax not understood |
| 772 | .agora-health-tooltip__title { | Syntax not understood |
| 773 | font-size: 11px; | Unknown directive |
| 774 | } | Syntax not understood |
| 776 | .agora-health-tooltip__message { | Syntax not understood |
| 777 | font-size: 10px; | Unknown directive |
| 778 | } | Syntax not understood |
| 779 | } | Syntax not understood |
| 781 | /* Accessibility improvements */ | Syntax not understood |
| 782 | .agora-health-indicator:focus-visible { | Unknown directive |
| 783 | outline: 2px solid #0066cc; | Unknown directive |
| 784 | outline-offset: 2px; | Unknown directive |
| 785 | } | Syntax not understood |
| 787 | .agora-health-indicator:active { | Unknown directive |
| 788 | transform: scale(0.98); | Unknown directive |
| 789 | } | Syntax not understood |
| 791 | /* Dark mode support */ | Syntax not understood |
| 792 | @media (prefers-color-scheme: dark) { | Unknown directive |
| 793 | .agora-health-indicator { | Syntax not understood |
| 794 | background-color: rgba(34, 197, 94, 0.15); | Unknown directive |
| 795 | border-color: rgba(34, 197, 94, 0.3); | Unknown directive |
| 796 | } | Syntax not understood |
| 798 | .agora-health-indicator--operational { | Syntax not understood |
| 799 | background-color: rgba(34, 197, 94, 0.15); | Unknown directive |
| 800 | border-color: rgba(34, 197, 94, 0.3); | Unknown directive |
| 801 | } | Syntax not understood |
| 803 | .agora-health-indicator--operational:hover { | Unknown directive |
| 804 | background-color: rgba(34, 197, 94, 0.25); | Unknown directive |
| 805 | border-color: rgba(34, 197, 94, 0.4); | Unknown directive |
| 806 | } | Syntax not understood |
| 808 | .agora-health-indicator--operational .agora-health-indicator__text { | Syntax not understood |
| 809 | color: #86efac; | Unknown directive |
| 810 | } | Syntax not understood |
| 812 | .agora-health-indicator--disruption { | Syntax not understood |
| 813 | background-color: rgba(234, 179, 8, 0.15); | Unknown directive |
| 814 | border-color: rgba(234, 179, 8, 0.3); | Unknown directive |
| 815 | } | Syntax not understood |
| 817 | .agora-health-indicator--disruption:hover { | Unknown directive |
| 818 | background-color: rgba(234, 179, 8, 0.25); | Unknown directive |
| 819 | border-color: rgba(234, 179, 8, 0.4); | Unknown directive |
| 820 | } | Syntax not understood |
| 822 | .agora-health-indicator--disruption .agora-health-indicator__text { | Syntax not understood |
| 823 | color: #fde047; | Unknown directive |
| 824 | } | Syntax not understood |
| 826 | .agora-health-tooltip { | Syntax not understood |
| 827 | background-color: #1f2937; | Unknown directive |
| 828 | border-color: #374151; | Unknown directive |
| 829 | color: #e5e7eb; | Unknown directive |
| 830 | } | Syntax not understood |
| 832 | .agora-health-tooltip__title { | Syntax not understood |
| 833 | color: #f3f4f6; | Unknown directive |
| 834 | } | Syntax not understood |
| 836 | .agora-health-tooltip__message { | Syntax not understood |
| 837 | color: #d1d5db; | Unknown directive |
| 838 | } | Syntax not understood |
| 840 | .agora-health-tooltip__message a { | Syntax not understood |
| 841 | color: #60a5fa; | Unknown directive |
| 842 | } | Syntax not understood |
| 844 | .agora-health-tooltip__message a:hover { | Unknown directive |
| 845 | color: #93c5fd; | Unknown directive |
| 846 | } | Syntax not understood |
| 847 | } | Syntax not understood |
| 849 | /* Reduced motion support */ | Syntax not understood |
| 850 | @media (prefers-reduced-motion: reduce) { | Unknown directive |
| 851 | .agora-health-indicator, | Syntax not understood |
| 852 | .agora-health-indicator__dot, | Syntax not understood |
| 853 | .agora-health-indicator__text { | Syntax not understood |
| 854 | animation: none; | Unknown directive |
| 855 | transition: none; | Unknown directive |
| 856 | } | Syntax not understood |
| 858 | .agora-health-indicator__dot { | Syntax not understood |
| 859 | animation: none; | Unknown directive |
| 860 | } | Syntax not understood |
| 861 | } | Syntax not understood |
| 863 | </style> | Syntax not understood |
| 865 | <style> | Syntax not understood |
| 866 | .alert-bar { | Syntax not understood |
| 867 | display: block; | Unknown directive |
| 868 | } | Syntax not understood |
| 870 | .alert-bar.is-hidden { | Syntax not understood |
| 871 | display: none; | Unknown directive |
| 872 | } | Syntax not understood |
| 873 | </style><link rel="canonical" href="https://www.agora.io/en/" /> | Unknown directive |
| 874 | <link rel="alternate" href="https://www.agora.io/en/" hreflang="en" /> | Unknown directive |
| 875 | <link rel="alternate" href="https://www.agora.io/kr/" hreflang="ko" /> | Unknown directive |
| 876 | <link rel="alternate" href="https://www.agora.io/en/" hreflang="x-default" /> | Unknown directive |
| 878 | <style> | Syntax not understood |
| 879 | /* NavBar */ | Syntax not understood |
| 880 | .nav-menu-link.w-nav-link.w--current{ | Syntax not understood |
| 881 | position: relative; | Unknown directive |
| 882 | } | Syntax not understood |
| 883 | .nav-menu-link.w-nav-link.w--current:before{ | Unknown directive |
| 884 | content: ""; | Unknown directive |
| 885 | position: absolute; | Unknown directive |
| 886 | height: 1px; | Unknown directive |
| 887 | width: 100%; | Unknown directive |
| 888 | background: linear-gradient(to right, #0286FF, #DB7FFF, #FFFFFF); | Unknown directive |
| 889 | top: 100%; | Unknown directive |
| 890 | left: 0; | Unknown directive |
| 891 | } | Syntax not understood |
| 893 | /** tabs */ | Syntax not understood |
| 894 | .feature-tab-menu.w--current{ | Syntax not understood |
| 895 | position: relative; | Unknown directive |
| 896 | } | Syntax not understood |
| 897 | .feature-tab-menu.w--current > .feature-tab-text{ | Syntax not understood |
| 898 | display: block; | Unknown directive |
| 899 | } | Syntax not understood |
| 900 | .feature-tab-menu.animate-border:before{ | Unknown directive |
| 901 | content: ""; | Unknown directive |
| 902 | position: absolute; | Unknown directive |
| 903 | height: 2px; | Unknown directive |
| 904 | /** Animating the width */ | Syntax not understood |
| 905 | width: 0%; | Unknown directive |
| 906 | /* background: linear-gradient(to right, #0286FF, #DB7FFF, #FFFFFF); */ | Unknown directive |
| 907 | background: linear-gradient(270deg, #099DFD 0%, rgba(9, 157, 253, 0.00) 100%); | Unknown directive |
| 908 | top: 100%; | Unknown directive |
| 909 | left: 0; | Unknown directive |
| 910 | animation: borderBottomAnimation linear 4000ms; | Unknown directive |
| 911 | } | Syntax not understood |
| 913 | @keyframes borderBottomAnimation{ | Syntax not understood |
| 914 | from {width: 0%;} | Unknown directive |
| 915 | to {width: 100%;} | Unknown directive |
| 916 | } | Syntax not understood |
| 918 | /** General */ | Syntax not understood |
| 919 | .spotlight-card{ | Syntax not understood |
| 920 | border-radius: 12px; | Unknown directive |
| 921 | background: radial-gradient(74.22% 64.62% at 26.36% 14.29%, #1A1A1A 0%, #151515 50%, #101010 100%); | Unknown directive |
| 922 | } | Syntax not understood |
| 924 | .icon-shade{ | Syntax not understood |
| 925 | background: linear-gradient(304deg, #0D0D0D 14.86%, #161515 86.17%); | Unknown directive |
| 926 | } | Syntax not understood |
| 928 | .popped-card{ | Syntax not understood |
| 929 | border-radius: 8px; | Unknown directive |
| 930 | background: linear-gradient(285deg, #202020 26.32%, #1C1C1C 90.13%); | Unknown directive |
| 931 | box-shadow: inset 1px 1px 0px #353535; | Unknown directive |
| 932 | } | Syntax not understood |
| 934 | .hero-variant-2 { | Syntax not understood |
| 935 | background-repeat: no-repeat; | Unknown directive |
| 936 | background-size: cover; | Unknown directive |
| 937 | background-position: center center; | Unknown directive |
| 938 | } | Syntax not understood |
| 940 | /** Components */ | Syntax not understood |
| 941 | .services-gradient-bg{ | Syntax not understood |
| 942 | /*background-image: radial-gradient(74.22% 64.62% at 26.36% 14.29%, #1A1A1A 0%, #151515 50%, #101010 100%); */ | Unknown directive |
| 943 | background: radial-gradient(282.8% 141.42% at 0% 0%, #1A1A1A 0%, #151515 50%, #101010 100%) !important; | Unknown directive |
| 944 | } | Syntax not understood |
| 946 | /** Card Gradient border */ | Syntax not understood |
| 947 | .gradient-card-border{ | Syntax not understood |
| 948 | /** TODO */ | Syntax not understood |
| 949 | border: 10px solid; | Unknown directive |
| 950 | border-image-slice: 1; | Unknown directive |
| 951 | border-width: 5px; | Unknown directive |
| 952 | border-image-source: linear-gradient(156 deg, #2B2B2B 18%, #000000 100%); | Unknown directive |
| 954 | } | Syntax not understood |
| 955 | </style> | Syntax not understood |
| 958 | <style> | Syntax not understood |
| 959 | /** Sticky tab cards active border*/ | Syntax not understood |
| 960 | .scroll-card-tab-link.w--current{ | Syntax not understood |
| 961 | position: relative; | Unknown directive |
| 962 | } | Syntax not understood |
| 963 | .scroll-card-tab-link.w--current:before{ | Unknown directive |
| 964 | content: ""; | Unknown directive |
| 965 | position: absolute; | Unknown directive |
| 966 | height: 1px; | Unknown directive |
| 967 | width: 100%; | Unknown directive |
| 968 | background: linear-gradient(to right, #0286FF, #DB7FFF, #FFFFFF); | Unknown directive |
| 969 | top: 100%; | Unknown directive |
| 970 | left: 0; | Unknown directive |
| 971 | } | Syntax not understood |
| 972 | </style> | Syntax not understood |
| 974 | <style> | Syntax not understood |
| 975 | @media screen and (max-width: 479px) { | Unknown directive |
| 976 | :lang(pt) .features .primary-btn-label-outline { | Unknown directive |
| 977 | font-size: 12px; | Unknown directive |
| 978 | } | Syntax not understood |
| 979 | } | Syntax not understood |
| 980 | </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="(max-width: 479px) 79vw, 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"> | Unknown directive |
| 981 | <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/> | Syntax not understood |
| 982 | </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"> | Unknown directive |
| 983 | <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/> | Syntax not understood |
| 984 | </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 featuredproductlabel">CONVERSATIONAL AI</div></div><div class="w-layout-hflex menublock"><a data-w-id="40e70cd4-8bc9-6458-6d19-fdb500da0c62" 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/67b4cac1b694fd8b5b3ab06e_conversational-ai-engine-32x32%20(2).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 primary-graidient-text">Conversational AI Engine</div></div><div class="div-block-37"></div></div></div></div></a><a data-w-id="40e70cd4-8bc9-6458-6d19-fdb500da0c62" 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/67cb5ca6e4d44506282e3560_convoai-toy-kit-32x32.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 primary-graidient-text">Convo AI Device Kit</div></div><div class="div-block-37"></div></div></div></div></a><a href="/en/products/agora-openai-realtime-api/" 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">OpenAI Realtime API</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">CORE PRODUCTS</div></div><div class="w-layout-hflex menublock"><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/video-call/" 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 Calling</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/voice-call/" 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/6630b8ed81903c4fdcc52a25_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 Calling</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/interactive-live-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/66336fd60112675bcfe60a0c_LiveStreaming.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">Interactive Live 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/products/interactive-whiteboard/" 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/6678d9fcbd30a39e31f09dba_Whiteboard.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">Interactive Whiteboard</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/66336fd7cc50b27622d7abf1_Signaliing.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">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/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/products/broadcast-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/66336fd65535a00f8e9a8dbb_BroadcastStreaming.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">Broadcast 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/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/66336fd6f79d65e1510db0ec_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">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"><div data-figma-id="329:1639" class="mega-menu-title"><div data-figma-id="329:1640" class="core-products">EXTENSIONS</div></div><div class="w-layout-hflex menublock"><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/3d-spatial-audio/" 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/66336fd8e05c1cfefbbfb0e9_Spatial_Audio.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">3D Spatial Audio</div></div><div class="div-block-37"></div></div></div></div></a><link rel="prefetch" href="/en/products/3d-spatial-audio/"/><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/media-services/" 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/66b12ab1ec1ac389219a96d9_Media_Services.svg" loading="lazy" alt="Media Services 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 Services</div></div><div class="div-block-37"></div></div></div></div></a><link rel="prefetch" href="/en/products/media-services/"/><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/agora-analytics/" 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/667addd4a8884a069b3ed4e1_Analytics.svg" loading="lazy" alt="Analytics 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 Analytics</div></div><div class="div-block-37"></div></div></div></div></a><link rel="prefetch" href="/en/products/agora-analytics/"/><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/ai-noise-suppression/" 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/667ade5df2d1820192aeaa1d_Icon_ai-noise-supression.svg.svg" loading="lazy" alt="AI Noise Suppression 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">AI Noise Suppression</div></div><div class="div-block-37"></div></div></div></div></a><link rel="prefetch" href="/en/products/ai-noise-suppression/"/><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/speech-to-text/" 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/667addd405bc336e79636242_Transcription.svg" loading="lazy" alt="Speech-to-Text Transcription 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">Real-Time Speech to Text</div></div><div class="div-block-37"></div></div></div></div></a><link rel="prefetch" href="/en/products/speech-to-text/"/><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/real-time-translation/" 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/6733b40e305543fc7ed54bf0_Translation.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">Real-Time Translation</div></div><div class="div-block-37"></div></div></div></div></a><link rel="prefetch" href="/en/products/real-time-translation/"/><a data-figma-id="321:3843" data-w-id="d1b894b5-0235-4ad8-d800-e08be86091c8" href="/en/products/recording/" 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/66b2895070851f0d715f8013_Recording.svg" loading="lazy" alt="Record 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">Recording</div></div><div class="div-block-37"></div></div></div></div></a><link rel="prefetch" href="/en/products/recording/"/><a href="/en/extensions-marketplace/" 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">Extensions Marketplace</div></div></div></a></div></div></div></div><div class="div-block-28 div-block-28-responsive"><div data-figma-id="329:1639" class="mega-menu-title"><div data-figma-id="329:1640" class="core-products">Open Source</div></div><div class="w-layout-vflex flex-block-124 productmenu-right"><a href="/en/open-source/ten-framework/" class="megamenu-card-wrapper w-inline-block"><div class="w-layout-hflex flex-block-121 githubcolumn"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/68122cfa92c98d0abbed6fa2_TEN-Icon.svg" loading="lazy" alt="" class="image-74"/><div class="w-layout-vflex flex-block-123"><div class="w-layout-hflex flex-block-120 github-wrapper"><div class="w-layout-hflex flex-block-232"><h2 class="heading-50">TEN</h2><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/68122d0487f7c262028ed18a_framework-tag.svg" loading="lazy" alt="" class="image-75"/></div><div class="w-layout-hflex flex-block-232"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/668e7b8b4b269ea8aae809b8_github-white.svg" loading="lazy" alt="Github icon" class="image-75 githublogo"/><div id="github-stars-ten-framework" class="text-block-99 github-number">6,000</div></div></div><div class="text-block-99">Open-source framework for real-time, multimodal conversational AI.</div></div></div><div class="w-layout-vflex flex-block-122 tools-card"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6698f9ffa375148f212b7393_appbuildw.webp" loading="lazy" alt="Screenshot of App Builder" class="image-109315"/></div></a></div><div data-figma-id="329:1639" class="mega-menu-title"><div data-figma-id="329:1640" class="core-products">TOOLS</div></div><div class="w-layout-vflex flex-block-124 productmenu-right"><a href="/en/tools/app-builder/" class="megamenu-card-wrapper w-inline-block"><div class="w-layout-hflex flex-block-121"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b12a6478f4addcc57f78a1_App_Builder.svg" loading="lazy" alt="Agora App Builder icon" class="image-74"/><div class="w-layout-vflex flex-block-123"><div class="w-layout-hflex flex-block-120"><h2 class="heading-50">App Builder</h2><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667af560b99402a0ab824bbc_NoCode.svg" loading="lazy" alt="No Code icon" class="image-75"/></div><div class="text-block-99">The fastest and easiest way to integrate real-time engagement without code.</div></div></div><div class="w-layout-vflex flex-block-122 tools-card"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6698f9ffa375148f212b7393_appbuildw.webp" loading="lazy" alt="Screenshot of App Builder" class="image-109315"/></div></a><a href="/en/tools/flexible-classroom/" class="megamenu-card-wrapper w-inline-block"><div class="w-layout-hflex flex-block-121"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66336fd6b27bce3802c2f1fd_Classroom.svg" loading="lazy" alt="" class="image-74"/><div class="w-layout-vflex flex-block-123"><div class="w-layout-hflex flex-block-120"><h2 class="heading-50">Flexible Classroom</h2><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667af55fde8dec523160cbff_LowCode.svg" loading="lazy" alt="Low Code icon" class="image-75"/></div><div class="text-block-99">Build full-featured virtual classrooms with low code. </div></div></div><div class="w-layout-vflex flex-block-122 tools-card"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6698fa06f4d03845715cdca2_appbuild3.webp" loading="lazy" alt="Thumbnail of students and teacher on a video call." class="image-109315"/></div></a><a href="https://docs.agora.io/en/sdks?platform=android" target="_blank" class="megamenu-card-wrapper w-inline-block"><div class="w-layout-hflex flex-block-121"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/66b2bf0bd46b46ce4d467217_Download_SDK.svg" loading="lazy" alt="Download SDK icon" class="image-74"/><div class="w-layout-vflex flex-block-123"><div class="w-layout-hflex flex-block-120"><h2 class="heading-50">Download SDKs</h2><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/667af55f771e7275f888f9a9_YourCode.svg" loading="lazy" alt="Your Code icon" class="image-75"/></div><div class="text-block-99">Build your vision with Agora's real-time SDKs. </div></div></div><div class="w-layout-vflex flex-block-122 tools-card"><img src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/6698fa095e9e9b266d452c6c_appbuild4.webp" loading="lazy" alt="AppBuilder thumbnail" class="image-109315"/></div></a></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"> | Unknown directive |
| 985 | <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/> | Syntax not understood |
| 986 | </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"> | Unknown directive |
| 987 | <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/> | Syntax not understood |
| 988 | </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/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><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></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"> | Unknown directive |
| 989 | <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/> | Syntax not understood |
| 990 | </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"> | Unknown directive |
| 991 | <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/> | Syntax not understood |
| 992 | </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/" 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/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></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/voice-calling/get-started/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/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/video-calling/get-started/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"> | Unknown directive |
| 993 | <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/> | Syntax not understood |
| 994 | </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"> | Unknown directive |
| 995 | <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/> | Syntax not understood |
| 996 | </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 & 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&utm_medium=website&utm_campaign=rte2024-liveshopping-latam&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"> | Unknown directive |
| 997 | <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/> | Syntax not understood |
| 998 | </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"> | Unknown directive |
| 999 | <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/> | Syntax not understood |
| 1000 | </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/" 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/help/integration-issues?platform=all-platforms" 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"> | Unknown directive |
| 1001 | <g> | Syntax not understood |
| 1002 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1003 | </g> | Syntax not understood |
| 1004 | </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"> | Unknown directive |
| 1005 | <g> | Syntax not understood |
| 1006 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1007 | </g> | Syntax not understood |
| 1008 | </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/99-isnt-enough-how-speechmatics-is-fixing-asr/" 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">The Mission to Understand Every Voice: A Conversation with Speechmatics’ Ricardo Herreros Symons</div></div></div></a></div><div class="codeblock-hide w-embed w-script"><script async> | Unknown directive |
| 1010 | window.addEventListener('scroll', () => { | Syntax not understood |
| 1011 | let overlay = document.querySelector('.headermenudropdown.w--open'); | Syntax not understood |
| 1012 | if(!overlay) return; | Syntax not understood |
| 1013 | if (window.scrollY > 80) { | Syntax not understood |
| 1014 | let megamenuContent = document.querySelector('.w--open .modal-megamenu-contentblock'); | Syntax not understood |
| 1015 | megamenuContent.style.top = '0px'; | Syntax not understood |
| 1016 | } else { | Syntax not understood |
| 1017 | let megamenuContent = document.querySelector('.w--open .modal-megamenu-contentblock'); | Syntax not understood |
| 1018 | megamenuContent.style.top = '80px'; | Syntax not understood |
| 1019 | } | Syntax not understood |
| 1020 | }); | Syntax not understood |
| 1022 | /* | Syntax not understood |
| 1023 | let navbarTop = 0; | Syntax not understood |
| 1024 | let transition = true; | Syntax not understood |
| 1025 | let position = "sticky"; | Syntax not understood |
| 1026 | let lastScrollPosition = 800; | Syntax not understood |
| 1027 | let throttling = false; | Syntax not understood |
| 1029 | const navbar = document.querySelector(".headernavbar"); | Syntax not understood |
| 1031 | function onScrollThrottled() { | Syntax not understood |
| 1032 | if (!throttling) { | Syntax not understood |
| 1033 | throttling = true; | Syntax not understood |
| 1034 | requestAnimationFrame(() => { | Syntax not understood |
| 1035 | onScroll(); | Syntax not understood |
| 1036 | throttling = false; | Syntax not understood |
| 1037 | }); | Syntax not understood |
| 1038 | } | Syntax not understood |
| 1039 | } | Syntax not understood |
| 1041 | function onScroll() { | Syntax not understood |
| 1042 | const currentScrollPosition = window.pageYOffset || document.documentElement.scrollTop; | Syntax not understood |
| 1043 | if (currentScrollPosition <= 800) { | Syntax not understood |
| 1044 | lastScrollPosition = 0; | Syntax not understood |
| 1045 | navbarTop = 0; | Syntax not understood |
| 1046 | if (position !== "sticky") { transition = true; } | Syntax not understood |
| 1047 | else { transition = false; } | Syntax not understood |
| 1048 | position = "sticky"; | Syntax not understood |
| 1049 | } else { | Syntax not understood |
| 1050 | if (currentScrollPosition > lastScrollPosition) { | Syntax not understood |
| 1051 | // Scrolling down | Syntax not understood |
| 1052 | if (position !== "fixed") { transition = true; } | Syntax not understood |
| 1053 | else { transition = false; } | Syntax not understood |
| 1054 | position = "fixed"; | Syntax not understood |
| 1055 | navbarTop = -navbar.offsetHeight; | Syntax not understood |
| 1056 | } else { | Syntax not understood |
| 1057 | // Scrolling up | Syntax not understood |
| 1058 | if (position !== "sticky") { transition = true; } | Syntax not understood |
| 1059 | else { transition = false; } | Syntax not understood |
| 1060 | position = "sticky"; | Syntax not understood |
| 1061 | navbarTop = 0; | Syntax not understood |
| 1062 | } | Syntax not understood |
| 1063 | lastScrollPosition = currentScrollPosition; | Syntax not understood |
| 1064 | } | Syntax not understood |
| 1065 | navbar.style = `position: ${position}; top: ${navbarTop}px; transition: ${ transition ? "none" : "100ms linear" }`; | Unknown directive |
| 1066 | } | Syntax not understood |
| 1068 | window.addEventListener("scroll", onScrollThrottled, { passive: true }); | Unknown directive |
| 1069 | */ | Syntax not understood |
| 1070 | </script></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, & 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"> | Unknown directive |
| 1071 | <g> | Syntax not understood |
| 1072 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1073 | </g> | Syntax not understood |
| 1074 | </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"> | Unknown directive |
| 1075 | <g> | Syntax not understood |
| 1076 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1077 | </g> | Syntax not understood |
| 1078 | </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/conversational-ai/overview/product-overview" 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> | Unknown directive |
| 1079 | .hero-video-iframe { | Syntax not understood |
| 1080 | width: 110%; | Unknown directive |
| 1081 | height: 100%; | Unknown directive |
| 1082 | margin-left: -20%; | Unknown directive |
| 1083 | margin-top: 15%; | Unknown directive |
| 1084 | } | Syntax not understood |
| 1086 | .hero-video-wrapper { | Syntax not understood |
| 1087 | position: relative; | Unknown directive |
| 1088 | width: 100%; | Unknown directive |
| 1089 | height: 100%; | Unknown directive |
| 1090 | } | Syntax not understood |
| 1092 | @media (max-width: 1441px) { | Unknown directive |
| 1093 | .hero-video-iframe { | Syntax not understood |
| 1094 | width: 120%; | Unknown directive |
| 1095 | height: 120%; | Unknown directive |
| 1096 | margin-left: -20%; | Unknown directive |
| 1097 | margin-top: 10%; | Unknown directive |
| 1098 | } | Syntax not understood |
| 1100 | .hero-video-wrapper { | Syntax not understood |
| 1101 | position: relative; | Unknown directive |
| 1102 | width: 110%; | Unknown directive |
| 1103 | height: 110%; | Unknown directive |
| 1104 | } | Syntax not understood |
| 1105 | } | Syntax not understood |
| 1107 | @media (max-width: 1280px) { | Unknown directive |
| 1108 | .hero-video-iframe { | Syntax not understood |
| 1109 | width: 120%; | Unknown directive |
| 1110 | height: 120%; | Unknown directive |
| 1111 | margin-left: -30%; | Unknown directive |
| 1112 | margin-top: 10%; | Unknown directive |
| 1113 | } | Syntax not understood |
| 1115 | .hero-video-wrapper { | Syntax not understood |
| 1116 | position: relative; | Unknown directive |
| 1117 | width: 110%; | Unknown directive |
| 1118 | height: 110%; | Unknown directive |
| 1119 | } | Syntax not understood |
| 1120 | } | Syntax not understood |
| 1123 | @media (max-width: 991px) { | Unknown directive |
| 1124 | .hero-video-iframe { | Syntax not understood |
| 1125 | margin-left: -10%; | Unknown directive |
| 1126 | margin-top: 10%; | Unknown directive |
| 1127 | } | Syntax not understood |
| 1128 | } | Syntax not understood |
| 1130 | @media (max-width: 767px) { | Unknown directive |
| 1131 | .hero-video-wrapper { | Syntax not understood |
| 1132 | width: 100%; | Unknown directive |
| 1133 | height: 100%; | Unknown directive |
| 1134 | } | Syntax not understood |
| 1135 | .hero-video-iframe { | Syntax not understood |
| 1136 | width: 160%; | Unknown directive |
| 1137 | margin-left: -30%; | Unknown directive |
| 1138 | } | Syntax not understood |
| 1139 | } | Syntax not understood |
| 1141 | @media (max-width: 479px) { | Unknown directive |
| 1142 | .hero-video-wrapper { | Syntax not understood |
| 1143 | width: 100%; | Unknown directive |
| 1144 | height: 100%; | Unknown directive |
| 1145 | } | Syntax not understood |
| 1147 | .hero-video-iframe { | Syntax not understood |
| 1148 | width: 180%; | Unknown directive |
| 1149 | margin-left: -40%; | Unknown directive |
| 1150 | } | Syntax not understood |
| 1151 | } | Syntax not understood |
| 1152 | </style> | Syntax not understood |
| 1153 | <div class="hero-video-wrapper"> | Syntax not understood |
| 1154 | <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> | Unknown directive |
| 1155 | </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 class="marquee-container"><div class="partners-slider"><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="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's most reliable and highest quality real-time network, delivering <200ms <br/>global latency, ensuring crystal-clear, lag-free voice, video, and Agentic AI.</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'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, so conversations 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, & HIPAA regulations. Frictionless integration with existing enterprise systems.</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="(max-width: 1320px) 100vw, 1320px" 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"> | Unknown directive |
| 1156 | <g> | Syntax not understood |
| 1157 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1158 | </g> | Syntax not understood |
| 1159 | </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"> | Unknown directive |
| 1160 | <g> | Syntax not understood |
| 1161 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1162 | </g> | Syntax not understood |
| 1163 | </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> | Syntax not understood |
| 1165 | .enter { | Syntax not understood |
| 1166 | animation: growAnime 200ms ease-in-out forwards; | Unknown directive |
| 1167 | } | Syntax not understood |
| 1168 | .leave { | Syntax not understood |
| 1169 | animation: shrinkIn 200ms ease-in-out forwards; | Unknown directive |
| 1170 | } | Syntax not understood |
| 1172 | @keyframes growAnime { | Syntax not understood |
| 1173 | from { | Syntax not understood |
| 1174 | scale: 0.1; | Unknown directive |
| 1175 | opacity: 0; | Unknown directive |
| 1176 | } | Syntax not understood |
| 1177 | to { | Syntax not understood |
| 1178 | scale: 1; | Unknown directive |
| 1179 | opacity: 1; | Unknown directive |
| 1180 | } | Syntax not understood |
| 1181 | } | Syntax not understood |
| 1182 | @keyframes shrinkIn { | Syntax not understood |
| 1183 | to { | Syntax not understood |
| 1184 | scale: 0.1; | Unknown directive |
| 1185 | opacity: 0; | Unknown directive |
| 1186 | } | Syntax not understood |
| 1187 | from { | Syntax not understood |
| 1188 | opacity: 1; | Unknown directive |
| 1189 | scale: 1; | Unknown directive |
| 1190 | } | Syntax not understood |
| 1191 | } | Syntax not understood |
| 1193 | </style></div><div class="tab-script w-embed w-script"><script> | Syntax not understood |
| 1195 | document.addEventListener("DOMContentLoaded", function () { | Syntax not understood |
| 1196 | const cards = document.querySelectorAll(".tab-pane-tab-1"); | Syntax not understood |
| 1197 | const follower = document.querySelector(".follower"); | Syntax not understood |
| 1199 | function updateFollowerPosition(event) { | Syntax not understood |
| 1200 | const followerSize = 60; | Syntax not understood |
| 1201 | const mouseX = event.pageX; | Syntax not understood |
| 1202 | //const mouseY = event.clientY; | Syntax not understood |
| 1203 | const mouseY = event.pageY; | Syntax not understood |
| 1204 | const followerX = mouseX - followerSize / 2; | Syntax not understood |
| 1205 | const followerY = mouseY - followerSize / 2; | Syntax not understood |
| 1206 | follower.css("left", followerX + "px") | Syntax not understood |
| 1207 | follower.css("top", followerY + "px") | Syntax not understood |
| 1209 | //follower.style.left = followerX + "px"; | Syntax not understood |
| 1210 | //follower.style.top = followerY + "px"; | Syntax not understood |
| 1211 | } | Syntax not understood |
| 1213 | cards.forEach((card) => { | Syntax not understood |
| 1214 | const cardEnter = (event) => { | Syntax not understood |
| 1215 | updateFollowerPosition(event); | Syntax not understood |
| 1216 | follower.addClass("enter") | Syntax not understood |
| 1217 | follower.removeClass("leave") | Syntax not understood |
| 1219 | //follower.className = "enter"; | Syntax not understood |
| 1220 | document.addEventListener("mousemove", updateFollowerPosition); | Syntax not understood |
| 1221 | }; | Syntax not understood |
| 1222 | const cardLeave = () => { | Syntax not understood |
| 1223 | follower.removeClass("enter") | Syntax not understood |
| 1224 | follower.addClass("leave") | Syntax not understood |
| 1225 | //follower.className = "leave"; | Syntax not understood |
| 1226 | document.removeEventListener("mousemove", updateFollowerPosition); | Syntax not understood |
| 1227 | }; | Syntax not understood |
| 1228 | card.addEventListener("mouseenter", cardEnter); | Syntax not understood |
| 1229 | card.addEventListener("mouseleave", cardLeave); | Syntax not understood |
| 1230 | }); | Syntax not understood |
| 1231 | }); | Syntax not understood |
| 1234 | </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"> | Unknown directive |
| 1235 | <defs> | Syntax not understood |
| 1236 | <style> | Syntax not understood |
| 1237 | .st0 { | Syntax not understood |
| 1238 | fill: #fff; | Unknown directive |
| 1239 | } | Syntax not understood |
| 1240 | </style> | Syntax not understood |
| 1241 | </defs> | Syntax not understood |
| 1242 | <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"/> | Syntax not understood |
| 1243 | <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"/> | Syntax not understood |
| 1244 | <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"/> | Syntax not understood |
| 1245 | </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"> | Unknown directive |
| 1246 | <g clip-path="url(#clip0_5227_18827)"> | Syntax not understood |
| 1247 | <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"/> | Syntax not understood |
| 1248 | <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"/> | Syntax not understood |
| 1249 | </g> | Syntax not understood |
| 1250 | <defs> | Syntax not understood |
| 1251 | <clipPath id="clip0_5227_18827"> | Syntax not understood |
| 1252 | <rect width="16" height="16" fill="white"/> | Syntax not understood |
| 1253 | </clipPath> | Syntax not understood |
| 1254 | </defs> | Syntax not understood |
| 1255 | </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"> | Unknown directive |
| 1256 | <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"/> | Syntax not understood |
| 1257 | </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"> | Unknown directive |
| 1258 | <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"/> | Syntax not understood |
| 1259 | <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"/> | Syntax not understood |
| 1260 | </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"> | Unknown directive |
| 1261 | <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"/> | Syntax not understood |
| 1262 | </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"> | Unknown directive |
| 1263 | <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"/> | Syntax not understood |
| 1264 | </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"> | Unknown directive |
| 1265 | <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"/> | Syntax not understood |
| 1266 | <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"/> | Syntax not understood |
| 1267 | <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"/> | Syntax not understood |
| 1268 | </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"> | Unknown directive |
| 1269 | <mask id="mask0_5227_18873" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16"> | Unknown directive |
| 1270 | <rect width="16" height="16" fill="#D9D9D9"/> | Syntax not understood |
| 1271 | </mask> | Syntax not understood |
| 1272 | <g mask="url(#mask0_5227_18873)"> | Syntax not understood |
| 1273 | <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"/> | Syntax not understood |
| 1274 | <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"/> | Syntax not understood |
| 1275 | <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"/> | Syntax not understood |
| 1276 | </g> | Syntax not understood |
| 1277 | </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"> | Unknown directive |
| 1278 | <g clip-path="url(#clip0_5227_18883)"> | Syntax not understood |
| 1279 | <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"/> | Syntax not understood |
| 1280 | <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"/> | Syntax not understood |
| 1281 | <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"/> | Syntax not understood |
| 1282 | <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"/> | Syntax not understood |
| 1283 | <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"/> | Syntax not understood |
| 1284 | </g> | Syntax not understood |
| 1285 | <defs> | Syntax not understood |
| 1286 | <clipPath id="clip0_5227_18883"> | Syntax not understood |
| 1287 | <rect width="16" height="16" fill="white"/> | Syntax not understood |
| 1288 | </clipPath> | Syntax not understood |
| 1289 | </defs> | Syntax not understood |
| 1290 | </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"> | Unknown directive |
| 1291 | <g> | Syntax not understood |
| 1292 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1293 | </g> | Syntax not understood |
| 1294 | </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"> | Unknown directive |
| 1295 | <g> | Syntax not understood |
| 1296 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1297 | </g> | Syntax not understood |
| 1298 | </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"> | Unknown directive |
| 1299 | <path d="M6.45831 25.0962L5 23.6379L20.2083 8.4295H11.3333V6.34619H23.75V18.7628H21.6667V9.88785L6.45831 25.0962Z" fill="black"/> | Syntax not understood |
| 1300 | </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> | Syntax not understood |
| 1301 | .code-custom{ | Syntax not understood |
| 1302 | /*background: black !important;*/ | Unknown directive |
| 1303 | background: radial-gradient(74.22% 64.62% at 26.36% 14.29%, #1A1A1A 0%, #151515 50%, #101010 100%) !important; | Unknown directive |
| 1305 | } | Syntax not understood |
| 1308 | .code-custom .linenumber{ | Syntax not understood |
| 1309 | color: rgba(255, 255, 255, 0.13); | Unknown directive |
| 1310 | padding-right: 20px !important; | Unknown directive |
| 1311 | } | Syntax not understood |
| 1314 | </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(); | Unknown directive |
| 1315 | </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">"Your app ID"</span><span>; | Unknown directive |
| 1316 | </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>); | Unknown directive |
| 1317 | </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>)); | Unknown directive |
| 1318 | </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>(); | Unknown directive |
| 1319 | </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>(); | Unknown directive |
| 1320 | </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">"<Your token>"</span><span>, </span><span style="color:#abe338">"<Your channel name>"</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">"<Your app id>"</span><span> | Unknown directive |
| 1321 | </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) | Unknown directive |
| 1322 | </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> | Unknown directive |
| 1323 | </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>() | Unknown directive |
| 1324 | </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 | Unknown directive |
| 1325 | </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) | Unknown directive |
| 1326 | </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>() | Unknown directive |
| 1327 | </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">"<Your token>"</span><span>, channelId: </span><span style="color:#abe338">"<channel name>"</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(); | Unknown directive |
| 1328 | </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>; | Unknown directive |
| 1329 | </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">"<Your app ID>"</span><span>; | Unknown directive |
| 1330 | </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; | Unknown directive |
| 1331 | </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->initialize(</span><span style="color:#dcc6e0">context</span><span>); | Unknown directive |
| 1332 | </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->setClientRole(CLIENT_ROLE_TYPE::CLIENT_ROLE_BROADCASTER); | Unknown directive |
| 1333 | </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->setupLocalVideo(<VideoCanvas>); | Unknown directive |
| 1334 | </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->enableVideo(); | Unknown directive |
| 1335 | </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->startPreview(); | Unknown directive |
| 1336 | </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->joinChannel(</span><span style="color:#abe338">"Your Token"</span><span>, </span><span style="color:#abe338">"<Your channel name>"</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">"rtc"</span><span>, codec: </span><span style="color:#abe338">"vp8"</span><span> }); | Unknown directive |
| 1337 | </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">"host"</span><span>); | Unknown directive |
| 1338 | </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">"<Your app ID>"</span><span>, </span><span style="color:#abe338">"<Your channel Name>"</span><span>, </span><span style="color:#abe338">"<Your token>"</span><span>, </span><span style="color:#f5ab35">1</span><span>); | Unknown directive |
| 1339 | </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>(); | Unknown directive |
| 1340 | </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>(); | Unknown directive |
| 1341 | </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]); | Unknown directive |
| 1342 | </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">"div"</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(); | Unknown directive |
| 1343 | </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">"<Your app ID>"</span><span>}); | Unknown directive |
| 1344 | </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>); | Unknown directive |
| 1345 | </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>); | Unknown directive |
| 1346 | </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: <Pass a div element here>}); | Unknown directive |
| 1347 | </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>(); | Unknown directive |
| 1348 | </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>(); | Unknown directive |
| 1349 | </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">"<Your token>"</span><span>, </span><span style="color:#abe338">"<You channel name>"</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(); | Unknown directive |
| 1350 | </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">"<Your app ID>"</span><span>)); | Unknown directive |
| 1351 | </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>, | Unknown directive |
| 1352 | </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>); | Unknown directive |
| 1353 | </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><Use a Container here> = AgoraVideoView(controller: VideoViewController(rtcEngine: agoraEngine,canvas: VideoCanvas(uid: </span><span style="color:#f5ab35">0</span><span>)); | Unknown directive |
| 1354 | </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>(); | Unknown directive |
| 1355 | </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>(); | Unknown directive |
| 1356 | </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: <</span><span style="color:#abe338">"You token"</span><span>>,channelId: </span><span style="color:#abe338">"You channel name"</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 'react-native-agora'; | Unknown directive |
| 1357 | </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<IRtcEngine>(); | Unknown directive |
| 1358 | </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">"<Your app ID>"</span><span>,channelProfile: ChannelProfileType</span><span style="color:#ffa07a">.ChannelProfileLiveBroadcasting</span><span>}); | Unknown directive |
| 1359 | </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>); | Unknown directive |
| 1360 | </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>(); | Unknown directive |
| 1361 | </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>(); | Unknown directive |
| 1362 | </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">"<Your token>"</span><span>, </span><span style="color:#abe338">"<You channel name>"</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>(); | Unknown directive |
| 1363 | </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">"<You app ID>"</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">""</span><span>); | Unknown directive |
| 1364 | </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>); | Unknown directive |
| 1365 | </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>); | Unknown directive |
| 1366 | </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>(); | Unknown directive |
| 1367 | </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">""</span><span>, VIDEO_SOURCE_TYPE</span><span style="color:#ffa07a">.VIDEO_SOURCE_CAMERA</span><span>); | Unknown directive |
| 1368 | </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); | Unknown directive |
| 1369 | </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">"Your token"</span><span>, </span><span style="color:#abe338">"You channel"</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; | Unknown directive |
| 1370 | </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> = <Your AppId> | Unknown directive |
| 1371 | </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(); | Unknown directive |
| 1372 | </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> | Unknown directive |
| 1373 | </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(); | Unknown directive |
| 1374 | </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->initialize(RtcEngineContext); | Unknown directive |
| 1375 | </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> | Unknown directive |
| 1376 | </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->enableAudio(); | Unknown directive |
| 1377 | </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->enableVideo(); | Unknown directive |
| 1378 | </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->joinChannel(<Your Token>, <Your ChannelName>, </span><span style="color:#abe338">""</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/video-calling/get-started/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"> | Unknown directive |
| 1379 | <g> | Syntax not understood |
| 1380 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1381 | </g> | Syntax not understood |
| 1382 | </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"> | Unknown directive |
| 1383 | <g> | Syntax not understood |
| 1384 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1385 | </g> | Syntax not understood |
| 1386 | </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=" | Unknown directive |
| 1387 | A collage of video conferencing interface elements including participants' 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/video-calling/get-started/get-started-uikit" 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"> | Syntax not understood |
| 1388 | <g> | Syntax not understood |
| 1389 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1390 | </g> | Syntax not understood |
| 1391 | </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"> | Unknown directive |
| 1392 | <g> | Syntax not understood |
| 1393 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1394 | </g> | Syntax not understood |
| 1395 | </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"> | Unknown directive |
| 1396 | <g> | Syntax not understood |
| 1397 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1398 | </g> | Syntax not understood |
| 1399 | </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"> | Unknown directive |
| 1400 | <g> | Syntax not understood |
| 1401 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1402 | </g> | Syntax not understood |
| 1403 | </svg></div></div><div class="primary-btn-label-outline">App Builder Quickstart</div></a></div></div></div></div><div class="w-embed"><style> | Syntax not understood |
| 1404 | .gradient-box-shadow:before{ | Unknown directive |
| 1405 | content: ""; | Unknown directive |
| 1406 | position: absolute; | Unknown directive |
| 1407 | background: red; | Unknown directive |
| 1408 | height: 111%; | Unknown directive |
| 1409 | width: 102%; | Unknown directive |
| 1410 | top: -6%; | Unknown directive |
| 1411 | left: -1%; | Unknown directive |
| 1412 | z-index: -1; | Unknown directive |
| 1413 | border-radius: 51px; | Unknown directive |
| 1414 | background: linear-gradient(270deg, #00C2FF 7.35%, #A0FAFF 36.64%, #FCF9F8 65.94%, #C46FFB 96.12%); | Unknown directive |
| 1415 | filter: blur(4px); | Unknown directive |
| 1416 | } | Syntax not understood |
| 1417 | </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">&</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 & 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"> | Unknown directive |
| 1418 | <g mask="url(#mask0_4570_35039)"> | Syntax not understood |
| 1419 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1420 | </g> | Syntax not understood |
| 1421 | </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"> | Unknown directive |
| 1422 | <g mask="url(#mask0_4570_35039)"> | Syntax not understood |
| 1423 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1424 | </g> | Syntax not understood |
| 1425 | </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="(max-width: 479px) 100vw, 345px" 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="(max-width: 479px) 100vw, 345px" 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="(max-width: 479px) 100vw, 345px" 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="(max-width: 479px) 100vw, 345px" 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"> | Unknown directive |
| 1426 | <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)"/> | Syntax not understood |
| 1427 | <defs> | Syntax not understood |
| 1428 | <linearGradient id="paint0_linear_8016_45341" x1="29.4497" y1="60.5" x2="29.4497" y2="-6.48031" gradientUnits="userSpaceOnUse"> | Syntax not understood |
| 1429 | <stop stop-color="#00C2FF"/> | Syntax not understood |
| 1430 | <stop offset="0.33" stop-color="#A0FAFF"/> | Syntax not understood |
| 1431 | <stop offset="0.66" stop-color="#FCF9F8"/> | Syntax not understood |
| 1432 | <stop offset="1" stop-color="#C46FFB"/> | Syntax not understood |
| 1433 | </linearGradient> | Syntax not understood |
| 1434 | </defs> | Syntax not understood |
| 1435 | </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."</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">"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%."</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="(max-width: 952px) 100vw, 952px" 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="(max-width: 952px) 100vw, 952px, 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="(max-width: 952px) 100vw, 952px" 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="(max-width: 952px) 100vw, 952px, 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="(max-width: 952px) 100vw, 952px, 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="(max-width: 952px) 100vw, 952px, 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="(max-width: 952px) 100vw, 952px, 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="(max-width: 952px) 100vw, 952px" 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"> | Unknown directive |
| 1436 | <rect x="0.5" y="0.711914" width="49" height="49" rx="24.5" stroke="currentColor"/> | Syntax not understood |
| 1437 | <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"/> | Syntax not understood |
| 1438 | </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"> | Unknown directive |
| 1439 | <rect x="0.5" y="0.711914" width="49" height="49" rx="24.5" stroke="currentColor"/> | Syntax not understood |
| 1440 | <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"/> | Syntax not understood |
| 1441 | </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"> | Unknown directive |
| 1442 | <g> | Syntax not understood |
| 1443 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1444 | </g> | Syntax not understood |
| 1445 | </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"> | Unknown directive |
| 1446 | <g> | Syntax not understood |
| 1447 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1448 | </g> | Syntax not understood |
| 1449 | </svg></div></div><div class="primary-btn-label-outline">View All</div></a></div></div></div><div class="styles w-embed w-script"><style> | Syntax not understood |
| 1450 | .container-gallery { | Syntax not understood |
| 1451 | width: 100%; | Unknown directive |
| 1452 | margin: auto auto; | Unknown directive |
| 1453 | max-width: 73.5rem; | Unknown directive |
| 1454 | display: flex; | Unknown directive |
| 1455 | gap: 4rem; | Unknown directive |
| 1456 | } | Syntax not understood |
| 1458 | .benefits-gallery { | Syntax not understood |
| 1459 | /** Previous standard height */ | Syntax not understood |
| 1460 | /*height: 34rem;*/ | Unknown directive |
| 1461 | position: relative; | Unknown directive |
| 1462 | max-width: 29.75rem; | Unknown directive |
| 1463 | height: 439px; | Unknown directive |
| 1464 | } | Syntax not understood |
| 1466 | .swiper-benefits-thumb { | Syntax not understood |
| 1467 | background-image: url("https://assets-global.website-files.com/6458f30fed157c01444bd0b2/649186bcd08ddae77b3e894f_bloc-02.jpg"); | Unknown directive |
| 1468 | background-position: 50%; | Unknown directive |
| 1469 | background-size: cover; | Unknown directive |
| 1470 | border-radius: 1.5rem; | Unknown directive |
| 1471 | width: 100%; | Unknown directive |
| 1472 | height: 100%; | Unknown directive |
| 1473 | /* width: 485px; */ | Unknown directive |
| 1474 | overflow: hidden; | Unknown directive |
| 1475 | } | Syntax not understood |
| 1477 | .swiper-benefits-thumb .swiper-slide { | Syntax not understood |
| 1478 | flex-shrink: 0; | Unknown directive |
| 1479 | height: 100%; | Unknown directive |
| 1480 | width: 100%; | Unknown directive |
| 1481 | /* width: 485px; */ | Unknown directive |
| 1482 | } | Syntax not understood |
| 1484 | .swiper-benefits-thumb .swiper-slide img { | Syntax not understood |
| 1485 | width: 100%; | Unknown directive |
| 1486 | height: 100%; | Unknown directive |
| 1487 | object-fit: cover; | Unknown directive |
| 1488 | /* width: 485px; */ | Unknown directive |
| 1489 | } | Syntax not understood |
| 1491 | .swiper-benefits-thumb.is-first { | Syntax not understood |
| 1492 | position: absolute; | Unknown directive |
| 1493 | top: 0; | Unknown directive |
| 1494 | right: 115%; | Unknown directive |
| 1495 | background-color: rebeccapurple; | Unknown directive |
| 1496 | } | Syntax not understood |
| 1498 | .swiper-benefits-thumb.is-last { | Syntax not understood |
| 1499 | position: absolute; | Unknown directive |
| 1500 | top: 0; | Unknown directive |
| 1501 | left: 255%; | Unknown directive |
| 1502 | background-color: bisque; | Unknown directive |
| 1503 | } | Syntax not understood |
| 1505 | .swiper-wrapper { | Syntax not understood |
| 1506 | display: flex; | Unknown directive |
| 1507 | } | Syntax not understood |
| 1508 | .benefit-container { | Syntax not understood |
| 1509 | flex-direction: column; | Unknown directive |
| 1510 | align-items: flex-start; | Unknown directive |
| 1511 | width: 100%; | Unknown directive |
| 1512 | max-width: 29.75rem; | Unknown directive |
| 1513 | display: flex; | Unknown directive |
| 1514 | } | Syntax not understood |
| 1516 | .benefit-container .content { | Syntax not understood |
| 1517 | width: 100%; | Unknown directive |
| 1518 | } | Syntax not understood |
| 1520 | @media screen and (max-width: 479px){ | Unknown directive |
| 1521 | .container-gallery{ | Syntax not understood |
| 1522 | gap: 20px !important; | Unknown directive |
| 1523 | } | Syntax not understood |
| 1525 | .benefit-container { | Syntax not understood |
| 1526 | align-items: center; | Unknown directive |
| 1527 | } | Syntax not understood |
| 1528 | } | Syntax not understood |
| 1530 | .content:not(:first-child) { | Unknown directive |
| 1531 | display: none; | Unknown directive |
| 1532 | } | Syntax not understood |
| 1534 | .slide-controls button:disabled, | Unknown directive |
| 1535 | .slide-controls button[disabled]{ | Syntax not understood |
| 1536 | color: var(--color--gray-800);; | Unknown directive |
| 1537 | background: none; | Unknown directive |
| 1538 | } | Syntax not understood |
| 1540 | .swiper-slide img{ | Syntax not understood |
| 1541 | object-position: left top; | Unknown directive |
| 1542 | } | Syntax not understood |
| 1543 | </style> | Syntax not understood |
| 1545 | <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script> | Unknown directive |
| 1546 | <script> | Syntax not understood |
| 1547 | const prev = document.querySelector("#prev"); | Syntax not understood |
| 1548 | const next = document.querySelector("#next"); | Syntax not understood |
| 1550 | const DECREMENT_ACTION = "DECREMENT"; | Syntax not understood |
| 1551 | const duration = 1; | Syntax not understood |
| 1553 | let current = 0; | Syntax not understood |
| 1555 | // Set content ids | Syntax not understood |
| 1556 | const contents = document.querySelectorAll("#js__slideContent > .content"); | Syntax not understood |
| 1557 | Array.from(contents).forEach((x, i) => { | Syntax not understood |
| 1558 | x.setAttribute("data-content-id", i); | Syntax not understood |
| 1559 | if (!i) x.classList.add("current"); | Syntax not understood |
| 1560 | }); | Syntax not understood |
| 1562 | const setActiveContent = (action = "INCREMENT") => { | Syntax not understood |
| 1563 | const currentContent = document.querySelector(".current"); | Syntax not understood |
| 1564 | currentContent.style.display = "none"; | Syntax not understood |
| 1565 | currentContent.classList.remove("current"); | Syntax not understood |
| 1567 | if (action === DECREMENT_ACTION) { | Syntax not understood |
| 1568 | current--; | Syntax not understood |
| 1569 | } else { | Syntax not understood |
| 1570 | current++; | Syntax not understood |
| 1571 | } | Syntax not understood |
| 1573 | const nextContent = document.querySelector( | Syntax not understood |
| 1574 | `.content[data-content-id="${current}"]` | Syntax not understood |
| 1575 | ); | Syntax not understood |
| 1576 | nextContent.style.display = "block"; | Syntax not understood |
| 1577 | nextContent.classList.add("current"); | Syntax not understood |
| 1579 | // Last Step, disable the next | Syntax not understood |
| 1580 | if (current === contents.length - 1) { | Syntax not understood |
| 1581 | next.setAttribute("disabled", true); | Syntax not understood |
| 1582 | } else if (current === 0) { | Syntax not understood |
| 1583 | // First Step, disable the prev | Syntax not understood |
| 1584 | prev.setAttribute("disabled", true); | Syntax not understood |
| 1585 | } else { | Syntax not understood |
| 1586 | next.removeAttribute("disabled"); | Syntax not understood |
| 1587 | prev.removeAttribute("disabled"); | Syntax not understood |
| 1588 | } | Syntax not understood |
| 1589 | }; | Syntax not understood |
| 1591 | /* Autoplay | Syntax not understood |
| 1592 | var tl = gsap.timeline(); | Syntax not understood |
| 1594 | tl.to(".swiper-wrapper", { | Syntax not understood |
| 1595 | x: -width, | Unknown directive |
| 1596 | duration: 2, | Unknown directive |
| 1597 | onReverseComplete() { | Syntax not understood |
| 1598 | setActiveContent(DECREMENT_ACTION); | Syntax not understood |
| 1599 | tl.pause(); | Syntax not understood |
| 1600 | }, | Syntax not understood |
| 1601 | onComplete() { | Syntax not understood |
| 1602 | setActiveContent(); | Syntax not understood |
| 1603 | tl.pause(); | Syntax not understood |
| 1604 | }, | Syntax not understood |
| 1605 | }); | Syntax not understood |
| 1606 | tl.to(".swiper-wrapper", { | Syntax not understood |
| 1607 | x: -width * 2, | Unknown directive |
| 1608 | duration: 2, | Unknown directive |
| 1609 | onReverseComplete() { | Syntax not understood |
| 1610 | setActiveContent(DECREMENT_ACTION); | Syntax not understood |
| 1611 | tl.pause(); | Syntax not understood |
| 1612 | }, | Syntax not understood |
| 1613 | onComplete() { | Syntax not understood |
| 1614 | setActiveContent(); | Syntax not understood |
| 1615 | tl.pause(); | Syntax not understood |
| 1616 | }, | Syntax not understood |
| 1617 | }); | Syntax not understood |
| 1618 | tl.add("abc"); | Syntax not understood |
| 1619 | tl.to(".swiper-wrapper", { | Syntax not understood |
| 1620 | x: -width * 3, | Unknown directive |
| 1621 | duration: 2, | Unknown directive |
| 1622 | onReverseComplete() { | Syntax not understood |
| 1623 | setActiveContent(DECREMENT_ACTION); | Syntax not understood |
| 1624 | tl.pause(); | Syntax not understood |
| 1625 | }, | Syntax not understood |
| 1626 | onComplete: () => { | Unknown directive |
| 1627 | setActiveContent(); | Syntax not understood |
| 1628 | }, | Syntax not understood |
| 1629 | }); | Syntax not understood |
| 1630 | */ | Syntax not understood |
| 1632 | next.onclick = function () { | Syntax not understood |
| 1633 | const width = document.querySelector(".swiper-slide").clientWidth; | Syntax not understood |
| 1634 | gsap.to(".swiper-wrapper", { | Syntax not understood |
| 1635 | x: -(current + 1) * width, | Unknown directive |
| 1636 | duration, | Syntax not understood |
| 1637 | onStart() { | Syntax not understood |
| 1638 | next.setAttribute("disabled", true); | Syntax not understood |
| 1639 | }, | Syntax not understood |
| 1640 | onComplete() { | Syntax not understood |
| 1641 | setActiveContent(); | Syntax not understood |
| 1642 | }, | Syntax not understood |
| 1643 | }); | Syntax not understood |
| 1644 | }; | Syntax not understood |
| 1646 | prev.onclick = function () { | Syntax not understood |
| 1647 | const width = document.querySelector(".swiper-slide").clientWidth; | Syntax not understood |
| 1648 | gsap.to(".swiper-wrapper", { | Syntax not understood |
| 1649 | x: -(current - 1) * width, | Unknown directive |
| 1650 | duration, | Syntax not understood |
| 1651 | onStart() { | Syntax not understood |
| 1652 | prev.setAttribute("disabled", true); | Syntax not understood |
| 1653 | }, | Syntax not understood |
| 1654 | onComplete() { | Syntax not understood |
| 1655 | setActiveContent(DECREMENT_ACTION); | Syntax not understood |
| 1656 | }, | Syntax not understood |
| 1657 | }); | Syntax not understood |
| 1658 | }; | Syntax not understood |
| 1659 | </script></div></section><section 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"> | Unknown directive |
| 1660 | <g> | Syntax not understood |
| 1661 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1662 | </g> | Syntax not understood |
| 1663 | </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"> | Unknown directive |
| 1664 | <g> | Syntax not understood |
| 1665 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1666 | </g> | Syntax not understood |
| 1667 | </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"> | Unknown directive |
| 1668 | <g> | Syntax not understood |
| 1669 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1670 | </g> | Syntax not understood |
| 1671 | </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"> | Unknown directive |
| 1672 | <g> | Syntax not understood |
| 1673 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1674 | </g> | Syntax not understood |
| 1675 | </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/" 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"> | Unknown directive |
| 1676 | <g> | Syntax not understood |
| 1677 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1678 | </g> | Syntax not understood |
| 1679 | </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"> | Unknown directive |
| 1680 | <g> | Syntax not understood |
| 1681 | <path d="M11.0365 21.0708L10.0469 20.0812L18.5365 11.5916H11.026V10.1958H20.9219V20.0916H19.526V12.5812L11.0365 21.0708Z" fill="currentColor"/> | Syntax not understood |
| 1682 | </g> | Syntax not understood |
| 1683 | </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 & 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/" 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"> | Unknown directive |
| 1684 | <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"/> | Syntax not understood |
| 1685 | <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"/> | Syntax not understood |
| 1686 | <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"/> | Syntax not understood |
| 1687 | <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"/> | Syntax not understood |
| 1688 | <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"/> | Syntax not understood |
| 1689 | </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"> | Syntax not understood |
| 1690 | </expertise-ai> | Syntax not understood |
| 1691 | <script src="https://cdn.expertise.ai/genweb/ai-genweb.js" defer> | Unknown directive |
| 1692 | </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.ddddc8ab60f46af5.js" type="text/javascript" integrity="sha384-2TuoyxSiN/+41ozvuhp9geQsDOYIk0ZiwLUi8IQeJOKs4dmjp8gRzj8KOZ8KC8mL" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/660affa848e8af81bdd03909/js/agoras-website.673e16ec.045862b7c185e470.js" type="text/javascript" integrity="sha384-thZavmr5uSO5wNrLyqvrN44A4px8EmAtENXREZ3cIgcVN36d+L+FQrTej/2x4E/3" crossorigin="anonymous"></script><script defer src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> | Unknown directive |
| 1693 | <script defer src="https://awsmfl2.s3.amazonaws.com/ga4-triggers-min.js"></script> | Unknown directive |
| 1695 | <!-- Version check: auto-refresh once when a new version is published | Unknown directive |
| 1696 | <script> | Syntax not understood |
| 1697 | const SITE_VERSION = "2025-08-14-2"; | Syntax not understood |
| 1699 | (function () { | Syntax not understood |
| 1700 | const KEY = "SITE_VERSION"; | Syntax not understood |
| 1701 | try { | Syntax not understood |
| 1702 | const oldV = localStorage.getItem(KEY); | Syntax not understood |
| 1703 | if (!oldV) { | Syntax not understood |
| 1704 | localStorage.setItem(KEY, SITE_VERSION); | Syntax not understood |
| 1705 | return; | Syntax not understood |
| 1706 | } | Syntax not understood |
| 1707 | if (oldV !== SITE_VERSION) { | Syntax not understood |
| 1708 | const url = new URL(window.location.href); | Syntax not understood |
| 1709 | url.searchParams.set('_v', SITE_VERSION); | Syntax not understood |
| 1710 | localStorage.setItem(KEY, SITE_VERSION); | Syntax not understood |
| 1711 | window.location.replace(url.toString()); | Syntax not understood |
| 1712 | } | Syntax not understood |
| 1713 | } catch (e) { | Syntax not understood |
| 1714 | console.warn('Version check failed:', e); | Unknown directive |
| 1715 | } | Syntax not understood |
| 1716 | })(); | Syntax not understood |
| 1717 | </script> | Syntax not understood |
| 1718 | --> | Syntax not understood |
| 1720 | <script defer> | Syntax not understood |
| 1721 | // Global Function | Syntax not understood |
| 1722 | function getCookie(cname) { | Syntax not understood |
| 1723 | var name = cname + "="; | Syntax not understood |
| 1724 | var decodedCookie = decodeURIComponent(document.cookie); | Syntax not understood |
| 1725 | var ca = decodedCookie.split(';'); | Syntax not understood |
| 1726 | for(var i = 0; i <ca.length; i++) { | Syntax not understood |
| 1727 | var c = ca[i]; | Syntax not understood |
| 1728 | while (c.charAt(0) == ' ') { | Syntax not understood |
| 1729 | c = c.substring(1); | Syntax not understood |
| 1730 | } | Syntax not understood |
| 1731 | if (c.indexOf(name) == 0) { | Syntax not understood |
| 1732 | return c.substring(name.length, c.length); | Syntax not understood |
| 1733 | } | Syntax not understood |
| 1734 | } | Syntax not understood |
| 1735 | return ""; | Syntax not understood |
| 1736 | } | Syntax not understood |
| 1738 | function GetURLParameter(sParam) | Syntax not understood |
| 1739 | { | Syntax not understood |
| 1740 | var sPageURL = storednew; | Syntax not understood |
| 1741 | var sURLVariables = sPageURL.split(','); | Syntax not understood |
| 1742 | for (var i = 0; i < sURLVariables.length; i++) | Syntax not understood |
| 1743 | { | Syntax not understood |
| 1744 | var sParameterName = sURLVariables[i].split(':'); | Unknown directive |
| 1745 | if (sParameterName[0] == sParam) | Syntax not understood |
| 1746 | { | Syntax not understood |
| 1747 | return sParameterName[1]; | Syntax not understood |
| 1748 | } | Syntax not understood |
| 1749 | } | Syntax not understood |
| 1750 | } | Syntax not understood |
| 1751 | </script> | Syntax not understood |
| 1753 | <!-- Swiper --> | Syntax not understood |
| 1754 | <script defer> | Syntax not understood |
| 1755 | window.addEventListener("load", function () { | Syntax not understood |
| 1757 | if (!window.Swiper) { | Syntax not understood |
| 1758 | console.warn("Swiper not loaded"); | Syntax not understood |
| 1759 | return; | Syntax not understood |
| 1760 | } | Syntax not understood |
| 1762 | const slider = document.querySelector(".swiper.is-team"); | Syntax not understood |
| 1763 | if(!slider) return; | Syntax not understood |
| 1765 | new window.Swiper(slider, { | Syntax not understood |
| 1766 | loop: true, | Unknown directive |
| 1767 | slidesPerView: 1.5, | Unknown directive |
| 1768 | spaceBetween: 16, | Unknown directive |
| 1769 | navigation: { | Unknown directive |
| 1770 | nextEl: ".swiper-btn-next", | Unknown directive |
| 1771 | prevEl: ".swiper-btn-prev" | Unknown directive |
| 1772 | }, | Syntax not understood |
| 1773 | breakpoints: { | Unknown directive |
| 1774 | 480: { | Unknown directive |
| 1775 | slidesPerView: 3 | Unknown directive |
| 1776 | } | Syntax not understood |
| 1777 | } | Syntax not understood |
| 1778 | }); | Syntax not understood |
| 1780 | }); | Syntax not understood |
| 1781 | </script> | Syntax not understood |
| 1783 | <script defer> | Syntax not understood |
| 1784 | document.addEventListener("DOMContentLoaded", function() { | Syntax not understood |
| 1788 | // Select the last link in the footer links container | Syntax not understood |
| 1789 | var links = document.querySelectorAll('.footer-links-container.footerbottom-links a'); | Syntax not understood |
| 1790 | if (links.length > 0) { | Syntax not understood |
| 1791 | var lastLink = links[links.length - 1]; | Syntax not understood |
| 1792 | var span = document.createElement('span'); | Syntax not understood |
| 1794 | // Copy the class and innerHTML from the link to the span | Syntax not understood |
| 1795 | span.className = lastLink.className; | Syntax not understood |
| 1796 | span.innerHTML = lastLink.innerHTML; | Syntax not understood |
| 1798 | // Replace the link with the span | Syntax not understood |
| 1799 | lastLink.parentNode.replaceChild(span, lastLink); | Syntax not understood |
| 1800 | } | Syntax not understood |
| 1801 | }); | Syntax not understood |
| 1802 | </script> | Syntax not understood |
| 1804 | <style> | Syntax not understood |
| 1806 | background-color: #ffffff !important; | Unknown directive |
| 1807 | border-color: #ffffff !important; | Unknown directive |
| 1808 | color: #000000 !important; | Unknown directive |
| 1809 | } | Syntax not understood |
| 1812 | background-color: #099DFD !important; | Unknown directive |
| 1813 | border-color: #099DFD !important; | Unknown directive |
| 1814 | color: #ffffff !important; | Unknown directive |
| 1815 | } | Syntax not understood |
| 1817 | </style> | Syntax not understood |
| 1819 | <style> | Syntax not understood |
| 1820 | .button.cmp-save-btn:hover, .cc-btn:hover, .cmp-save-btn:hover { | Unknown directive |
| 1821 | background-color: #00C2FF !important; | Unknown directive |
| 1822 | border: none !important; | Unknown directive |
| 1823 | color: #ffffff !important; | Unknown directive |
| 1824 | padding: 0 17px !important; | Unknown directive |
| 1825 | } | Syntax not understood |
| 1827 | .cc-window.cc-floating { | Syntax not understood |
| 1828 | max-width: 38em !important; | Unknown directive |
| 1829 | } | Syntax not understood |
| 1831 | display: none !important; | Unknown directive |
| 1832 | } | Syntax not understood |
| 1833 | .cmp-revoke-consent { | Syntax not understood |
| 1834 | bottom: 10px !important; | Unknown directive |
| 1835 | position: relative !important; | Unknown directive |
| 1836 | padding: 10px 0px 10px 0px !important; | Unknown directive |
| 1837 | } | Syntax not understood |
| 1839 | .cmp-revoke-consent { | Syntax not understood |
| 1840 | color: #84888b !important; | Unknown directive |
| 1841 | font-size: 14px !important; | Unknown directive |
| 1842 | font-weight: 500 !important; | Unknown directive |
| 1843 | text-decoration: none !important; | Unknown directive |
| 1844 | position: relative !important; | Unknown directive |
| 1845 | } | Syntax not understood |
| 1847 | .cmp-revoke-consent:hover { | Unknown directive |
| 1848 | color: #dee2e5 !important; | Unknown directive |
| 1849 | text-decoration: underline !important; | Unknown directive |
| 1850 | } | Syntax not understood |
| 1852 | .cmp-modal h2 { | Syntax not understood |
| 1853 | font-weight: 600 !important; | Unknown directive |
| 1854 | margin-bottom: 8px !important; | Unknown directive |
| 1855 | } | Syntax not understood |
| 1856 | .cmp-modal p, .cmp-modal span { | Syntax not understood |
| 1857 | font-family: Jokker !important; | Unknown directive |
| 1858 | font-weight: 400 !important; | Unknown directive |
| 1859 | font-size: 14px !important; | Unknown directive |
| 1860 | line-height: 1.5 !important; | Unknown directive |
| 1861 | } | Syntax not understood |
| 1862 | </style> | Syntax not understood |
| 1865 | <!-- Fetches GitHub stars for TEN Framework (Meher) --> | Syntax not understood |
| 1866 | <script> | Syntax not understood |
| 1867 | async function getGitHubStarCount(owner, repo) { | Syntax not understood |
| 1868 | const url = `https://api.github.com/repos/${owner}/${repo}`; | Unknown directive |
| 1870 | try { | Syntax not understood |
| 1871 | const response = await fetch(url); | Syntax not understood |
| 1872 | if (!response.ok) { | Syntax not understood |
| 1873 | throw new Error(`GitHub API error: ${response.status}`); | Unknown directive |
| 1874 | } | Syntax not understood |
| 1876 | const data = await response.json(); | Syntax not understood |
| 1877 | const starCount = data.stargazers_count.toLocaleString(); // Add commas | Syntax not understood |
| 1879 | const element = document.getElementById('github-stars-ten-framework'); | Syntax not understood |
| 1880 | if (element) { | Syntax not understood |
| 1881 | element.textContent = `☆ ${starCount}`; | Syntax not understood |
| 1882 | } | Syntax not understood |
| 1883 | } catch (error) { | Syntax not understood |
| 1884 | console.error('Error fetching GitHub stars:', error.message); | Unknown directive |
| 1885 | } | Syntax not understood |
| 1886 | } | Syntax not understood |
| 1888 | // Call the function after the page loads | Syntax not understood |
| 1889 | document.addEventListener("DOMContentLoaded", function() { | Syntax not understood |
| 1890 | getGitHubStarCount('TEN-framework', 'ten-framework'); | Syntax not understood |
| 1891 | }); | Syntax not understood |
| 1892 | </script> | Syntax not understood |
| 1894 | <script> | Syntax not understood |
| 1895 | async function fetchGitHubStars(owner, repo) { | Syntax not understood |
| 1896 | const url = `https://api.github.com/repos/${owner}/${repo}`; | Unknown directive |
| 1898 | try { | Syntax not understood |
| 1899 | const response = await fetch(url); | Syntax not understood |
| 1900 | if (!response.ok) { | Syntax not understood |
| 1901 | throw new Error(`GitHub API error: ${response.status}`); | Unknown directive |
| 1902 | } | Syntax not understood |
| 1904 | const data = await response.json(); | Syntax not understood |
| 1905 | const starCount = data.stargazers_count.toLocaleString(); // Add commas | Syntax not understood |
| 1907 | const element = document.querySelector('[data-stars]'); | Syntax not understood |
| 1908 | if (element) { | Syntax not understood |
| 1909 | element.textContent = `☆ ${starCount}`; | Syntax not understood |
| 1910 | } | Syntax not understood |
| 1911 | } catch (error) { | Syntax not understood |
| 1912 | console.error('Error fetching GitHub stars:', error.message); | Unknown directive |
| 1913 | } | Syntax not understood |
| 1914 | } | Syntax not understood |
| 1916 | document.addEventListener("DOMContentLoaded", function () { | Syntax not understood |
| 1917 | fetchGitHubStars('TEN-framework', 'ten-framework'); | Syntax not understood |
| 1918 | }); | Syntax not understood |
| 1919 | </script> | Syntax not understood |
| 1921 | <script> | Syntax not understood |
| 1922 | /** | Syntax not understood |
| 1923 | * Footer Health Indicator | Syntax not understood |
| 1924 | * Fetches system health status from Agora status API and displays it in the footer | Syntax not understood |
| 1925 | */ | Syntax not understood |
| 1927 | class FooterHealthIndicator { | Syntax not understood |
| 1928 | constructor() { | Syntax not understood |
| 1929 | this.apiUrl = 'https://status.agora.io/api/v1/products/current-status'; | Unknown directive |
| 1930 | this.statusPageUrl = 'https://status.agora.io/'; | Unknown directive |
| 1931 | this.supportUrl = 'https://agoraio.zendesk.com/hc/en-us/requests/new'; | Unknown directive |
| 1932 | this.cacheDuration = 60000; // Cache for 60 seconds | Syntax not understood |
| 1933 | this.lastFetchTime = 0; | Syntax not understood |
| 1934 | this.cachedStatus = null; | Syntax not understood |
| 1935 | this.indicatorElement = null; | Syntax not understood |
| 1936 | this.tooltipElement = null; | Syntax not understood |
| 1937 | this.hideTooltipTimeout = null; | Syntax not understood |
| 1938 | } | Syntax not understood |
| 1940 | /** | Syntax not understood |
| 1941 | * Initialize the health indicator | Syntax not understood |
| 1942 | */ | Syntax not understood |
| 1943 | init() { | Syntax not understood |
| 1944 | // Wait for DOM to be ready | Syntax not understood |
| 1945 | if (document.readyState === 'loading') { | Syntax not understood |
| 1946 | document.addEventListener('DOMContentLoaded', () => this.setup()); | Syntax not understood |
| 1947 | } else { | Syntax not understood |
| 1948 | this.setup(); | Syntax not understood |
| 1949 | } | Syntax not understood |
| 1950 | } | Syntax not understood |
| 1952 | /** | Syntax not understood |
| 1953 | * Setup the indicator UI | Syntax not understood |
| 1954 | */ | Syntax not understood |
| 1955 | setup() { | Syntax not understood |
| 1956 | // Find or create footer element | Syntax not understood |
| 1957 | const footer = document.querySelector('.footer-health-container'); | Syntax not understood |
| 1958 | if (!footer) { | Syntax not understood |
| 1959 | console.warn('Footer element not found'); | Syntax not understood |
| 1960 | return; | Syntax not understood |
| 1961 | } | Syntax not understood |
| 1963 | // Create indicator container | Syntax not understood |
| 1964 | this.indicatorElement = this.createIndicatorElement(); | Syntax not understood |
| 1966 | // Create tooltip element | Syntax not understood |
| 1967 | this.tooltipElement = this.createTooltipElement(); | Syntax not understood |
| 1969 | // Insert into footer | Syntax not understood |
| 1970 | footer.appendChild(this.indicatorElement); | Syntax not understood |
| 1971 | document.body.appendChild(this.tooltipElement); | Syntax not understood |
| 1973 | // Attach event listeners | Syntax not understood |
| 1974 | this.indicatorElement.addEventListener('mouseenter', () => this.showTooltip()); | Syntax not understood |
| 1975 | this.indicatorElement.addEventListener('mouseleave', () => this.scheduleHideTooltip()); | Syntax not understood |
| 1976 | this.tooltipElement.addEventListener('mouseenter', () => this.showTooltip()); | Syntax not understood |
| 1977 | this.tooltipElement.addEventListener('mouseleave', () => this.scheduleHideTooltip()); | Syntax not understood |
| 1979 | // Fetch and display status | Syntax not understood |
| 1980 | this.fetchAndDisplayStatus(); | Syntax not understood |
| 1982 | // Refresh status every 5 minutes | Syntax not understood |
| 1983 | setInterval(() => this.fetchAndDisplayStatus(), 300000); | Syntax not understood |
| 1984 | } | Syntax not understood |
| 1986 | /** | Syntax not understood |
| 1987 | * Create the indicator DOM element | Syntax not understood |
| 1988 | */ | Syntax not understood |
| 1989 | createIndicatorElement() { | Syntax not understood |
| 1990 | const container = document.createElement('div'); | Syntax not understood |
| 1991 | container.className = 'agora-health-indicator'; | Syntax not understood |
| 1992 | container.innerHTML = ` | Syntax not understood |
| 1993 | <div class="agora-health-indicator__content"> | Syntax not understood |
| 1994 | <span class="agora-health-indicator__dot"></span> | Syntax not understood |
| 1995 | <span class="agora-health-indicator__text">Checking status...</span> | Syntax not understood |
| 1996 | </div> | Syntax not understood |
| 1997 | `; | Syntax not understood |
| 1998 | return container; | Syntax not understood |
| 1999 | } | Syntax not understood |
| 2001 | /** | Syntax not understood |
| 2002 | * Create the tooltip DOM element | Syntax not understood |
| 2003 | */ | Syntax not understood |
| 2004 | createTooltipElement() { | Syntax not understood |
| 2005 | const tooltip = document.createElement('div'); | Syntax not understood |
| 2006 | tooltip.className = 'agora-health-tooltip'; | Syntax not understood |
| 2007 | tooltip.innerHTML = ` | Syntax not understood |
| 2008 | <div class="agora-health-tooltip__content"> | Syntax not understood |
| 2009 | <p class="agora-health-tooltip__title">Service Status</p> | Syntax not understood |
| 2010 | <p class="agora-health-tooltip__message"> | Syntax not understood |
| 2011 | 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>. | Syntax not understood |
| 2012 | </p> | Syntax not understood |
| 2013 | </div> | Syntax not understood |
| 2014 | `; | Syntax not understood |
| 2015 | return tooltip; | Syntax not understood |
| 2016 | } | Syntax not understood |
| 2018 | /** | Syntax not understood |
| 2019 | * Fetch health status from API with caching | Syntax not understood |
| 2020 | */ | Syntax not understood |
| 2021 | async fetchHealthStatus() { | Syntax not understood |
| 2022 | const now = Date.now(); | Syntax not understood |
| 2024 | // Return cached status if available | Syntax not understood |
| 2025 | if (this.cachedStatus && (now - this.lastFetchTime) < this.cacheDuration) { | Syntax not understood |
| 2026 | return this.cachedStatus; | Syntax not understood |
| 2027 | } | Syntax not understood |
| 2029 | try { | Syntax not understood |
| 2030 | const response = await fetch(this.apiUrl, { | Syntax not understood |
| 2031 | method: 'GET', | Unknown directive |
| 2032 | headers: { | Unknown directive |
| 2033 | 'Content-Type': 'application/json', | Unknown directive |
| 2034 | }, | Syntax not understood |
| 2035 | }); | Syntax not understood |
| 2037 | if (!response.ok) { | Syntax not understood |
| 2038 | throw new Error(`API error: ${response.status}`); | Unknown directive |
| 2039 | } | Syntax not understood |
| 2041 | const data = await response.json(); | Syntax not understood |
| 2042 | this.lastFetchTime = now; | Syntax not understood |
| 2043 | this.cachedStatus = this.evaluateStatus(data); | Syntax not understood |
| 2044 | return this.cachedStatus; | Syntax not understood |
| 2045 | } catch (error) { | Syntax not understood |
| 2046 | console.warn('Failed to fetch health status:', error); | Unknown directive |
| 2047 | // Return error state to hide indicator | Syntax not understood |
| 2048 | return { | Syntax not understood |
| 2049 | isHealthy: true, | Unknown directive |
| 2050 | status: 'error', | Unknown directive |
| 2051 | message: 'Error fetching status', | Unknown directive |
| 2052 | }; | Syntax not understood |
| 2053 | } | Syntax not understood |
| 2054 | } | Syntax not understood |
| 2056 | /** | Syntax not understood |
| 2057 | * Evaluate the API response to determine overall system status | Syntax not understood |
| 2058 | * @param {Array} data - API response data | Syntax not understood |
| 2059 | * @returns {Object} Status object with isHealthy flag and message | Syntax not understood |
| 2060 | */ | Syntax not understood |
| 2061 | evaluateStatus(data) { | Syntax not understood |
| 2062 | if (!Array.isArray(data)) { | Syntax not understood |
| 2063 | return { | Syntax not understood |
| 2064 | isHealthy: true, | Unknown directive |
| 2065 | status: 'unknown', | Unknown directive |
| 2066 | message: 'Invalid response format', | Unknown directive |
| 2067 | }; | Syntax not understood |
| 2068 | } | Syntax not understood |
| 2070 | // Check if any product or metric has a non-zero status | Syntax not understood |
| 2071 | const hasIssues = data.some(product => { | Syntax not understood |
| 2072 | // Check product status | Syntax not understood |
| 2073 | if (product.current_status !== 0) { | Syntax not understood |
| 2074 | return true; | Syntax not understood |
| 2075 | } | Syntax not understood |
| 2077 | // Check children metrics | Syntax not understood |
| 2078 | if (Array.isArray(product.childrens)) { | Syntax not understood |
| 2079 | return product.childrens.some(metric => metric.current_status !== 0); | Syntax not understood |
| 2080 | } | Syntax not understood |
| 2082 | return false; | Syntax not understood |
| 2083 | }); | Syntax not understood |
| 2085 | if (hasIssues) { | Syntax not understood |
| 2086 | return { | Syntax not understood |
| 2087 | isHealthy: false, | Unknown directive |
| 2088 | status: 'partial', | Unknown directive |
| 2089 | message: 'Partial service disruption', | Unknown directive |
| 2090 | }; | Syntax not understood |
| 2091 | } | Syntax not understood |
| 2093 | return { | Syntax not understood |
| 2094 | isHealthy: true, | Unknown directive |
| 2095 | status: 'operational', | Unknown directive |
| 2096 | message: 'All systems operational', | Unknown directive |
| 2097 | }; | Syntax not understood |
| 2098 | } | Syntax not understood |
| 2100 | /** | Syntax not understood |
| 2101 | * Fetch status and update the UI | Syntax not understood |
| 2102 | */ | Syntax not understood |
| 2103 | async fetchAndDisplayStatus() { | Syntax not understood |
| 2104 | const status = await this.fetchHealthStatus(); | Syntax not understood |
| 2105 | this.updateIndicatorUI(status); | Syntax not understood |
| 2106 | } | Syntax not understood |
| 2108 | /** | Syntax not understood |
| 2109 | * Update the indicator UI based on status | Syntax not understood |
| 2110 | */ | Syntax not understood |
| 2111 | updateIndicatorUI(status) { | Syntax not understood |
| 2112 | if (!this.indicatorElement) return; | Syntax not understood |
| 2114 | // Hide indicator if API error | Syntax not understood |
| 2115 | if (status.status === 'error') { | Syntax not understood |
| 2116 | this.indicatorElement.style.display = 'none'; | Syntax not understood |
| 2117 | return; | Syntax not understood |
| 2118 | } | Syntax not understood |
| 2120 | // Show indicator if previously hidden | Syntax not understood |
| 2121 | this.indicatorElement.style.display = 'inline-flex'; | Syntax not understood |
| 2123 | const textElement = this.indicatorElement.querySelector('.agora-health-indicator__text'); | Syntax not understood |
| 2124 | const dotElement = this.indicatorElement.querySelector('.agora-health-indicator__dot'); | Syntax not understood |
| 2126 | if (status.isHealthy) { | Syntax not understood |
| 2127 | this.indicatorElement.classList.remove('agora-health-indicator--disruption'); | Syntax not understood |
| 2128 | this.indicatorElement.classList.add('agora-health-indicator--operational'); | Syntax not understood |
| 2129 | dotElement.className = 'agora-health-indicator__dot agora-health-indicator__dot--green'; | Syntax not understood |
| 2130 | textElement.textContent = status.message; | Syntax not understood |
| 2131 | } else { | Syntax not understood |
| 2132 | this.indicatorElement.classList.remove('agora-health-indicator--operational'); | Syntax not understood |
| 2133 | this.indicatorElement.classList.add('agora-health-indicator--disruption'); | Syntax not understood |
| 2134 | dotElement.className = 'agora-health-indicator__dot agora-health-indicator__dot--yellow'; | Syntax not understood |
| 2135 | textElement.textContent = status.message; | Syntax not understood |
| 2136 | } | Syntax not understood |
| 2137 | } | Syntax not understood |
| 2139 | /** | Syntax not understood |
| 2140 | * Show tooltip (only for disruption status) | Syntax not understood |
| 2141 | */ | Syntax not understood |
| 2142 | showTooltip() { | Syntax not understood |
| 2143 | if (!this.tooltipElement) return; | Syntax not understood |
| 2145 | // Cancel any pending hide operation | Syntax not understood |
| 2146 | if (this.hideTooltipTimeout) { | Syntax not understood |
| 2147 | clearTimeout(this.hideTooltipTimeout); | Syntax not understood |
| 2148 | this.hideTooltipTimeout = null; | Syntax not understood |
| 2149 | } | Syntax not understood |
| 2151 | const isDisruption = this.indicatorElement.classList.contains('agora-health-indicator--disruption'); | Syntax not understood |
| 2152 | if (!isDisruption) return; | Syntax not understood |
| 2154 | const rect = this.indicatorElement.getBoundingClientRect(); | Syntax not understood |
| 2155 | const tooltipHeight = this.tooltipElement.offsetHeight || 120; | Syntax not understood |
| 2156 | const tooltipWidth = this.tooltipElement.offsetWidth || 350; | Syntax not understood |
| 2158 | // Position tooltip above the indicator with overlap | Syntax not understood |
| 2159 | // Overlap by 5px to allow seamless mouse movement | Syntax not understood |
| 2160 | let top = rect.top - tooltipHeight + 5; | Syntax not understood |
| 2161 | let left = rect.left - (tooltipWidth - rect.width) / 2; | Syntax not understood |
| 2163 | // Ensure tooltip stays within viewport | Syntax not understood |
| 2164 | if (top < 10) { | Syntax not understood |
| 2165 | top = rect.bottom - 5; // Show below with overlap if not enough space above | Syntax not understood |
| 2166 | } | Syntax not understood |
| 2168 | if (left < 10) { | Syntax not understood |
| 2169 | left = 10; | Syntax not understood |
| 2170 | } else if (left + tooltipWidth > window.innerWidth) { | Syntax not understood |
| 2171 | left = window.innerWidth - tooltipWidth - 10; | Syntax not understood |
| 2172 | } | Syntax not understood |
| 2174 | this.tooltipElement.style.display = 'block'; | Syntax not understood |
| 2175 | this.tooltipElement.style.opacity = '1'; | Syntax not understood |
| 2176 | this.tooltipElement.style.top = `${top}px`; | Syntax not understood |
| 2177 | this.tooltipElement.style.left = `${left}px`; | Syntax not understood |
| 2178 | } | Syntax not understood |
| 2180 | /** | Syntax not understood |
| 2181 | * Schedule tooltip hide with delay | Syntax not understood |
| 2182 | */ | Syntax not understood |
| 2183 | scheduleHideTooltip() { | Syntax not understood |
| 2184 | // Clear any existing timeout | Syntax not understood |
| 2185 | if (this.hideTooltipTimeout) { | Syntax not understood |
| 2186 | clearTimeout(this.hideTooltipTimeout); | Syntax not understood |
| 2187 | } | Syntax not understood |
| 2189 | // Schedule hide after 300ms delay | Syntax not understood |
| 2190 | this.hideTooltipTimeout = setTimeout(() => { | Syntax not understood |
| 2191 | this.hideTooltip(); | Syntax not understood |
| 2192 | }, 300); | Syntax not understood |
| 2193 | } | Syntax not understood |
| 2195 | /** | Syntax not understood |
| 2196 | * Hide tooltip | Syntax not understood |
| 2197 | */ | Syntax not understood |
| 2198 | hideTooltip() { | Syntax not understood |
| 2199 | if (!this.tooltipElement) return; | Syntax not understood |
| 2200 | this.tooltipElement.style.opacity = '0'; | Syntax not understood |
| 2201 | setTimeout(() => { | Syntax not understood |
| 2202 | if (this.tooltipElement.style.opacity === '0') { | Syntax not understood |
| 2203 | this.tooltipElement.style.display = 'none'; | Syntax not understood |
| 2204 | } | Syntax not understood |
| 2205 | }, 200); | Syntax not understood |
| 2206 | } | Syntax not understood |
| 2207 | } | Syntax not understood |
| 2209 | // Auto-initialize when script loads | Syntax not understood |
| 2210 | const healthIndicator = new FooterHealthIndicator(); | Syntax not understood |
| 2211 | healthIndicator.init(); | Syntax not understood |
| 2213 | </script> | Syntax not understood |
| 2215 | <script> | Syntax not understood |
| 2216 | document.addEventListener("DOMContentLoaded", function () { | Syntax not understood |
| 2218 | const closeBtn = document.querySelector(".banner-close"); | Syntax not understood |
| 2219 | const bannerWrapper = document.querySelector(".banner-wrapper"); | Syntax not understood |
| 2221 | if (closeBtn && bannerWrapper) { | Syntax not understood |
| 2222 | closeBtn.addEventListener("click", function () { | Syntax not understood |
| 2223 | bannerWrapper.style.display = "none"; | Syntax not understood |
| 2224 | }); | Syntax not understood |
| 2225 | } | Syntax not understood |
| 2227 | }); | Syntax not understood |
| 2228 | </script> | Syntax not understood |
| 2230 | <script> | Syntax not understood |
| 2231 | // Smooth hide/show on scroll without flicker | Syntax not understood |
| 2232 | const alertBar = document.querySelector(".alert-bar") // adjust selector | Syntax not understood |
| 2234 | let lastY = window.scrollY; | Syntax not understood |
| 2235 | let moved = 0; // accumulated movement in current direction | Syntax not understood |
| 2236 | let ticking = false; | Syntax not understood |
| 2237 | let isHidden = false; | Syntax not understood |
| 2239 | function getMoveOffset() { | Syntax not understood |
| 2240 | const isMobileWidth = window.matchMedia("(max-width: 767px)").matches; | Unknown directive |
| 2241 | const isCoarsePointer = window.matchMedia("(pointer: coarse)").matches; | Unknown directive |
| 2242 | const uaMobile = /Mobi|Android|iPhone|iPad|iPod|Windows Phone/i.test(navigator.userAgent); | Syntax not understood |
| 2243 | const isMobile = isMobileWidth || isCoarsePointer || uaMobile; | Syntax not understood |
| 2244 | return isMobile ? 100 : 60; | Unknown directive |
| 2245 | } | Syntax not understood |
| 2247 | // Larger offset so tiny jumps from layout change won't toggle immediately. | Syntax not understood |
| 2248 | let MOVE_OFFSET = getMoveOffset(); // increase/decrease based on UX | Syntax not understood |
| 2249 | const TOP_LOCK = 5; // always show when near top | Syntax not understood |
| 2251 | function debounce(fn, wait = 200) { | Syntax not understood |
| 2252 | let t; | Syntax not understood |
| 2253 | return (...args) => { | Syntax not understood |
| 2254 | clearTimeout(t); | Syntax not understood |
| 2255 | t = setTimeout(() => fn(...args), wait); | Syntax not understood |
| 2256 | }; | Syntax not understood |
| 2257 | } | Syntax not understood |
| 2259 | window.addEventListener("resize", debounce(() => { | Syntax not understood |
| 2260 | MOVE_OFFSET = getMoveOffset(); | Syntax not understood |
| 2261 | }, 200), { passive: true }); | Unknown directive |
| 2263 | function hideBar() { | Syntax not understood |
| 2264 | if (isHidden) return; | Syntax not understood |
| 2265 | alertBar.style.display = "none"; | Syntax not understood |
| 2266 | isHidden = true; | Syntax not understood |
| 2267 | } | Syntax not understood |
| 2269 | function showBar() { | Syntax not understood |
| 2270 | if (!isHidden) return; | Syntax not understood |
| 2271 | alertBar.style.display = "block"; | Syntax not understood |
| 2272 | isHidden = false; | Syntax not understood |
| 2273 | } | Syntax not understood |
| 2275 | function handleScroll() { | Syntax not understood |
| 2276 | const currentY = window.scrollY; | Syntax not understood |
| 2277 | const delta = currentY - lastY; // >0 down, <0 up | Syntax not understood |
| 2278 | lastY = currentY; | Syntax not understood |
| 2280 | // ignore tiny jitter | Syntax not understood |
| 2281 | if (Math.abs(delta) < 1) { | Syntax not understood |
| 2282 | ticking = false; | Syntax not understood |
| 2283 | return; | Syntax not understood |
| 2284 | } | Syntax not understood |
| 2286 | // Near top: always visible and reset accumulator | Unknown directive |
| 2287 | if (currentY <= TOP_LOCK) { | Syntax not understood |
| 2288 | showBar(); | Syntax not understood |
| 2289 | moved = 0; | Syntax not understood |
| 2290 | ticking = false; | Syntax not understood |
| 2291 | return; | Syntax not understood |
| 2292 | } | Syntax not understood |
| 2295 | // reset accumulation when direction changes | Syntax not understood |
| 2296 | if ((moved > 0 && delta < 0) || (moved < 0 && delta > 0)) { | Syntax not understood |
| 2297 | moved = 0; | Syntax not understood |
| 2298 | } | Syntax not understood |
| 2299 | moved += delta; | Syntax not understood |
| 2301 | // 1) scroll down => hide | Syntax not understood |
| 2302 | if (!isHidden && moved >= MOVE_OFFSET) { | Syntax not understood |
| 2303 | hideBar(); | Syntax not understood |
| 2304 | moved = 0; | Syntax not understood |
| 2305 | } | Syntax not understood |
| 2307 | // 2) scroll up => show | Syntax not understood |
| 2308 | if (isHidden && moved <= -MOVE_OFFSET) { | Syntax not understood |
| 2309 | showBar(); | Syntax not understood |
| 2310 | moved = 0; | Syntax not understood |
| 2311 | } | Syntax not understood |
| 2313 | ticking = false; | Syntax not understood |
| 2314 | } | Syntax not understood |
| 2316 | if(alertBar) { | Syntax not understood |
| 2318 | window.addEventListener( | Syntax not understood |
| 2319 | "scroll", | Syntax not understood |
| 2320 | () => { | Syntax not understood |
| 2321 | if (!ticking) { | Syntax not understood |
| 2322 | ticking = true; | Syntax not understood |
| 2323 | requestAnimationFrame(handleScroll); | Syntax not understood |
| 2324 | } | Syntax not understood |
| 2325 | }, | Syntax not understood |
| 2326 | { passive: true } | Unknown directive |
| 2327 | ); | Syntax not understood |
| 2328 | } | Syntax not understood |
| 2329 | </script> | Syntax not understood |
| 2331 | <!-- Links Behaviour Overrides | Syntax not understood |
| 2332 | <script async> | Syntax not understood |
| 2333 | document.addEventListener('DOMContentLoaded', () => { | Syntax not understood |
| 2334 | const anchors = document.querySelectorAll('a'); | Syntax not understood |
| 2336 | anchors.forEach((anchor) => { | Syntax not understood |
| 2337 | let href = anchor.getAttribute('href'); | Syntax not understood |
| 2339 | if(!href || !anchor) return; | Syntax not understood |
| 2341 | const isInternal = | Syntax not understood |
| 2342 | href.startsWith('#')|| | Syntax not understood |
| 2343 | href.startsWith('?') || | Syntax not understood |
| 2344 | href.startsWith('/') || | Syntax not understood |
| 2345 | href.includes(window.location.hostname) || | Syntax not understood |
| 2346 | href.startsWith(`https://${window.location.hostname}`); | Unknown directive |
| 2348 | if (isInternal) { | Syntax not understood |
| 2349 | anchor.setAttribute('target', '_self'); | Syntax not understood |
| 2350 | if (!href || href.startsWith('#')) return; | Syntax not understood |
| 2351 | if (!href.endsWith('/')) { | Syntax not understood |
| 2352 | href += '/'; | Syntax not understood |
| 2353 | anchor.setAttribute('href', href); | Syntax not understood |
| 2354 | } | Syntax not understood |
| 2355 | } else { | Syntax not understood |
| 2356 | anchor.setAttribute('target', '_blank'); | Syntax not understood |
| 2357 | } | Syntax not understood |
| 2358 | }); | Syntax not understood |
| 2359 | }); | Syntax not understood |
| 2360 | </script> | Syntax not understood |
| 2361 | --> | Syntax not understood |
| 2363 | <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script> | Unknown directive |
| 2364 | <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> | Unknown directive |
| 2365 | <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollTrigger.min.js"></script> | Unknown directive |
| 2366 | <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollToPlugin.min.js"></script> | Unknown directive |
| 2368 | <script> | Syntax not understood |
| 2369 | var Webflow = Webflow || []; | Syntax not understood |
| 2371 | function registerOnboardingAnimation() { | Syntax not understood |
| 2372 | gsap.registerPlugin(ScrollTrigger, ScrollToPlugin); | Syntax not understood |
| 2374 | let tl = gsap.timeline(); | Syntax not understood |
| 2376 | const sc = ScrollTrigger.create({ | Syntax not understood |
| 2377 | //trigger: ".scroll-cards", | Unknown directive |
| 2378 | trigger: '.sticky-tabs-container', | Unknown directive |
| 2379 | animation: tl, | Unknown directive |
| 2380 | pin: true, | Unknown directive |
| 2381 | scrub: 1, | Unknown directive |
| 2382 | pinSpacing: true, | Unknown directive |
| 2383 | // start: "left-=120px left", | Unknown directive |
| 2384 | start: 'top-=10 top', | Unknown directive |
| 2385 | end: '+=400', | Unknown directive |
| 2386 | markers: false | Unknown directive |
| 2387 | }); | Syntax not understood |
| 2389 | tl.to('.scroll-card', { | Syntax not understood |
| 2390 | z: 0, | Unknown directive |
| 2391 | y: 0, | Unknown directive |
| 2392 | scale(a, b) { | Syntax not understood |
| 2393 | return 1; | Syntax not understood |
| 2394 | }, | Syntax not understood |
| 2395 | onUpdate(data, a, b) { | Syntax not understood |
| 2396 | const tabs = Array.from(document.querySelectorAll('.sticky-tabs .sticky-tab')); | Syntax not understood |
| 2397 | const current = document.querySelector('.sticky-tabs .current-sticky-tab'); | Syntax not understood |
| 2398 | current.classList.remove('current-sticky-tab'); | Syntax not understood |
| 2400 | // Set Tab State | Syntax not understood |
| 2401 | const progress = tl.progress(); | Syntax not understood |
| 2402 | const activeTab = progress >= 0.66 ? tabs[2] : progress >= 0.33 ? tabs[1] : tabs[0]; | Unknown directive |
| 2403 | activeTab.classList.add('current-sticky-tab'); | Syntax not understood |
| 2405 | if (tl.progress() >= 0.33) { | Syntax not understood |
| 2406 | document.querySelector('.scroll-card3').style.opacity = 0; | Syntax not understood |
| 2407 | } | Syntax not understood |
| 2409 | if (tl.progress() < 0.33) { | Syntax not understood |
| 2410 | document.querySelector('.scroll-card3').style.opacity = 1; | Syntax not understood |
| 2411 | } | Syntax not understood |
| 2413 | if (tl.progress() >= 0.66) { | Syntax not understood |
| 2414 | document.querySelector('.scroll-card2').style.opacity = 0; | Syntax not understood |
| 2415 | } | Syntax not understood |
| 2416 | if (tl.progress() < 0.66) { | Syntax not understood |
| 2417 | document.querySelector('.scroll-card2').style.opacity = 1; | Syntax not understood |
| 2418 | } | Syntax not understood |
| 2419 | } | Syntax not understood |
| 2420 | }); | Syntax not understood |
| 2422 | document.querySelectorAll('.sticky-tabs .sticky-tab').forEach((el, index) => { | Syntax not understood |
| 2423 | el.onclick = function (e) { | Syntax not understood |
| 2424 | e.preventDefault(); | Syntax not understood |
| 2425 | const progress = index * 0.33; | Syntax not understood |
| 2426 | tl.progress(progress); | Syntax not understood |
| 2427 | sc.scroll(sc.start + progress * (sc.end - sc.start)); | Syntax not understood |
| 2428 | }; | Syntax not understood |
| 2429 | }); | Syntax not understood |
| 2430 | } | Syntax not understood |
| 2432 | // Fixed tab scroll animation | Syntax not understood |
| 2433 | //registerOnboardingAnimation() | Syntax not understood |
| 2435 | /** Auto Switch Tabs */ | Syntax not understood |
| 2436 | /* | Syntax not understood |
| 2437 | Webflow.push(function () { | Syntax not understood |
| 2438 | // start everything | Syntax not understood |
| 2439 | window.tabInterval = undefined; | Syntax not understood |
| 2440 | clearInterval(window.tabInterval); | Syntax not understood |
| 2442 | const observer = new window.IntersectionObserver(([entry]) => { | Syntax not understood |
| 2443 | if(entry.isIntersecting){ | Syntax not understood |
| 2444 | $('.tabs-menu').children('.w--current').addClass("animate-border") | Syntax not understood |
| 2445 | tabLoop(); | Syntax not understood |
| 2446 | // reset timeout if a tab is clicked | Syntax not understood |
| 2447 | // $('.w-tab-link').click(handleTabClick); | Syntax not understood |
| 2448 | } | Syntax not understood |
| 2449 | else{ | Syntax not understood |
| 2450 | clearInterval(window.tabInterval) | Syntax not understood |
| 2451 | $(".animate-border").removeClass("animate-border"); | Syntax not understood |
| 2452 | //$('.w-tab-link').off('click', handleTabClick); | Syntax not understood |
| 2453 | } | Syntax not understood |
| 2454 | }, {root: null, threshold: 0}) | Unknown directive |
| 2455 | observer.observe(document.querySelector(".services .tabs")) | Syntax not understood |
| 2457 | function tabLoop() { | Syntax not understood |
| 2458 | window.tabInterval = setInterval(function() { | Syntax not understood |
| 2459 | var $next = $('.tabs-menu').children('.w--current:first').next(); | Unknown directive |
| 2461 | //let focusInput = $('input:focus') //select input that is focused before click | Unknown directive |
| 2462 | if($next.length) { | Syntax not understood |
| 2463 | $next.click(); | Syntax not understood |
| 2464 | } else { | Syntax not understood |
| 2465 | $('.w-tab-link:first').click(); | Unknown directive |
| 2466 | } | Syntax not understood |
| 2467 | }, 4000); // 5 second tab loop | Syntax not understood |
| 2468 | } | Syntax not understood |
| 2470 | // reset timeout if a tab is clicked | Syntax not understood |
| 2471 | $('.w-tab-link').click(function() { | Syntax not understood |
| 2472 | clearInterval(window.tabInterval); | Syntax not understood |
| 2473 | //clearTimeout(tabInterval); | Syntax not understood |
| 2474 | $(".animate-border").removeClass("animate-border"); | Syntax not understood |
| 2475 | $(this).addClass("animate-border") | Syntax not understood |
| 2476 | tabLoop(); | Syntax not understood |
| 2477 | }); | Syntax not understood |
| 2478 | */ | Syntax not understood |
| 2479 | </script> | Syntax not understood |
| 2480 | </body></html> | Syntax not understood |
To appear in search results, crawlers need access to your app.
Send Feedback