CINXE.COM

<!DOCTYPE html><html lang="en" class="no-chat __variable_ab3f55 __variable_7c4bc0 __variable_8a4eea" style="min-width:20rem"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/><link rel="preload" href="/_next/static/media/1687abad89f0aa9e-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/4ae22e5b78ed6f68-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/4d105382aeb52db5-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/739d069dc0da2bbb-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/7e2d114136bd1f12-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/a4939aaca856e687-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="https://cdn.sanity.io/images/2ejqxsnu/production/2c82a7fb0ffd948f2e45eb352acd6d940eb79d3e-92x29.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/2c82a7fb0ffd948f2e45eb352acd6d940eb79d3e-92x29.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/2c82a7fb0ffd948f2e45eb352acd6d940eb79d3e-92x29.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/2c82a7fb0ffd948f2e45eb352acd6d940eb79d3e-92x29.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/2c82a7fb0ffd948f2e45eb352acd6d940eb79d3e-92x29.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/2c82a7fb0ffd948f2e45eb352acd6d940eb79d3e-92x29.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/2c82a7fb0ffd948f2e45eb352acd6d940eb79d3e-92x29.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/2c82a7fb0ffd948f2e45eb352acd6d940eb79d3e-92x29.svg?w=3840&q=75&fit=clip&auto=format 3840w" imageSizes="(max-width: 504px) 100vw, (max-width: 784px) 100vw, (max-width: 1176px) 100vw, (max-width: 1456px) 100vw, 1456px" fetchPriority="high"/><link rel="preload" as="image" imageSrcSet="https://cdn.sanity.io/images/2ejqxsnu/production/213b9afd9ff6b4ab4ffdcac32370e9e79d48008e-164x42.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/213b9afd9ff6b4ab4ffdcac32370e9e79d48008e-164x42.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/213b9afd9ff6b4ab4ffdcac32370e9e79d48008e-164x42.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/213b9afd9ff6b4ab4ffdcac32370e9e79d48008e-164x42.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/213b9afd9ff6b4ab4ffdcac32370e9e79d48008e-164x42.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/213b9afd9ff6b4ab4ffdcac32370e9e79d48008e-164x42.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/213b9afd9ff6b4ab4ffdcac32370e9e79d48008e-164x42.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/213b9afd9ff6b4ab4ffdcac32370e9e79d48008e-164x42.svg?w=3840&q=75&fit=clip&auto=format 3840w" imageSizes="(max-width: 504px) 100vw, (max-width: 784px) 100vw, (max-width: 1176px) 100vw, (max-width: 1456px) 100vw, 1456px" fetchPriority="high"/><link rel="preload" as="image" imageSrcSet="https://cdn.sanity.io/images/2ejqxsnu/production/bf62f72631adb8f856420524e11525d4a0cd4989-149x32.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/bf62f72631adb8f856420524e11525d4a0cd4989-149x32.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/bf62f72631adb8f856420524e11525d4a0cd4989-149x32.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/bf62f72631adb8f856420524e11525d4a0cd4989-149x32.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/bf62f72631adb8f856420524e11525d4a0cd4989-149x32.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/bf62f72631adb8f856420524e11525d4a0cd4989-149x32.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/bf62f72631adb8f856420524e11525d4a0cd4989-149x32.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/bf62f72631adb8f856420524e11525d4a0cd4989-149x32.svg?w=3840&q=75&fit=clip&auto=format 3840w" imageSizes="(max-width: 504px) 100vw, (max-width: 784px) 100vw, (max-width: 1176px) 100vw, (max-width: 1456px) 100vw, 1456px" fetchPriority="high"/><link rel="preload" as="image" imageSrcSet="https://cdn.sanity.io/images/2ejqxsnu/production/1fcf042bb57e66da12c01fc81365bf7c25b7942a-164x42.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/1fcf042bb57e66da12c01fc81365bf7c25b7942a-164x42.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/1fcf042bb57e66da12c01fc81365bf7c25b7942a-164x42.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/1fcf042bb57e66da12c01fc81365bf7c25b7942a-164x42.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/1fcf042bb57e66da12c01fc81365bf7c25b7942a-164x42.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/1fcf042bb57e66da12c01fc81365bf7c25b7942a-164x42.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/1fcf042bb57e66da12c01fc81365bf7c25b7942a-164x42.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/1fcf042bb57e66da12c01fc81365bf7c25b7942a-164x42.svg?w=3840&q=75&fit=clip&auto=format 3840w" imageSizes="(max-width: 504px) 100vw, (max-width: 784px) 100vw, (max-width: 1176px) 100vw, (max-width: 1456px) 100vw, 1456px" fetchPriority="high"/><link rel="preload" as="image" imageSrcSet="https://cdn.sanity.io/images/2ejqxsnu/production/5f116b697d372e8f90ec98cb0de30ed98028e03a-164x42.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/5f116b697d372e8f90ec98cb0de30ed98028e03a-164x42.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/5f116b697d372e8f90ec98cb0de30ed98028e03a-164x42.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/5f116b697d372e8f90ec98cb0de30ed98028e03a-164x42.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/5f116b697d372e8f90ec98cb0de30ed98028e03a-164x42.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/5f116b697d372e8f90ec98cb0de30ed98028e03a-164x42.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/5f116b697d372e8f90ec98cb0de30ed98028e03a-164x42.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/5f116b697d372e8f90ec98cb0de30ed98028e03a-164x42.svg?w=3840&q=75&fit=clip&auto=format 3840w" imageSizes="(max-width: 504px) 100vw, (max-width: 784px) 100vw, (max-width: 1176px) 100vw, (max-width: 1456px) 100vw, 1456px" fetchPriority="high"/><link rel="preload" as="image" imageSrcSet="https://cdn.sanity.io/images/2ejqxsnu/production/b809f759a971f1b09b84b4cec69ac9bacd59a076-431x90.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/b809f759a971f1b09b84b4cec69ac9bacd59a076-431x90.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/b809f759a971f1b09b84b4cec69ac9bacd59a076-431x90.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/b809f759a971f1b09b84b4cec69ac9bacd59a076-431x90.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/b809f759a971f1b09b84b4cec69ac9bacd59a076-431x90.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/b809f759a971f1b09b84b4cec69ac9bacd59a076-431x90.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/b809f759a971f1b09b84b4cec69ac9bacd59a076-431x90.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/b809f759a971f1b09b84b4cec69ac9bacd59a076-431x90.svg?w=3840&q=75&fit=clip&auto=format 3840w" imageSizes="(max-width: 504px) 100vw, (max-width: 784px) 100vw, (max-width: 1176px) 100vw, (max-width: 1456px) 100vw, 1456px" fetchPriority="high"/><link rel="stylesheet" href="/_next/static/css/8ffa3af61010574d.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/dc1aca7729b0ad50.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/a753751b250cd412.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/18261e7379d2e9c2.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/43523de3f4abcaec.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/1195ccf348e52284.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/c1575e31eaa454a6.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/4a7ce759e5924d8e.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-4f58d7481101c9af.js"/><script src="/_next/static/chunks/1dd3208c-632200f0417b2638.js" async=""></script><script src="/_next/static/chunks/1528-8271d8121e1bf435.js" async=""></script><script src="/_next/static/chunks/main-app-420abd7798f6e175.js" async=""></script><script src="/_next/static/chunks/9755-d74f223fe972548e.js" async=""></script><script src="/_next/static/chunks/app/(marketing)/layout-f05130197f09051f.js" async=""></script><script src="/_next/static/chunks/2147-4ee70c9c14834873.js" async=""></script><script src="/_next/static/chunks/2195-a2ebbb2e0f6e639d.js" async=""></script><script src="/_next/static/chunks/app/layout-0012277ac7a4f5e2.js" async=""></script><script src="/_next/static/chunks/85582243-4866b5340f66117c.js" async=""></script><script src="/_next/static/chunks/8146-4ec4c79a5c65983c.js" async=""></script><script src="/_next/static/chunks/294-8e4b54d1207ca184.js" async=""></script><script src="/_next/static/chunks/6059-11c1aabc2c836e6c.js" async=""></script><script src="/_next/static/chunks/6764-ddfbdf10100b325e.js" async=""></script><script src="/_next/static/chunks/251-f59054c5c0721c47.js" async=""></script><script src="/_next/static/chunks/8184-9b8e27f7ec115337.js" async=""></script><script src="/_next/static/chunks/3758-470803da3327e15b.js" async=""></script><script src="/_next/static/chunks/5187-a885152b6bb388da.js" async=""></script><script src="/_next/static/chunks/7204-2afd245157637521.js" async=""></script><script src="/_next/static/chunks/9986-f1143c1a2d2a1f27.js" async=""></script><script src="/_next/static/chunks/8748-ddaf864c6f242432.js" async=""></script><script src="/_next/static/chunks/5648-ff02152b67a4b091.js" async=""></script><script src="/_next/static/chunks/4310-d20706c592f78f28.js" async=""></script><script src="/_next/static/chunks/2793-c38ff840fde20c7c.js" async=""></script><script src="/_next/static/chunks/app/(marketing)/video-for/%5BsdkOrFramework%5D/page-366945a159cd0504.js" async=""></script><link rel="preload" href="https://www.googletagmanager.com/gtm.js?id=GTM-KRJFZJ7" as="script"/><meta name="theme-color" content="#242628"/><title>Embed a video player in your Flutter application | Mux</title><meta name="description" content="Quickly add video to your Flutter application using the Mux Video API."/><link rel="canonical" href="https://www.mux.com/video-for/flutter"/><link rel="alternate" type="application/rss+xml" href="https://www.mux.com/blog/rss.xml"/><link rel="alternate" type="application/atom+xml" href="https://www.mux.com/blog/atom.xml"/><meta name="google-site-verification" content="1G9PfJ7Uhp5gvSoaxCXS8IqLsQsOA5HPvuvwNtbZ-B4"/><meta name="facebook-domain-verification" content="bi1l6wtaobvfjjgcc9yczf1dy20fxa"/><meta property="og:title" content="Embed a video player in your Flutter application | Mux"/><meta property="og:description" content="Quickly add video to your Flutter application using the Mux Video API."/><meta property="og:url" content="https://www.mux.com/video-for/flutter"/><meta property="og:locale" content="en-US"/><meta property="og:image" content="https://cdn.sanity.io/images/2ejqxsnu/production/ad07297db017673be73ca7f230b566e4be89a2c1-2400x1256.png"/><meta property="og:image:width" content="2400"/><meta property="og:image:height" content="1256"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@muxhq"/><meta name="twitter:title" content="Embed a video player in your Flutter application | Mux"/><meta name="twitter:description" content="Quickly add video to your Flutter application using the Mux Video API."/><meta name="twitter:image" content="https://cdn.sanity.io/images/2ejqxsnu/production/ad07297db017673be73ca7f230b566e4be89a2c1-2400x1256.png"/><meta name="twitter:image:width" content="2400"/><meta name="twitter:image:height" content="1256"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="32x32"/><link rel="icon" href="/icon-pwu6ef.svg?435d7159a668a58e" type="image/svg+xml" sizes="any"/><link rel="apple-touch-icon" href="/apple-icon-pwu6ef.png?7e406820218203dd" type="image/png" sizes="180x180"/><meta name="next-size-adjust"/><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><div class="font-body bg-putty antialiased selection:bg-pink-neon/60"><div class="-my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-charcoal border-ctx-black text-white dark set-bg-ctx-charcoal set-border-ctx-black set-decoration-ctx-gray-underline sticky -top-1px z-50"><div class="col-start-2 col-end-3 border-x border-ctx-black"><div class="-m-0.5px grid-cols-1 relative h-2 md:h-3 flex items-center justify-end"><a href="#skip-nav" class="group/button block h-full absolute left-0 top-0 z-10 transition-opacity duration-short ease-in-out-energetic pointer-events-none opacity-0 focus:pointer-events-auto focus:opacity-100"><span class="h-full min-h-2 flex items-center justify-center cursor-pointer px-2 py-0.5 text-center text-white bg-black border border-ctx-charcoal rounded-4">Skip to content</span></a><div class="mr-auto flex h-full"><a class="group relative cursor-pointer flex h-full items-center px-1" href="/"><div class="logo group relative block" style="aspect-ratio:3.22;width:84px;margin-bottom:-7.826086956521738px;--mux-logo-perspective:52.5px"><span class="sr-only">Mux Logo</span><div class="scene inline-block aspect-square h-full" aria-hidden="true" style="perspective:var(--mux-logo-perspective)"><div class="cube relative h-full w-full origin-center [transform-style:preserve-3d] group-hover:animate-perspective-spin group-focus-visible:animate-perspective-spin" style="transform:translateZ(calc(var(--mux-logo-perspective) / -4));animation-delay:0s"><div class="face absolute inset-0 bg-ctx" style="transform:rotateY(0deg) translateZ(calc(var(--mux-logo-perspective) / 4))"><svg class="absolute inset-0 fill-current" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"><path id=":R1d9gpuutjskq:" d="M437.511,468.521c-17.121,-0 -31,-13.879 -31,-31c0,-17.121 13.879,-31 31,-31c17.121,-0 31,13.879 31,31c0,17.121 -13.879,31 -31,31m23.915,-463.762c-23.348,-9.672 -50.226,-4.327 -68.096,13.544l-143.331,143.329l-143.33,-143.329c-17.871,-17.871 -44.747,-23.216 -68.096,-13.544c-23.349,9.671 -38.574,32.455 -38.574,57.729l0,375.026c0,34.51 27.977,62.486 62.487,62.486c34.51,-0 62.486,-27.976 62.486,-62.486l0,-224.173l80.843,80.844c24.404,24.402 63.965,24.402 88.369,-0l80.843,-80.844l0,224.173c0,34.51 27.976,62.486 62.486,62.486c34.51,-0 62.486,-27.976 62.486,-62.486l0,-375.026c0,-25.274 -15.224,-48.058 -38.573,-57.729"></path></svg></div><div class="face absolute inset-0 opacity-0 group-hover:opacity-100 bg-ctx" style="transform:rotateX(-90deg) translateZ(calc(var(--mux-logo-perspective) / 4))"><svg class="absolute inset-0 fill-current" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"><use href="#:R1d9gpuutjskq:"></use></svg></div></div></div><div class="spacer inline-block h-full bg-ctx" style="width:3.55%"></div><div class="scene inline-block aspect-square h-full" aria-hidden="true" style="perspective:var(--mux-logo-perspective)"><div class="cube relative h-full w-full origin-center [transform-style:preserve-3d] group-hover:animate-perspective-spin group-focus-visible:animate-perspective-spin" style="transform:translateZ(calc(var(--mux-logo-perspective) / -4));animation-delay:0.05s"><div class="face absolute inset-0 bg-ctx" style="transform:rotateY(0deg) translateZ(calc(var(--mux-logo-perspective) / 4))"><svg class="absolute inset-0 fill-current" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"><path id=":R1d9gpuutjskqH1:" d="M437.515,93.486c-17.121,-0 -31,-13.879 -31,-31c0,-17.121 13.879,-31 31,-31c17.121,-0 31,13.879 31,31c0,17.121 -13.879,31 -31,31m0,-93.486c-34.509,-0 -62.484,27.976 -62.484,62.486l0,187.511c0,68.943 -56.09,125.033 -125.032,125.033c-68.942,-0 -125.03,-56.09 -125.03,-125.033l0,-187.511c0,-34.51 -27.976,-62.486 -62.485,-62.486c-34.509,-0 -62.484,27.976 -62.484,62.486l0,187.511c0,137.853 112.149,250.003 249.999,250.003c137.851,-0 250.001,-112.15 250.001,-250.003l0,-187.511c0,-34.51 -27.976,-62.486 -62.485,-62.486"></path></svg></div><div class="face absolute inset-0 opacity-0 group-hover:opacity-100 bg-ctx" style="transform:rotateX(-90deg) translateZ(calc(var(--mux-logo-perspective) / 4))"><svg class="absolute inset-0 fill-current" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"><use href="#:R1d9gpuutjskqH1:"></use></svg></div></div></div><div class="spacer inline-block h-full bg-ctx" style="width:2.7%"></div><div class="scene inline-block aspect-square h-full" aria-hidden="true" style="perspective:var(--mux-logo-perspective)"><div class="cube relative h-full w-full origin-center [transform-style:preserve-3d] group-hover:animate-perspective-spin group-focus-visible:animate-perspective-spin" style="transform:translateZ(calc(var(--mux-logo-perspective) / -4));animation-delay:0.1s"><div class="face absolute inset-0 bg-ctx" style="transform:rotateY(0deg) translateZ(calc(var(--mux-logo-perspective) / 4))"><svg class="absolute inset-0 fill-current" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"><path id=":R1d9gpuutjskqH2:" d="M437.515,468.511c-17.121,-0 -31,-13.879 -31,-31c-0,-17.121 13.879,-31 31,-31c17.12,-0 31,13.879 31,31c-0,17.121 -13.88,31 -31,31m-275.883,-218.509l-143.33,143.329c-24.403,24.402 -24.403,63.966 -0,88.368c24.402,24.402 63.967,24.402 88.368,-0l143.331,-143.329l143.328,143.329c24.402,24.4 63.967,24.402 88.369,-0c24.403,-24.402 24.403,-63.966 0,-88.368l-143.33,-143.329l0.002,-0.004l143.329,-143.329c24.402,-24.402 24.402,-63.965 -0,-88.367c-24.402,-24.402 -63.967,-24.402 -88.369,-0l-143.329,143.328l-143.329,-143.328c-24.402,-24.401 -63.967,-24.402 -88.369,-0c-24.402,24.402 -24.402,63.965 -0,88.367l143.329,143.329l-0,0.004Z"></path></svg></div><div class="face absolute inset-0 opacity-0 group-hover:opacity-100 bg-ctx" style="transform:rotateX(-90deg) translateZ(calc(var(--mux-logo-perspective) / 4))"><svg class="absolute inset-0 fill-current" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"><use href="#:R1d9gpuutjskqH2:"></use></svg></div></div></div></div><button type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-:R19gpuutjskq:" data-state="closed" class="sr-only absolute bottom-0 left-0">Toggle Mux Brand Popover</button></a></div><button aria-label="Close navigation menu" class="fixed inset-0 z-10 bg-charcoal/30 transition-opacity duration-medium ease-in-out-energetic pointer-events-none opacity-0"></button><div data-state="closed" class="h-full block lg:hidden"><button class="group relative z-20 h-full px-1 transition-colors duration-medium ease-in-out-energetic" type="button" aria-controls="radix-:R2hgpuutjskq:" aria-expanded="false" data-state="closed"><span class="sr-only">Toggle navigation menu</span><svg role="img" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" data-state="closed" class="group/x origin-center transform-gpu transition-transform duration-medium ease-in-out-energetic group-active:-rotate-[10deg] data-[state=closed]:group-active:rotate-[10deg]"><title>X</title><path d="M5 5L23 23" class="stroke-current origin-center transform-gpu transition-transform duration-medium ease-in-out-energetic group-data-[state=closed]/x:-translate-y-[15%] group-data-[state=closed]/x:rotate-[135deg]" vector-effect="non-scaling-stroke"></path><path d="M5 23L23 5" class="stroke-current origin-center transform-gpu transition-transform duration-medium ease-in-out-energetic group-data-[state=closed]/x:translate-y-[15%] group-data-[state=closed]/x:rotate-45" vector-effect="non-scaling-stroke"></path></svg></button></div><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="border-ctx -m-0.5px self-stretch hidden lg:flex"><div style="position:relative"><ul data-orientation="horizontal" class="flex h-full" dir="ltr"><li class="-mx-0.25 flex items-stretch whitespace-nowrap first:ml-0 last:mr-0 xl:mx-0"><button id="radix-:Rlgpuutjskq:-trigger-0" data-state="closed" aria-expanded="false" aria-controls="radix-:Rlgpuutjskq:-content-0" class="group/trigger flex items-center p-1 data-[state=open]:bg-black data-[state=open]:text-white" data-radix-collection-item="">Products<svg role="img" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-current origin-center transition-transform duration-short ease-in-out-energetic fill-transparent ml-0.25 rotate-0 group-data-[state=open]/trigger:fill-current" style="width:0.625rem;height:0.625rem"><title>Caret</title><path d="M6,10l-5,-8l10,0l-5,8Z" stroke-linejoin="bevel" vector-effect="non-scaling-stroke"></path></svg></button></li><li class="-mx-0.25 flex items-stretch whitespace-nowrap first:ml-0 last:mr-0 xl:mx-0"><button id="radix-:Rlgpuutjskq:-trigger-1" data-state="closed" aria-expanded="false" aria-controls="radix-:Rlgpuutjskq:-content-1" class="group/trigger flex items-center p-1 data-[state=open]:bg-black data-[state=open]:text-white" data-radix-collection-item="">Developers<svg role="img" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-current origin-center transition-transform duration-short ease-in-out-energetic fill-transparent ml-0.25 rotate-0 group-data-[state=open]/trigger:fill-current" style="width:0.625rem;height:0.625rem"><title>Caret</title><path d="M6,10l-5,-8l10,0l-5,8Z" stroke-linejoin="bevel" vector-effect="non-scaling-stroke"></path></svg></button></li><li class="-mx-0.25 flex items-stretch whitespace-nowrap first:ml-0 last:mr-0 xl:mx-0"><button id="radix-:Rlgpuutjskq:-trigger-2" data-state="closed" aria-expanded="false" aria-controls="radix-:Rlgpuutjskq:-content-2" class="group/trigger flex items-center p-1 data-[state=open]:bg-black data-[state=open]:text-white" data-radix-collection-item="">Solutions<svg role="img" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-current origin-center transition-transform duration-short ease-in-out-energetic fill-transparent ml-0.25 rotate-0 group-data-[state=open]/trigger:fill-current" style="width:0.625rem;height:0.625rem"><title>Caret</title><path d="M6,10l-5,-8l10,0l-5,8Z" stroke-linejoin="bevel" vector-effect="non-scaling-stroke"></path></svg></button></li><li class="-mx-0.25 flex items-stretch whitespace-nowrap first:ml-0 last:mr-0 xl:mx-0"><button id="radix-:Rlgpuutjskq:-trigger-3" data-state="closed" aria-expanded="false" aria-controls="radix-:Rlgpuutjskq:-content-3" class="group/trigger flex items-center p-1 data-[state=open]:bg-black data-[state=open]:text-white" data-radix-collection-item="">Pricing<svg role="img" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-current origin-center transition-transform duration-short ease-in-out-energetic fill-transparent ml-0.25 rotate-0 group-data-[state=open]/trigger:fill-current" style="width:0.625rem;height:0.625rem"><title>Caret</title><path d="M6,10l-5,-8l10,0l-5,8Z" stroke-linejoin="bevel" vector-effect="non-scaling-stroke"></path></svg></button></li><li class="-mx-0.25 flex items-stretch whitespace-nowrap first:ml-0 last:mr-0 xl:mx-0"><a class="flex items-center p-1 hover:bg-black hover:text-white" data-radix-collection-item="" href="/blog">Blog</a></li></ul></div></nav><div class="grid h-full hidden lg:grid" style="grid-template-columns:repeat(2, auto);direction:rtl"><div class="border-ctx-black bg-charcoal dark [&>*]:set-border-ctx-black [&>*]:set-decoration-ctx-gray-underline [&>*]:set-bg-ctx-charcoal text-white border -m-0.5px font-mono text-sm leading-mono font-normal uppercase grid"><a data-analytics-selector="navbar-sales-contact" class="relative group/button block -m-1px w-full-2px h-full-2px whitespace-nowrap" href="/sales-contact"><span class="w-full h-full flex items-center justify-center cursor-pointer px-1.5 text-center bg-ctx border border-ctx-green-dark user-select-none min-h-0 py-0">Talk to us</span><span class="absolute inset-0 flex items-center justify-center cursor-pointer px-1.5 text-center text-black bg-green border border-ctx-green-dark transition-[border-radius] duration-medium ease-in-out-energetic rounded-4 group-hover/button:rounded-none group-focus-visible/button:rounded-none min-h-0 py-0" aria-hidden="true">Talk to us</span></a></div><div class="border-ctx-black bg-charcoal dark [&>*]:set-border-ctx-black [&>*]:set-decoration-ctx-gray-underline [&>*]:set-bg-ctx-charcoal text-white border -m-0.5px font-mono text-sm leading-mono font-normal uppercase grid"><a data-analytics-selector="navbar-login" class="relative group/button block -m-1px w-full-2px h-full-2px whitespace-nowrap" href="https://dashboard.mux.com/login"><span class="w-full h-full flex items-center justify-center cursor-pointer px-1 text-center text-white bg-black border border-ctx-current user-select-none min-h-0 py-0">Log in</span><span class="absolute inset-0 flex items-center justify-center cursor-pointer px-1 text-center bg-ctx border border-ctx-current group-hover/button:opacity-0 group-focus-visible/button:opacity-0 min-h-0 py-0" aria-hidden="true">Log in</span></a></div></div></div></div></div><div id="skip-nav"></div><div class="relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-charcoal border-ctx-black text-white dark set-bg-ctx-charcoal set-border-ctx-black set-decoration-ctx-gray-underline z-10"><div class="col-start-2 col-end-3 border-x border-ctx-black"><div class="grid grid-cols-1 lg:grid-cols-2 items-center gap-2 px-1 py-2 md:p-2 lg:gap-3 lg:py-3 lg:px-3"><div class="block border-ctx-black bg-charcoal dark [&>*]:set-border-ctx-black [&>*]:set-decoration-ctx-gray-underline [&>*]:set-bg-ctx-charcoal text-white text-center lg:text-left"><h1 class="font-body text-2xl md:text-5xl leading-heading-2 md:leading-heading last:mb-0 mb-1 font-bold normal-case [text-wrap:balance]">High-performance video for your Flutter application</h1><div class="mx-auto whitespace-pre-line max-w-28"><div class="mb-1"><p class="font-body text-md md:text-lg leading-heading-4 last:mb-0 mb-1 font-normal normal-case [text-wrap:pretty]">Mux is the best way to quickly add video to your Flutter application. Mux solves the hard problems with embedding, storing, streaming, and customizing video.</p></div><span class="font-mono text-sm leading-mono font-normal uppercase grid gap-y-0.5 sm:inline-grid sm:justify-center lg:grid-cols-2"><a href="https://dashboard.mux.com/signup" class="relative group/button inline-block -mx-0.5px whitespace-nowrap"><span class="min-h-2 flex items-center justify-center cursor-pointer px-2 py-0.5 text-center bg-putty border border-ctx-green-dark rounded-4 user-select-none">Start building</span><span class="absolute inset-0 min-h-2 flex items-center justify-center cursor-pointer px-2 py-0.5 text-center text-black bg-green border border-green-dark rounded-4 translate-y-0 transform-gpu transition-transform duration-short ease-in-out-energetic group-hover/button:-translate-y-[5.25px] group-focus-visible/button:-translate-y-[5.25px] group-active/button:translate-y-0" aria-hidden="true">Start building</span></a><a href="/docs" class="relative group/button inline-block -mx-0.5px whitespace-nowrap"><span class="min-h-2 flex items-center justify-center cursor-pointer px-2 py-0.5 text-center text-black bg-green border border-ctx-current rounded-4 user-select-none">Read the docs</span><span class="absolute inset-0 min-h-2 flex items-center justify-center cursor-pointer px-2 py-0.5 text-center bg-ctx border border-current rounded-4 translate-y-0 transform-gpu transition-transform duration-short ease-in-out-energetic group-hover/button:-translate-y-[5.25px] group-focus-visible/button:-translate-y-[5.25px] group-active/button:translate-y-0" aria-hidden="true">Read the docs</span></a></span></div></div><div class="mx-auto w-full max-w-18 sm:pb-1 sm:pl-1"><div class="block bg-charcoal dark [&>*]:set-border-ctx-black [&>*]:set-decoration-ctx-gray-underline [&>*]:set-bg-ctx-charcoal text-white border -m-0.5px dark overflow-hidden rounded-0.5 -mx-0.5 border-gray-dark sm:mx-0 sm:shadow-[-29px_29px_theme(colors.black)]"><div class="flex h-1 w-full items-center justify-start px-0.5 py-0.25 bg-gray-dark"><svg width="42" height="10" viewBox="0 0 42 10" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="5" cy="5" r="5" fill="#EA3737"></circle><circle cx="21" cy="5" r="5" fill="#FFB200"></circle><circle cx="37" cy="5" r="5" fill="#00BE43"></circle></svg></div><pre class="dark h-10 overflow-x-scroll p-1"><code class="font-mono leading-code normal-case max-w-full text-sm prism [font-variant-ligatures:none] javascript md:text-base"><span class="line-number"></span>Future<span class="token operator"><</span><span class="token keyword">void</span><span class="token operator">></span> <span class="token function">initializePlayer</span><span class="token punctuation">(</span><span class="token punctuation">)</span> async <span class="token punctuation">{</span> <span class="line-number"></span> <span class="token keyword">const</span> playbackId <span class="token operator">=</span> <span class="token string">'PLAYBACK_ID'</span><span class="token punctuation">;</span> <span class="line-number"></span> final url <span class="token operator">=</span> <span class="token string">'https://stream.mux.com/$playbackId.m3u8'</span><span class="token punctuation">;</span> <span class="line-number"></span> <span class="line-number"></span> _controller <span class="token operator">=</span> VideoPlayerController<span class="token punctuation">.</span><span class="token function">networkUrl</span><span class="token punctuation">(</span>Uri<span class="token punctuation">.</span><span class="token function">parse</span><span class="token punctuation">(</span>url<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="line-number"></span> <span class="line-number"></span> <span class="token keyword">await</span> _controller<span class="token punctuation">.</span><span class="token function">initialize</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="line-number"></span><span class="token punctuation">}</span></code></pre></div></div></div></div></div><div class="relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-putty border-ctx-gray text-black set-bg-ctx-putty set-border-ctx-gray"><div class="col-start-2 col-end-3 border-x border-ctx-gray"><div class="grid grid-cols-1 md:grid-cols-2 gap-2 px-1 py-2 md:px-2 md:py-4 lg:p-4"><h2 class="font-display tracking-wide text-2xl md:text-5xl leading-heading-2 font-normal normal-case col-span-full mx-auto max-w-28 text-center lg:mb-1">Bring cost effective video infrastructure to your Flutter application</h2><div class="border-ctx-gray bg-putty [&>*]:set-border-ctx-gray [&>*]:set-bg-ctx-putty text-black grid gap-1 md:grid-cols-[theme(spacing[1.5])_auto]"><svg role="img" xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="none" viewBox="0 0 42 42"><title>Adaptive Bitrate</title><path stroke-miterlimit="10" d="M32 22.926V20.11l-4.423-.594a7.376 7.376 0 0 0-.655-1.639l2.743-3.544-1.964-1.966-3.539 2.755a7.07 7.07 0 0 0-1.636-.691L21.87 10h-2.813l-.584 4.43c-.57.15-1.12.37-1.636.655l-3.539-2.755-1.955 1.967 2.742 3.544a7.38 7.38 0 0 0-.663 1.674L9 20.11v2.817l4.423.594c.152.57.372 1.121.655 1.64l-2.743 3.543 1.955 1.967 3.539-2.756a7.07 7.07 0 0 0 1.636.656L19.05 33h2.813l.593-4.43a7.072 7.072 0 0 0 1.628-.655l3.538 2.755 1.964-1.967-2.751-3.641a6.898 6.898 0 0 0 .654-1.64L32 22.927Z" class="stroke-current" vector-effect="non-scaling-stroke"></path><path stroke-miterlimit="10" d="M21 25a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM21.383 1l3.198 3.199-3.198 3.198" class="stroke-current" vector-effect="non-scaling-stroke"></path><path stroke-miterlimit="10" d="M4 21c0-9.389 7.51-17 16.774-17H24M20.123 41l-3.199-3.199 3.199-3.198" class="stroke-current" vector-effect="non-scaling-stroke"></path><path stroke-miterlimit="10" d="M38 21c0 9.389-7.886 17-17.613 17H17" class="stroke-current" vector-effect="non-scaling-stroke"></path></svg><div><h4 class="font-body text-xl leading-heading last:mb-0 mb-0.5 font-bold normal-case">Adaptive Bitrate Streaming</h4><div class="font-body tracking-wide text-md leading-normal font-normal normal-case"><p class="font-body tracking-wide text-base leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty]">Leverage the latest technology in video streaming, and deliver optimized video to your viewers based on their network environment for the best possible viewing experience.</p></div></div></div><div class="border-ctx-gray bg-putty [&>*]:set-border-ctx-gray [&>*]:set-bg-ctx-putty text-black grid gap-1 md:grid-cols-[theme(spacing[1.5])_auto]"><svg role="img" xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="none" viewBox="0 0 42 42"><title>Integration</title><path stroke-linejoin="bevel" d="M29.819 4.034a5.758 5.758 0 0 0-1.564 5.22L21 2l-7.255 7.255a5.757 5.757 0 1 0-4.49 4.49L2 21l7.255 7.255a5.758 5.758 0 1 1 4.49 4.49L21 40l7.255-7.255a5.757 5.757 0 1 0 4.49-4.49L40 21l-7.255-7.255a5.758 5.758 0 1 0-2.926-9.71Z" class="stroke-current" vector-effect="non-scaling-stroke"></path></svg><div><h4 class="font-body text-xl leading-heading last:mb-0 mb-0.5 font-bold normal-case">Easily integrate into your app</h4><div class="font-body tracking-wide text-md leading-normal font-normal normal-case"><p class="font-body tracking-wide text-base leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty]">Mux will integrate into whatever app you're building. <a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="https://docs.mux.com/guides/integrate-with-your-cms">Integrate with your CMS</a>, or use our APIs to build your own video workflow.</p></div></div></div><div class="border-ctx-gray bg-putty [&>*]:set-border-ctx-gray [&>*]:set-bg-ctx-putty text-black grid gap-1 md:grid-cols-[theme(spacing[1.5])_auto]"><svg role="img" xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="none" viewBox="0 0 42 42"><title>Player</title><path d="M.5 5.5h41v30H.5z" class="stroke-current" vector-effect="non-scaling-stroke"></path><path d="m16.574 14.902 7.653 4.237-7.653 4.237v-8.474Z" class="fill-current stroke-current" vector-effect="non-scaling-stroke"></path><path d="M3.062 29.148h35.21" class="stroke-current" vector-effect="non-scaling-stroke"></path><circle cx="32.859" cy="29.312" r="1.476" class="fill-current" vector-effect="non-scaling-stroke"></circle></svg><div><h4 class="font-body text-xl leading-heading last:mb-0 mb-0.5 font-bold normal-case">Full control of your playback</h4><div class="font-body tracking-wide text-md leading-normal font-normal normal-case"><p class="font-body tracking-wide text-base leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty]">Mux delivers video in the <a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="https://docs.mux.com/guides/play-your-videos">HLS adaptive streaming format</a>, which is compatible with <a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="https://pub.dev/packages/video_player">Flutter's video_player package</a>.</p></div></div></div><div class="border-ctx-gray bg-putty [&>*]:set-border-ctx-gray [&>*]:set-bg-ctx-putty text-black grid gap-1 md:grid-cols-[theme(spacing[1.5])_auto]"><svg role="img" xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="none" viewBox="0 0 42 42"><title>Globe</title><path d="M21 40.25c10.631 0 19.25-8.619 19.25-19.25C40.25 10.368 31.63 1.75 21 1.75 10.368 1.75 1.75 10.368 1.75 21c0 10.631 8.618 19.25 19.25 19.25Z" class="stroke-current" vector-effect="non-scaling-stroke"></path><path d="M23.625 1.75s7 6.414 7 19.25-7 19.25-7 19.25M18.375 1.75s-7 6.414-7 19.25 7 19.25 7 19.25M21 1.75v38.5M1.75 21h38.5M3.5 13.125h35M3.5 28.875h35" class="stroke-current" vector-effect="non-scaling-stroke"></path></svg><div><h4 class="font-body text-xl leading-heading last:mb-0 mb-0.5 font-bold normal-case">Global multi-CDN delivery</h4><div class="font-body tracking-wide text-md leading-normal font-normal normal-case"><p class="font-body tracking-wide text-base leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty]">Mux's <a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="/video">Video API</a> delivers video globally with a <a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" data-state="closed" href="/video-glossary/multi-cdn">multi-CDN strategy</a> to ensure every viewer has the best possible playback experience.</p></div></div></div></div></div></div><div class="relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-yellow border-ctx-yellow-dark text-black set-bg-ctx-yellow set-border-ctx-yellow-dark z-10"><div class="col-start-2 col-end-3 border-x border-ctx-yellow-dark"><div class="-m-0.5px grid grid-cols-1"><div class="block border-ctx-yellow-dark bg-yellow [&>*]:set-border-ctx-yellow-dark [&>*]:set-bg-ctx-yellow text-black border -m-0.5px p-1 md:p-2 lg:p-2 text-center"><h2 class="font-display tracking-wide text-2xl md:text-5xl leading-heading-2 font-normal normal-case whitespace-pre-line mx-auto max-w-32">How to add video to Flutter</h2></div></div></div></div><div class="relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-putty border-ctx-gray text-black set-bg-ctx-putty set-border-ctx-gray"><div class="col-start-2 col-end-3 border-x border-ctx-gray"><div class="-m-0.5px grid-cols-1 block px-1 pb-3 pt-2"><h3 id="video-playback-with-flutters-video_player-package" class="font-body text-lg leading-heading font-bold normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26 mb-1 mt-2 first:mt-0 last:mb-0"><a href="#video-playback-with-flutters-video_player-package" class="group relative"><span class="absolute block opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 -left-1 top-1/2 h-1 w-1 -translate-y-1/2 lg:-left-2.5 lg:h-1.5 lg:w-2.5"><span class="relative inline-block h-full rounded-4 p-0.125 lg:bg-putty-light"><svg role="img" xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="none" viewBox="0 0 42 42" class="h-full w-auto"><title>Link</title><path d="m18.172 15.343 3.535-3.535a5 5 0 0 1 7.071 0l1.414 1.414a5 5 0 0 1 0 7.07l-3.535 3.536M23.828 26.657l-3.535 3.535a5 5 0 0 1-7.071 0l-1.414-1.414a5 5 0 0 1 0-7.07l3.535-3.536" class="stroke-current" vector-effect="non-scaling-stroke"></path><path stroke-linecap="round" d="m25.243 16.757-8.486 8.486" class="stroke-current" vector-effect="non-scaling-stroke"></path></svg></span></span>Video playback with Flutter's <span class="font-mono text-sm leading-mono font-normal normal-case break-words rounded-0.25 bg-putty-light px-0.25 py-0.125 [font-variant-ligatures:none] dark:bg-gray-dark">video_player</span> package</a></h3><p class="font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26">For video playback we'll use <a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="https://pub.dev/packages/video_player">Flutter's video_player package</a>, which supports the <a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="https://docs.mux.com/guides/play-your-videos">HLS adaptive streaming format</a> that Mux uses to deliver your video.</p><div class="dark mb-1 first:mt-0 last:mb-0 md:my-2 mx-auto w-full max-w-26"><figure class="block bg-white dark:bg-black border-ctx-gray dark:border-charcoal [&>*]:set-bg-ctx-white [&>*]:set-border-ctx-gray dark:[&>*]:set-bg-ctx-gray-black dark:[&>*]:set-border-ctx-gray-dark text-black dark:text-white border -m-0.5px relative -mx-0.5 w-full-1 overflow-hidden rounded-0.5"><figcaption class="bg-putty dark:bg-charcoal border-ctx-gray dark:border-ctx-gray-dark [&>*]:set-bg-ctx-putty [&>*]:set-border-ctx-gray dark:[&>*]:set-bg-ctx-charcoal dark:[&>*]:set-border-ctx-gray-dark text-black dark:text-white border -mx-1px -mt-1px flex justify-between"><div class="font-body tracking-wide text-base leading-normal font-normal normal-case py-0.5 px-0.5">javascript</div><button class="relative group/button inline-block -m-1px font-mono text-sm leading-mono font-normal uppercase"><span class="min-h-2 items-center justify-center cursor-pointer px-1 py-0.5 text-center text-white bg-gray-dark border border-ctx-current user-select-none inline-grid"><span aria-hidden="true" class="pointer-events-none opacity-0 col-start-1 row-start-1 flex items-center justify-center">Copied</span><span class="pointer-events-auto opacity-100 col-start-1 row-start-1 flex items-center justify-center"><svg role="img" width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="mr-0.5"><title>Copy</title><rect x="3.5" y="3.5" width="12" height="14" class="stroke-current" vector-effect="non-scaling-stroke"></rect><path d="M3.5 14.5H0.5V0.5H12.5V3.5" class="stroke-current" vector-effect="non-scaling-stroke"></path></svg>Copy</span></span><span class="absolute inset-0 min-h-2 items-center justify-center cursor-pointer px-1 py-0.5 text-center bg-ctx border border-ctx-current group-hover/button:opacity-0 group-focus-visible/button:opacity-0 inline-grid" aria-hidden="true"><span aria-hidden="true" class="pointer-events-none opacity-0 col-start-1 row-start-1 flex items-center justify-center">Copied</span><span class="pointer-events-auto opacity-100 col-start-1 row-start-1 flex items-center justify-center"><svg role="img" width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="mr-0.5"><title>Copy</title><rect x="3.5" y="3.5" width="12" height="14" class="stroke-current" vector-effect="non-scaling-stroke"></rect><path d="M3.5 14.5H0.5V0.5H12.5V3.5" class="stroke-current" vector-effect="non-scaling-stroke"></path></svg>Copy</span></span></button></figcaption><pre class="overflow-x-scroll px-0.5 max-h-24 overflow-y-scroll py-0"><div class="sticky top-0 z-10 mb-0.5 h-0.5 bg-gradient-to-b from-black"></div><code class="font-mono leading-code normal-case max-w-full text-sm prism [font-variant-ligatures:none] javascript with-line-numbers"><span class="line-number"></span><span class="token keyword">import</span> <span class="token string">'package:flutter/material.dart'</span><span class="token punctuation">;</span> <span class="line-number"></span><span class="token keyword">import</span> <span class="token string">'package:video_player/video_player.dart'</span><span class="token punctuation">;</span> <span class="line-number"></span> <span class="line-number"></span><span class="token keyword">class</span> <span class="token class-name">MuxVideoPlayer</span> <span class="token punctuation">{</span> <span class="line-number"></span> late VideoPlayerController _controller<span class="token punctuation">;</span> <span class="line-number"></span> <span class="line-number"></span> Future<span class="token operator"><</span><span class="token keyword">void</span><span class="token operator">></span> <span class="token function">initializePlayer</span><span class="token punctuation">(</span><span class="token punctuation">)</span> async <span class="token punctuation">{</span> <span class="line-number"></span> <span class="token keyword">const</span> String playbackId <span class="token operator">=</span> <span class="token string">'PLAYBACK_ID'</span><span class="token punctuation">;</span> <span class="line-number"></span> _controller <span class="token operator">=</span> VideoPlayerController<span class="token punctuation">.</span><span class="token function">networkUrl</span><span class="token punctuation">(</span> <span class="line-number"></span> Uri<span class="token punctuation">.</span><span class="token function">parse</span><span class="token punctuation">(</span><span class="token string">'https://stream.mux.com/$playbackId.m3u8'</span><span class="token punctuation">)</span><span class="token punctuation">,</span> <span class="line-number"></span> <span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="line-number"></span> <span class="line-number"></span> <span class="token keyword">try</span> <span class="token punctuation">{</span> <span class="line-number"></span> <span class="token keyword">await</span> _controller<span class="token punctuation">.</span><span class="token function">initialize</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="line-number"></span> <span class="token function">print</span><span class="token punctuation">(</span><span class="token string">'Video player initialized successfully'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="line-number"></span> <span class="token punctuation">}</span> <span class="token keyword">catch</span> <span class="token punctuation">(</span>error<span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="line-number"></span> <span class="token function">print</span><span class="token punctuation">(</span><span class="token string">'Error initializing video player: $error'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="line-number"></span> <span class="token punctuation">}</span> <span class="line-number"></span> <span class="token punctuation">}</span> <span class="line-number"></span> <span class="line-number"></span> <span class="token keyword">void</span> <span class="token function">play</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="line-number"></span> _controller<span class="token punctuation">.</span><span class="token function">play</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="line-number"></span> <span class="token punctuation">}</span> <span class="line-number"></span> <span class="line-number"></span> <span class="token keyword">void</span> <span class="token function">pause</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="line-number"></span> _controller<span class="token punctuation">.</span><span class="token function">pause</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="line-number"></span> <span class="token punctuation">}</span> <span class="line-number"></span> <span class="line-number"></span> <span class="token keyword">void</span> <span class="token function">dispose</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="line-number"></span> _controller<span class="token punctuation">.</span><span class="token function">dispose</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="line-number"></span> <span class="token punctuation">}</span> <span class="line-number"></span><span class="token punctuation">}</span></code><div class="sticky bottom-0 z-10 mt-0.5 h-0.5 bg-gradient-to-t from-black"></div></pre></figure></div><h3 id="create-an-asset-with-mux" class="font-body text-lg leading-heading font-bold normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26 mb-1 mt-2 first:mt-0 last:mb-0"><a href="#create-an-asset-with-mux" class="group relative"><span class="absolute block opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 -left-1 top-1/2 h-1 w-1 -translate-y-1/2 lg:-left-2.5 lg:h-1.5 lg:w-2.5"><span class="relative inline-block h-full rounded-4 p-0.125 lg:bg-putty-light"><svg role="img" xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="none" viewBox="0 0 42 42" class="h-full w-auto"><title>Link</title><path d="m18.172 15.343 3.535-3.535a5 5 0 0 1 7.071 0l1.414 1.414a5 5 0 0 1 0 7.07l-3.535 3.536M23.828 26.657l-3.535 3.535a5 5 0 0 1-7.071 0l-1.414-1.414a5 5 0 0 1 0-7.07l3.535-3.536" class="stroke-current" vector-effect="non-scaling-stroke"></path><path stroke-linecap="round" d="m25.243 16.757-8.486 8.486" class="stroke-current" vector-effect="non-scaling-stroke"></path></svg></span></span>Create an Asset with Mux</a></h3><p class="font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26">If your site has just a few videos, you might upload them to Mux directly through the dashboard. In the <a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="https://dashboard.mux.com/">Mux Dashboard</a>, on your video assets page, select "Create New Asset". On the next screen, you can upload a video directly to Mux.</p><figure class="mx-auto w-full max-w-26 mb-1 first:mt-0 last:mb-0 md:my-2"><div class="grid gap-1 md:grid-cols-2"><button type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-:R19j9uutjskq:" data-state="closed" class="group relative block text-left"><figure class="flex flex-col items-start gap-x-1 gap-y-0.5 mx-auto"><div class="relative w-full" style="aspect-ratio:1.1043219076005961;max-width:448px"><img alt="In the upper-right corner of the Mux Dashboard is a button labeled "Create New Asset"" loading="lazy" width="2964" height="2684" decoding="async" data-nimg="1" class="h-full w-full border object-contain object-left border-transparent" style="color:transparent" sizes="(max-width: 504px) 100vw, (max-width: 784px) 100vw, (max-width: 1176px) 100vw, (max-width: 1456px) 100vw, 1456px" srcSet="https://cdn.sanity.io/images/2ejqxsnu/production/fd2fcde0bc262aa2a9571a16d0fbbca0671ab945-2964x2684.png?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/fd2fcde0bc262aa2a9571a16d0fbbca0671ab945-2964x2684.png?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/fd2fcde0bc262aa2a9571a16d0fbbca0671ab945-2964x2684.png?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/fd2fcde0bc262aa2a9571a16d0fbbca0671ab945-2964x2684.png?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/fd2fcde0bc262aa2a9571a16d0fbbca0671ab945-2964x2684.png?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/fd2fcde0bc262aa2a9571a16d0fbbca0671ab945-2964x2684.png?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/fd2fcde0bc262aa2a9571a16d0fbbca0671ab945-2964x2684.png?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/fd2fcde0bc262aa2a9571a16d0fbbca0671ab945-2964x2684.png?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/fd2fcde0bc262aa2a9571a16d0fbbca0671ab945-2964x2684.png?w=3840&q=75&fit=clip&auto=format"/><span class="absolute bottom-0.5 right-0.5 md:bottom-1 md:right-1 rounded-4 border border-black bg-white h-1 w-1 md:h-2 md:w-2 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-medium ease-in-out-energetic"><svg role="img" xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="none" viewBox="0 0 42 42"><title>Fullscreen</title><path d="M18 12h-6v6M30 18v-6h-6M24 30h6v-6M12 24v6h6" class="stroke-current" vector-effect="non-scaling-stroke"></path></svg></span></div></figure></button><button type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-:R29j9uutjskq:" data-state="closed" class="group relative block text-left"><figure class="flex flex-col items-start gap-x-1 gap-y-0.5 mx-auto"><div class="relative w-full" style="aspect-ratio:1.1051062243756988;max-width:448px"><img alt="At the bottom of the new asset modal is a section allowing you to upload directly to Mux" loading="lazy" width="2965" height="2683" decoding="async" data-nimg="1" class="h-full w-full border object-contain object-left border-transparent" style="color:transparent" sizes="(max-width: 504px) 100vw, (max-width: 784px) 100vw, (max-width: 1176px) 100vw, (max-width: 1456px) 100vw, 1456px" srcSet="https://cdn.sanity.io/images/2ejqxsnu/production/6c2b23d16d3de3ab01f28f5407424b3a2147579e-2965x2683.png?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/6c2b23d16d3de3ab01f28f5407424b3a2147579e-2965x2683.png?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/6c2b23d16d3de3ab01f28f5407424b3a2147579e-2965x2683.png?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/6c2b23d16d3de3ab01f28f5407424b3a2147579e-2965x2683.png?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/6c2b23d16d3de3ab01f28f5407424b3a2147579e-2965x2683.png?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/6c2b23d16d3de3ab01f28f5407424b3a2147579e-2965x2683.png?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/6c2b23d16d3de3ab01f28f5407424b3a2147579e-2965x2683.png?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/6c2b23d16d3de3ab01f28f5407424b3a2147579e-2965x2683.png?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/6c2b23d16d3de3ab01f28f5407424b3a2147579e-2965x2683.png?w=3840&q=75&fit=clip&auto=format"/><span class="absolute bottom-0.5 right-0.5 md:bottom-1 md:right-1 rounded-4 border border-black bg-white h-1 w-1 md:h-2 md:w-2 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-medium ease-in-out-energetic"><svg role="img" xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="none" viewBox="0 0 42 42"><title>Fullscreen</title><path d="M18 12h-6v6M30 18v-6h-6M24 30h6v-6M12 24v6h6" class="stroke-current" vector-effect="non-scaling-stroke"></path></svg></span></div></figure></button></div></figure><p class="font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26">You'll then be able to see your new asset on your video assets page. When you click on the asset, you can find the asset's playback ID in the "Playback and Thumbnails" tab. This playback ID is what we will need for the video player.</p><button type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-:R239uutjskq:" data-state="closed" class="group relative block text-left mx-auto w-full max-w-26 mb-1 first:mt-0 last:mb-0 md:my-2"><figure class="flex flex-col items-start gap-x-1 gap-y-0.5 mx-auto lg:flex-row"><div class="relative w-full max-w-16" style="aspect-ratio:1.2019464720194648"><img alt="In the playback and thumbnails tab of an asset you can find the playback ID, as well as more information on how to play the video." loading="lazy" width="2964" height="2466" decoding="async" data-nimg="1" class="h-full w-full border object-contain object-left border-transparent" style="color:transparent" sizes="(max-width: 504px) 100vw, (max-width: 784px) 100vw, (max-width: 1176px) 100vw, (max-width: 1456px) 100vw, 1456px" srcSet="https://cdn.sanity.io/images/2ejqxsnu/production/3198966e912243a20d4738f4501cd7094e0e5808-2964x2466.png?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/3198966e912243a20d4738f4501cd7094e0e5808-2964x2466.png?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/3198966e912243a20d4738f4501cd7094e0e5808-2964x2466.png?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/3198966e912243a20d4738f4501cd7094e0e5808-2964x2466.png?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/3198966e912243a20d4738f4501cd7094e0e5808-2964x2466.png?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/3198966e912243a20d4738f4501cd7094e0e5808-2964x2466.png?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/3198966e912243a20d4738f4501cd7094e0e5808-2964x2466.png?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/3198966e912243a20d4738f4501cd7094e0e5808-2964x2466.png?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/3198966e912243a20d4738f4501cd7094e0e5808-2964x2466.png?w=3840&q=75&fit=clip&auto=format"/><span class="absolute bottom-0.5 right-0.5 md:bottom-1 md:right-1 rounded-4 border border-black bg-white h-1 w-1 md:h-2 md:w-2 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-medium ease-in-out-energetic"><svg role="img" xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="none" viewBox="0 0 42 42"><title>Fullscreen</title><path d="M18 12h-6v6M30 18v-6h-6M24 30h6v-6M12 24v6h6" class="stroke-current" vector-effect="non-scaling-stroke"></path></svg></span></div></figure></button><p class="font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26">If you're managing more videos, you might take a look at our <a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="https://docs.mux.com/integrations/cms">CMS integrations</a>.</p><p class="font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26">Or, if you need more control over your video workflow, read on.</p><h3 id="use-the-api-to-build-a-video-workflow" class="font-body text-lg leading-heading font-bold normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26 mb-1 mt-2 first:mt-0 last:mb-0"><a href="#use-the-api-to-build-a-video-workflow" class="group relative"><span class="absolute block opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 -left-1 top-1/2 h-1 w-1 -translate-y-1/2 lg:-left-2.5 lg:h-1.5 lg:w-2.5"><span class="relative inline-block h-full rounded-4 p-0.125 lg:bg-putty-light"><svg role="img" xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="none" viewBox="0 0 42 42" class="h-full w-auto"><title>Link</title><path d="m18.172 15.343 3.535-3.535a5 5 0 0 1 7.071 0l1.414 1.414a5 5 0 0 1 0 7.07l-3.535 3.536M23.828 26.657l-3.535 3.535a5 5 0 0 1-7.071 0l-1.414-1.414a5 5 0 0 1 0-7.07l3.535-3.536" class="stroke-current" vector-effect="non-scaling-stroke"></path><path stroke-linecap="round" d="m25.243 16.757-8.486 8.486" class="stroke-current" vector-effect="non-scaling-stroke"></path></svg></span></span>Use the API to build a video workflow</a></h3><p class="font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26">Want to build your own video workflow? Here's an example of what you can do with the Mux API.</p><p class="font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26">Let's start by creating an upload URL using the <a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="https://github.com/muxinc/mux-node-sdk">Mux Node SDK</a> and the <a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="https://docs.mux.com/api-reference#video/operation/create-direct-upload">Direct Uploads API</a>.</p><p class="font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26">If you go this route, you will want to <a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="https://docs.mux.com/guides/listen-for-webhooks">listen for Mux webhooks</a>. When we receive the notification that the video is ready, we'll add it to our database.</p><p class="font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26">The specifics of handling webhooks will depend on your server-side language and framework.</p><h3 id="build-live-streaming-into-your-flutter-application" class="font-body text-lg leading-heading font-bold normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26 mb-1 mt-2 first:mt-0 last:mb-0"><a href="#build-live-streaming-into-your-flutter-application" class="group relative"><span class="absolute block opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 -left-1 top-1/2 h-1 w-1 -translate-y-1/2 lg:-left-2.5 lg:h-1.5 lg:w-2.5"><span class="relative inline-block h-full rounded-4 p-0.125 lg:bg-putty-light"><svg role="img" xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="none" viewBox="0 0 42 42" class="h-full w-auto"><title>Link</title><path d="m18.172 15.343 3.535-3.535a5 5 0 0 1 7.071 0l1.414 1.414a5 5 0 0 1 0 7.07l-3.535 3.536M23.828 26.657l-3.535 3.535a5 5 0 0 1-7.071 0l-1.414-1.414a5 5 0 0 1 0-7.07l3.535-3.536" class="stroke-current" vector-effect="non-scaling-stroke"></path><path stroke-linecap="round" d="m25.243 16.757-8.486 8.486" class="stroke-current" vector-effect="non-scaling-stroke"></path></svg></span></span>Build live streaming into your Flutter application</a></h3><p class="font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26">Mux APIs support broadcasting and playback for live streams with Flutter applications.</p><p class="font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26">Broadcast Mux live streams with <a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="https://pub.dev/packages/rtmp_broadcaster">Flutter's rtmp_broadcaster package</a>.</p><p class="font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26">Playback live streams the same way you would playback an on-demand video over HLS with <a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="https://pub.dev/packages/video_player">Flutter's video_player package</a>.</p><p class="font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26">Learn more in the <a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="https://docs.mux.com/guides/start-live-streaming">Start live streaming guide</a>.</p><h3 id="bridge-muxs-native-ios-and-android-sdks-optional" class="font-body text-lg leading-heading font-bold normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26 mb-1 mt-2 first:mt-0 last:mb-0"><a href="#bridge-muxs-native-ios-and-android-sdks-optional" class="group relative"><span class="absolute block opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 -left-1 top-1/2 h-1 w-1 -translate-y-1/2 lg:-left-2.5 lg:h-1.5 lg:w-2.5"><span class="relative inline-block h-full rounded-4 p-0.125 lg:bg-putty-light"><svg role="img" xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="none" viewBox="0 0 42 42" class="h-full w-auto"><title>Link</title><path d="m18.172 15.343 3.535-3.535a5 5 0 0 1 7.071 0l1.414 1.414a5 5 0 0 1 0 7.07l-3.535 3.536M23.828 26.657l-3.535 3.535a5 5 0 0 1-7.071 0l-1.414-1.414a5 5 0 0 1 0-7.07l3.535-3.536" class="stroke-current" vector-effect="non-scaling-stroke"></path><path stroke-linecap="round" d="m25.243 16.757-8.486 8.486" class="stroke-current" vector-effect="non-scaling-stroke"></path></svg></span></span>Bridge Mux's native iOS and Android SDKs (optional)</a></h3><p class="font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26">For a more advanced client-side integration you have the option to bridge Mux's native mobile SDKs</p><ul class="font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case list-disc pl-1 mx-auto w-full max-w-26 break-words [text-wrap:pretty] [&_li:not(:last-child)>p]:mb-1"><li><a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="https://docs.mux.com/guides/mux-player-ios">Mux Player for iOS</a> and <a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="https://docs.mux.com/guides/mux-player-android">Mux Player for Android</a> integrate Mux Data for playback <a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="/data">performance & engagement metrics</a>.</li><li><a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="https://docs.mux.com/guides/upload-video-directly-from-ios-or-ipados">Mux Uploader for iOS</a> and <a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="https://docs.mux.com/guides/upload-video-directly-from-android">Mux Uploader for Android</a> have advanced functionality like client-side transcoding and max-resolution settings to speed up processing.</li></ul><p class="font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26">Bridging Mux's native SDKs is not required, but you can go down this route by following <a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="https://docs.flutter.dev/platform-integration/platform-channels">Flutter's guide for writing custom platform-specific code</a>.</p></div></div></div><div class="relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-putty border-ctx-gray text-black set-bg-ctx-putty set-border-ctx-gray"><div class="col-start-2 col-end-3 border-x border-ctx-gray"><div class="-m-0.5px grid grid-cols-1"><div class="grid lg:gap-x-3 -mx-0.5px [grid-template-areas:"quote_quote"_"left_right"] lg:[grid-template-areas:"left_quote_right"] px-1 py-2 md:p-2 lg:py-3 xl:px-3 gap-y-2 lg:pb-3"><div class="overflow-hidden rounded-1 border-ctx-gray bg-white [&>*]:set-border-ctx-gray [&>*]:set-bg-ctx-white text-black border -m-0.5px mx-auto w-full max-w-32 flex flex-col [grid-area:quote] transform-gpu transition duration-long ease-in-out-energetic motion-reduce:transition-none z-30 translate-x-1 translate-y-0" aria-hidden="false"><div class="border-ctx-yellow-dark bg-yellow [&>*]:set-border-ctx-yellow-dark [&>*]:set-bg-ctx-yellow text-black border -m-0.5px -mx-1px -mt-1px min-h-1 font-mono text-sm leading-mono font-normal uppercase flex h-2 items-center justify-center px-1 py-0.5 text-center [text-wrap:balance]">They said it best</div><div class="flex-1 px-1 py-2 md:p-2 xl:px-4 relative font-bold tracking-wide text-center text-md leading-heading-2 md:text-left md:text-lg md:leading-heading md:tracking-normal flex flex-col justify-center"><div class=""><blockquote class="relative mb-1 max-w-20 [text-wrap:pretty]"><p class="mb-1 first:-indent-[0.25em] first:before:inline-block first:before:w-[0.25em] first:before:content-['“'] last:mb-0 last:after:content-['”']">Noteworthy: <a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="https://twitter.com/MuxHQ">@muxhq</a> is SO good! Amazing how fast that upload went…</p></blockquote><figcaption><a href="https://twitter.com/rauchg/status/1265782167121956864" class="font-body tracking-wide text-base leading-normal font-normal normal-case relative flex flex-col justify-between text-center md:flex-row md:items-center md:text-left"><cite class="text-gray-dark mx-auto mb-1 flex items-center not-italic md:mx-0 md:mb-0"><svg role="img" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="mr-0.5 h-1 w-1"><title>Twitter, or I guess it's called X now</title><path d="M11.64 8.464L18.923 0h-1.725l-6.323 7.35L5.824 0H0l7.636 11.114L0 19.99h1.726l6.676-7.761 5.334 7.76h5.824L11.64 8.465zm-2.363 2.747l-.773-1.106-6.157-8.806h2.65l4.969 7.107.774 1.106 6.458 9.238h-2.65l-5.27-7.538z" vector-effect="non-scaling-stroke" class="fill-current"></path></svg><div class="[text-wrap:pretty]">Guillermo Rauch (@rauchg)<br/>CEO at Vercel</div></cite></a></figcaption></div></div></div><div class="overflow-hidden rounded-1 border-ctx-gray [&>*]:set-border-ctx-gray [&>*]:set-bg-ctx-white text-black border -m-0.5px mx-auto w-full max-w-32 flex flex-col [grid-area:quote] transform-gpu transition duration-long ease-in-out-energetic motion-reduce:transition-none bg-putty-light z-20 -translate-x-1 translate-y-1" aria-hidden="false"><div class="border-ctx-orange-dark bg-orange [&>*]:set-border-ctx-orange-dark [&>*]:set-bg-ctx-orange text-black border -m-0.5px -mx-1px -mt-1px min-h-1 font-mono text-sm leading-mono font-normal uppercase flex h-2 items-center justify-center px-1 py-0.5 text-center [text-wrap:balance]">They said it best</div><div class="flex-1 px-1 py-2 md:p-2 xl:px-4 relative font-bold tracking-wide text-center text-md leading-heading-2 md:text-left md:text-lg md:leading-heading md:tracking-normal flex flex-col justify-center"><div class=""><blockquote class="relative mb-1 max-w-20 [text-wrap:pretty]"><p class="mb-1 first:-indent-[0.25em] first:before:inline-block first:before:w-[0.25em] first:before:content-['“'] last:mb-0 last:after:content-['”']"><a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="https://twitter.com/MuxHQ">@MuxHQ</a> was an absolute lifesaver for videos on a previous project. Thumbnails, truly instant play via livestreaming, resizing, whole bit. I’m often skeptical of third-party services but I never could’ve competed with the UX they let me deliver</p></blockquote><figcaption><a href="https://twitter.com/lachlanjc/status/1548004537490845697" class="font-body tracking-wide text-base leading-normal font-normal normal-case relative flex flex-col justify-between text-center md:flex-row md:items-center md:text-left"><cite class="text-gray-dark mx-auto mb-1 flex items-center not-italic md:mx-0 md:mb-0"><svg role="img" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="mr-0.5 h-1 w-1"><title>Twitter, or I guess it's called X now</title><path d="M11.64 8.464L18.923 0h-1.725l-6.323 7.35L5.824 0H0l7.636 11.114L0 19.99h1.726l6.676-7.761 5.334 7.76h5.824L11.64 8.465zm-2.363 2.747l-.773-1.106-6.157-8.806h2.65l4.969 7.107.774 1.106 6.458 9.238h-2.65l-5.27-7.538z" vector-effect="non-scaling-stroke" class="fill-current"></path></svg><div class="[text-wrap:pretty]">Lachlan Campbell (@lachlanjc)<br/>WWW designer-developer for climate @watershed</div></cite></a></figcaption></div></div></div><div class="overflow-hidden rounded-1 border-ctx-gray bg-white [&>*]:set-border-ctx-gray [&>*]:set-bg-ctx-white text-black border -m-0.5px mx-auto w-full max-w-32 flex flex-col [grid-area:quote] transform-gpu transition duration-long ease-in-out-energetic motion-reduce:transition-none pointer-events-none opacity-0" aria-hidden="true"><div class="border-ctx-yellow-dark bg-yellow [&>*]:set-border-ctx-yellow-dark [&>*]:set-bg-ctx-yellow text-black border -m-0.5px -mx-1px -mt-1px min-h-1 font-mono text-sm leading-mono font-normal uppercase flex h-2 items-center justify-center px-1 py-0.5 text-center [text-wrap:balance]">They said it best</div><div class="flex-1 px-1 py-2 md:p-2 xl:px-4 relative font-bold tracking-wide text-center text-md leading-heading-2 md:text-left md:text-lg md:leading-heading md:tracking-normal flex flex-col justify-center"><div class=""><blockquote class="relative mb-1 max-w-20 [text-wrap:pretty]"><p class="mb-1 first:-indent-[0.25em] first:before:inline-block first:before:w-[0.25em] first:before:content-['“'] last:mb-0 last:after:content-['”']">Noteworthy: <a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="https://twitter.com/MuxHQ">@muxhq</a> is SO good! Amazing how fast that upload went…</p></blockquote><figcaption><a href="https://twitter.com/rauchg/status/1265782167121956864" class="font-body tracking-wide text-base leading-normal font-normal normal-case relative flex flex-col justify-between text-center md:flex-row md:items-center md:text-left"><cite class="text-gray-dark mx-auto mb-1 flex items-center not-italic md:mx-0 md:mb-0"><svg role="img" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="mr-0.5 h-1 w-1"><title>Twitter, or I guess it's called X now</title><path d="M11.64 8.464L18.923 0h-1.725l-6.323 7.35L5.824 0H0l7.636 11.114L0 19.99h1.726l6.676-7.761 5.334 7.76h5.824L11.64 8.465zm-2.363 2.747l-.773-1.106-6.157-8.806h2.65l4.969 7.107.774 1.106 6.458 9.238h-2.65l-5.27-7.538z" vector-effect="non-scaling-stroke" class="fill-current"></path></svg><div class="[text-wrap:pretty]">Guillermo Rauch (@rauchg)<br/>CEO at Vercel</div></cite></a></figcaption></div></div></div><div class="overflow-hidden rounded-1 border-ctx-gray bg-white [&>*]:set-border-ctx-gray [&>*]:set-bg-ctx-white text-black border -m-0.5px mx-auto w-full max-w-32 flex flex-col [grid-area:quote] transform-gpu transition duration-long ease-in-out-energetic motion-reduce:transition-none z-40 translate-x-0 translate-y-1 pointer-events-none opacity-0" aria-hidden="true"><div class="border-ctx-orange-dark bg-orange [&>*]:set-border-ctx-orange-dark [&>*]:set-bg-ctx-orange text-black border -m-0.5px -mx-1px -mt-1px min-h-1 font-mono text-sm leading-mono font-normal uppercase flex h-2 items-center justify-center px-1 py-0.5 text-center [text-wrap:balance]">They said it best</div><div class="flex-1 px-1 py-2 md:p-2 xl:px-4 relative font-bold tracking-wide text-center text-md leading-heading-2 md:text-left md:text-lg md:leading-heading md:tracking-normal flex flex-col justify-center"><div class=""><blockquote class="relative mb-1 max-w-20 [text-wrap:pretty]"><p class="mb-1 first:-indent-[0.25em] first:before:inline-block first:before:w-[0.25em] first:before:content-['“'] last:mb-0 last:after:content-['”']"><a class="normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline" href="https://twitter.com/MuxHQ">@MuxHQ</a> was an absolute lifesaver for videos on a previous project. Thumbnails, truly instant play via livestreaming, resizing, whole bit. I’m often skeptical of third-party services but I never could’ve competed with the UX they let me deliver</p></blockquote><figcaption><a href="https://twitter.com/lachlanjc/status/1548004537490845697" class="font-body tracking-wide text-base leading-normal font-normal normal-case relative flex flex-col justify-between text-center md:flex-row md:items-center md:text-left"><cite class="text-gray-dark mx-auto mb-1 flex items-center not-italic md:mx-0 md:mb-0"><svg role="img" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="mr-0.5 h-1 w-1"><title>Twitter, or I guess it's called X now</title><path d="M11.64 8.464L18.923 0h-1.725l-6.323 7.35L5.824 0H0l7.636 11.114L0 19.99h1.726l6.676-7.761 5.334 7.76h5.824L11.64 8.465zm-2.363 2.747l-.773-1.106-6.157-8.806h2.65l4.969 7.107.774 1.106 6.458 9.238h-2.65l-5.27-7.538z" vector-effect="non-scaling-stroke" class="fill-current"></path></svg><div class="[text-wrap:pretty]">Lachlan Campbell (@lachlanjc)<br/>WWW designer-developer for climate @watershed</div></cite></a></figcaption></div></div></div><button class="ml-auto flex items-center justify-center self-center rounded-4 [grid-area:left] h-3 w-3 min-w-0 lg:h-4 lg:w-4 bg-putty-deep hover:bg-white focus-visible:bg-white lg:bg-putty border border-gray-dark lg:border-0"><span class="sr-only">Previous</span><svg role="img" xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" viewBox="0 0 28 28" class="rotate-180 lg:h-2 lg:w-2"><title>Arrow Right</title><path stroke-miterlimit="10" d="m14.5 26 12-12-12-12M26 14H1" class="stroke-current" vector-effect="non-scaling-stroke"></path></svg></button><button class="mr-auto flex items-center justify-center self-center rounded-4 [grid-area:right] h-3 w-3 min-w-0 lg:h-4 lg:w-4 bg-putty-deep hover:bg-white focus-visible:bg-white lg:bg-putty border border-gray-dark lg:border-0"><span class="sr-only">Next</span><svg role="img" xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" viewBox="0 0 28 28" class="lg:h-2 lg:w-2"><title>Arrow Right</title><path stroke-miterlimit="10" d="m14.5 26 12-12-12-12M26 14H1" class="stroke-current" vector-effect="non-scaling-stroke"></path></svg></button></div></div></div></div><div class="relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-putty border-ctx-gray text-black set-bg-ctx-putty set-border-ctx-gray border-t-0"><div class="col-start-2 col-end-3 border-x border-ctx-gray"><div class="-m-0.5px grid-cols-1 flex min-h-3 items-center justify-center p-1 text-center"><h2 class="font-mono text-sm leading-mono font-normal uppercase">Mux is trusted by</h2></div></div></div><div class="relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-putty border-ctx-gray text-black set-bg-ctx-putty set-border-ctx-gray"><div class="col-start-2 col-end-3 border-x border-ctx-gray"><div class="-m-0.5px grid grid-cols-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6 auto-rows-fr"><div class="border-ctx border -m-0.5px flex items-center justify-center p-1 md:py-2 lg:aspect-square"><div class="relative bg-ctx" style="height:28px;width:140px"><img alt="Vooks" _type="sanity" fetchPriority="high" decoding="async" data-nimg="fill" class="object-contain" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 504px) 100vw, (max-width: 784px) 100vw, (max-width: 1176px) 100vw, (max-width: 1456px) 100vw, 1456px" srcSet="https://cdn.sanity.io/images/2ejqxsnu/production/2c82a7fb0ffd948f2e45eb352acd6d940eb79d3e-92x29.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/2c82a7fb0ffd948f2e45eb352acd6d940eb79d3e-92x29.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/2c82a7fb0ffd948f2e45eb352acd6d940eb79d3e-92x29.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/2c82a7fb0ffd948f2e45eb352acd6d940eb79d3e-92x29.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/2c82a7fb0ffd948f2e45eb352acd6d940eb79d3e-92x29.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/2c82a7fb0ffd948f2e45eb352acd6d940eb79d3e-92x29.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/2c82a7fb0ffd948f2e45eb352acd6d940eb79d3e-92x29.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/2c82a7fb0ffd948f2e45eb352acd6d940eb79d3e-92x29.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/2c82a7fb0ffd948f2e45eb352acd6d940eb79d3e-92x29.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="border-ctx border -m-0.5px flex items-center justify-center p-1 md:py-2 lg:aspect-square"><div class="relative bg-ctx" style="height:28px;width:140px"><img alt="Typeform" _type="sanity" fetchPriority="high" decoding="async" data-nimg="fill" class="object-contain" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 504px) 100vw, (max-width: 784px) 100vw, (max-width: 1176px) 100vw, (max-width: 1456px) 100vw, 1456px" srcSet="https://cdn.sanity.io/images/2ejqxsnu/production/213b9afd9ff6b4ab4ffdcac32370e9e79d48008e-164x42.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/213b9afd9ff6b4ab4ffdcac32370e9e79d48008e-164x42.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/213b9afd9ff6b4ab4ffdcac32370e9e79d48008e-164x42.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/213b9afd9ff6b4ab4ffdcac32370e9e79d48008e-164x42.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/213b9afd9ff6b4ab4ffdcac32370e9e79d48008e-164x42.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/213b9afd9ff6b4ab4ffdcac32370e9e79d48008e-164x42.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/213b9afd9ff6b4ab4ffdcac32370e9e79d48008e-164x42.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/213b9afd9ff6b4ab4ffdcac32370e9e79d48008e-164x42.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/213b9afd9ff6b4ab4ffdcac32370e9e79d48008e-164x42.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="border-ctx border -m-0.5px flex items-center justify-center p-1 md:py-2 lg:aspect-square"><div class="relative bg-ctx" style="height:28px;width:140px"><img alt="Fourth wall" _type="sanity" fetchPriority="high" decoding="async" data-nimg="fill" class="object-contain" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 504px) 100vw, (max-width: 784px) 100vw, (max-width: 1176px) 100vw, (max-width: 1456px) 100vw, 1456px" srcSet="https://cdn.sanity.io/images/2ejqxsnu/production/bf62f72631adb8f856420524e11525d4a0cd4989-149x32.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/bf62f72631adb8f856420524e11525d4a0cd4989-149x32.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/bf62f72631adb8f856420524e11525d4a0cd4989-149x32.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/bf62f72631adb8f856420524e11525d4a0cd4989-149x32.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/bf62f72631adb8f856420524e11525d4a0cd4989-149x32.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/bf62f72631adb8f856420524e11525d4a0cd4989-149x32.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/bf62f72631adb8f856420524e11525d4a0cd4989-149x32.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/bf62f72631adb8f856420524e11525d4a0cd4989-149x32.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/bf62f72631adb8f856420524e11525d4a0cd4989-149x32.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="border-ctx border -m-0.5px flex items-center justify-center p-1 md:py-2 lg:aspect-square"><div class="relative bg-ctx" style="height:28px;width:140px"><img alt="Patreon" _type="sanity" fetchPriority="high" decoding="async" data-nimg="fill" class="object-contain" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 504px) 100vw, (max-width: 784px) 100vw, (max-width: 1176px) 100vw, (max-width: 1456px) 100vw, 1456px" srcSet="https://cdn.sanity.io/images/2ejqxsnu/production/1fcf042bb57e66da12c01fc81365bf7c25b7942a-164x42.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/1fcf042bb57e66da12c01fc81365bf7c25b7942a-164x42.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/1fcf042bb57e66da12c01fc81365bf7c25b7942a-164x42.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/1fcf042bb57e66da12c01fc81365bf7c25b7942a-164x42.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/1fcf042bb57e66da12c01fc81365bf7c25b7942a-164x42.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/1fcf042bb57e66da12c01fc81365bf7c25b7942a-164x42.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/1fcf042bb57e66da12c01fc81365bf7c25b7942a-164x42.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/1fcf042bb57e66da12c01fc81365bf7c25b7942a-164x42.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/1fcf042bb57e66da12c01fc81365bf7c25b7942a-164x42.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="border-ctx border -m-0.5px flex items-center justify-center p-1 md:py-2 lg:aspect-square"><div class="relative bg-ctx" style="height:28px;width:140px"><img alt="Hubspot" _type="sanity" fetchPriority="high" decoding="async" data-nimg="fill" class="object-contain" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 504px) 100vw, (max-width: 784px) 100vw, (max-width: 1176px) 100vw, (max-width: 1456px) 100vw, 1456px" srcSet="https://cdn.sanity.io/images/2ejqxsnu/production/5f116b697d372e8f90ec98cb0de30ed98028e03a-164x42.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/5f116b697d372e8f90ec98cb0de30ed98028e03a-164x42.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/5f116b697d372e8f90ec98cb0de30ed98028e03a-164x42.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/5f116b697d372e8f90ec98cb0de30ed98028e03a-164x42.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/5f116b697d372e8f90ec98cb0de30ed98028e03a-164x42.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/5f116b697d372e8f90ec98cb0de30ed98028e03a-164x42.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/5f116b697d372e8f90ec98cb0de30ed98028e03a-164x42.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/5f116b697d372e8f90ec98cb0de30ed98028e03a-164x42.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/5f116b697d372e8f90ec98cb0de30ed98028e03a-164x42.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="border-ctx border -m-0.5px flex items-center justify-center p-1 md:py-2 lg:aspect-square"><div class="relative bg-ctx" style="height:28px;width:140px"><img alt="Strava" _type="sanity" fetchPriority="high" decoding="async" data-nimg="fill" class="object-contain" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 504px) 100vw, (max-width: 784px) 100vw, (max-width: 1176px) 100vw, (max-width: 1456px) 100vw, 1456px" srcSet="https://cdn.sanity.io/images/2ejqxsnu/production/b809f759a971f1b09b84b4cec69ac9bacd59a076-431x90.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/b809f759a971f1b09b84b4cec69ac9bacd59a076-431x90.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/b809f759a971f1b09b84b4cec69ac9bacd59a076-431x90.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/b809f759a971f1b09b84b4cec69ac9bacd59a076-431x90.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/b809f759a971f1b09b84b4cec69ac9bacd59a076-431x90.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/b809f759a971f1b09b84b4cec69ac9bacd59a076-431x90.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/b809f759a971f1b09b84b4cec69ac9bacd59a076-431x90.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/b809f759a971f1b09b84b4cec69ac9bacd59a076-431x90.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/b809f759a971f1b09b84b4cec69ac9bacd59a076-431x90.svg?w=3840&q=75&fit=clip&auto=format"/></div></div></div></div></div><div class="relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-putty border-ctx-gray text-black set-bg-ctx-putty set-border-ctx-gray"><div class="col-start-2 col-end-3 border-x border-ctx-gray"><div class="-m-0.5px grid grid-cols-1 h-2"></div></div></div><div class="relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-yellow border-ctx-yellow-dark text-black set-bg-ctx-yellow set-border-ctx-yellow-dark z-10"><div class="col-start-2 col-end-3 border-x border-ctx-yellow-dark"><div class="-m-0.5px grid grid-cols-1 p-1 text-center"><p class="font-body tracking-wide text-md leading-normal font-normal normal-case whitespace-pre-line">No credit card required to start using Mux.</p></div></div></div><div class="relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-yellow border-ctx-yellow-dark text-black set-bg-ctx-yellow set-border-ctx-yellow-dark z-10"><div class="col-start-2 col-end-3 border-x border-ctx-yellow-dark"><div class="-m-0.5px grid grid-cols-1 md:min-h-3"><div class="block border-ctx-yellow-dark bg-yellow [&>*]:set-border-ctx-yellow-dark [&>*]:set-bg-ctx-yellow text-black border -m-0.5px"><a data-analytics-selector="prefooter-signup" class="relative group/button block -m-1px w-full-2px h-full-2px" href="https://dashboard.mux.com/signup"><span class="w-full h-full min-h-2 flex items-center justify-center cursor-pointer px-2 bg-ctx border border-ctx-black user-select-none text-center py-2"><span class="font-display tracking-wide text-2xl md:text-5xl leading-heading-2 font-normal normal-case">Start building <span class="hidden md:inline">for free</span></span></span><span class="absolute inset-0 min-h-2 flex items-center justify-center cursor-pointer px-2 text-white bg-charcoal border border-ctx-black transition-[border-radius] duration-medium ease-in-out-energetic rounded-4 group-hover/button:rounded-none group-focus-visible/button:rounded-none text-center py-2" aria-hidden="true"><span class="font-display tracking-wide text-2xl md:text-5xl leading-heading-2 font-normal normal-case">Start building <span class="hidden md:inline">for free</span></span></span></a></div></div></div></div><div class="relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-yellow border-ctx-yellow-dark text-black set-bg-ctx-yellow set-border-ctx-yellow-dark z-10"><div class="col-start-2 col-end-3 border-x border-ctx-yellow-dark"><div class="-m-0.5px grid grid-cols-1 md:grid-cols-2"><div class="block border-ctx-yellow-dark bg-yellow [&>*]:set-border-ctx-yellow-dark [&>*]:set-bg-ctx-yellow text-black border -m-0.5px"><a data-analytics-selector="prefooter-docs" class="relative group/button block -m-1px w-full-2px h-full-2px group" href="/docs"><span class="w-full h-full min-h-2 flex items-center justify-center cursor-pointer px-2 bg-ctx border border-ctx-yellow-dark user-select-none text-center md:text-left py-2"><div class="flex flex-col items-center justify-center md:flex-row"><div><svg role="img" width="56" height="56" fill="none" xmlns="http://www.w3.org/2000/svg" class="mb-0.5 md:mb-0 md:mr-1"><title>Docs</title><path d="M42.793.5L50.5 8.207V43.5h-33V.5h25.293z" class="stroke-current translate-x-[-12px] translate-y-[12px] fill-ctx-putty dark:fill-ctx-charcoal transition-transform duration-medium ease-in-out-energetic group-hover:translate-x-[-6px] group-focus-visible:translate-x-[-6px] group-hover:translate-y-[6px] group-focus-visible:translate-y-[6px]" stroke-miterlimit="10"></path><path d="M42.793.5L50.5 8.207V43.5h-33V.5h25.293z" class="stroke-current fill-ctx-putty dark:fill-ctx-charcoal translate-x-[-6px] translate-y-[6px]" stroke-miterlimit="10"></path><path d="M42.793.5L50.5 8.207V43.5h-33V.5h25.293z" class="stroke-current fill-ctx-putty dark:fill-ctx-charcoal transition-transform duration-medium ease-in-out-energetic group-hover:translate-x-[-6px] group-focus-visible:translate-x-[-6px] group-hover:translate-y-[6px] group-focus-visible:translate-y-[6px]" stroke-miterlimit="10"></path><path d="M42.5.5v8h8M32 20l-4 4 4 4m4 0l4-4-4-4" class="stroke-current transition-transform duration-medium ease-in-out-energetic group-hover:translate-x-[-6px] group-hover:translate-y-[6px] group-focus-visible:translate-x-[-6px] group-focus-visible:translate-y-[6px]"></path></svg></div><div class="inline-block"><div class="font-body text-xl leading-heading last:mb-0 mb-0.25 font-bold normal-case">Explore our APIs</div><div class="font-mono text-sm leading-mono font-normal uppercase underline underline-offset-mono">Read the docs</div></div></div></span><span class="absolute inset-0 min-h-2 flex items-center justify-center cursor-pointer px-2 bg-ctx border border-ctx-yellow-dark transition-[border-radius] duration-medium ease-in-out-energetic group-hover/button:rounded-4 group-focus-visible/button:rounded-4 text-center md:text-left py-2" aria-hidden="true"><div class="flex flex-col items-center justify-center md:flex-row"><div><svg role="img" width="56" height="56" fill="none" xmlns="http://www.w3.org/2000/svg" class="mb-0.5 md:mb-0 md:mr-1"><title>Docs</title><path d="M42.793.5L50.5 8.207V43.5h-33V.5h25.293z" class="stroke-current translate-x-[-12px] translate-y-[12px] fill-ctx-putty dark:fill-ctx-charcoal transition-transform duration-medium ease-in-out-energetic group-hover:translate-x-[-6px] group-focus-visible:translate-x-[-6px] group-hover:translate-y-[6px] group-focus-visible:translate-y-[6px]" stroke-miterlimit="10"></path><path d="M42.793.5L50.5 8.207V43.5h-33V.5h25.293z" class="stroke-current fill-ctx-putty dark:fill-ctx-charcoal translate-x-[-6px] translate-y-[6px]" stroke-miterlimit="10"></path><path d="M42.793.5L50.5 8.207V43.5h-33V.5h25.293z" class="stroke-current fill-ctx-putty dark:fill-ctx-charcoal transition-transform duration-medium ease-in-out-energetic group-hover:translate-x-[-6px] group-focus-visible:translate-x-[-6px] group-hover:translate-y-[6px] group-focus-visible:translate-y-[6px]" stroke-miterlimit="10"></path><path d="M42.5.5v8h8M32 20l-4 4 4 4m4 0l4-4-4-4" class="stroke-current transition-transform duration-medium ease-in-out-energetic group-hover:translate-x-[-6px] group-hover:translate-y-[6px] group-focus-visible:translate-x-[-6px] group-focus-visible:translate-y-[6px]"></path></svg></div><div class="inline-block"><div class="font-body text-xl leading-heading last:mb-0 mb-0.25 font-bold normal-case">Explore our APIs</div><div class="font-mono text-sm leading-mono font-normal uppercase underline underline-offset-mono">Read the docs</div></div></div></span></a></div><div class="block border-ctx-yellow-dark bg-yellow [&>*]:set-border-ctx-yellow-dark [&>*]:set-bg-ctx-yellow text-black border -m-0.5px"><a data-analytics-selector="prefooter-sales-contact" class="relative group/button block -m-1px w-full-2px h-full-2px group" href="/sales-contact"><span class="w-full h-full min-h-2 flex items-center justify-center cursor-pointer px-2 bg-ctx border border-ctx-yellow-dark user-select-none text-center md:text-left py-2"><div class="flex flex-col items-center justify-center md:flex-row"><div><svg role="img" width="56" height="56" viewBox="0 0 56 56" fill="none" class="mb-0.5 md:mb-0 md:mr-1"><title>Demo</title><path d="M55.5 6H0.5V46H55.5V6Z" class="stroke-current" stroke-miterlimit="10"></path><path d="M1 10H55" class="stroke-current"></path><path d="M9 15L6 18L9 21" class="stroke-current"></path><path d="M12 21L15 18L12 15" class="stroke-current"></path><path d="M29.9706 32.9706L35.2739 49.5876L39.163 45.6985L46.5876 53.1231L50.1231 49.5876L42.6985 42.163L46.5876 38.2739L29.9706 32.9706Z" class="stroke-current transition-transform duration-medium ease-in-out-energetic group-hover:[transform:rotate3d(1,-1,0,20deg)] fill-ctx-putty dark:fill-ctx-charcoal"></path><g class="stroke-current transition-opacity duration-medium ease-in-out-energetic group-hover:opacity-0"><path d="M25.728 28.7279L21.4854 24.4853"></path><path d="M34.9202 29.435L39.1628 25.1924"></path><path d="M22.1924 42.163L26.4351 37.9203"></path><path d="M30.6777 26.3639V20.7071"></path><path d="M17.7072 33.6777H23.364"></path></g></svg></div><div class="inline-block"><div class="font-body text-xl leading-heading last:mb-0 mb-0.25 font-bold normal-case">Get a demo</div><div class="font-mono text-sm leading-mono font-normal uppercase underline underline-offset-mono">Let's chat</div></div></div></span><span class="absolute inset-0 min-h-2 flex items-center justify-center cursor-pointer px-2 bg-ctx border border-ctx-yellow-dark transition-[border-radius] duration-medium ease-in-out-energetic group-hover/button:rounded-4 group-focus-visible/button:rounded-4 text-center md:text-left py-2" aria-hidden="true"><div class="flex flex-col items-center justify-center md:flex-row"><div><svg role="img" width="56" height="56" viewBox="0 0 56 56" fill="none" class="mb-0.5 md:mb-0 md:mr-1"><title>Demo</title><path d="M55.5 6H0.5V46H55.5V6Z" class="stroke-current" stroke-miterlimit="10"></path><path d="M1 10H55" class="stroke-current"></path><path d="M9 15L6 18L9 21" class="stroke-current"></path><path d="M12 21L15 18L12 15" class="stroke-current"></path><path d="M29.9706 32.9706L35.2739 49.5876L39.163 45.6985L46.5876 53.1231L50.1231 49.5876L42.6985 42.163L46.5876 38.2739L29.9706 32.9706Z" class="stroke-current transition-transform duration-medium ease-in-out-energetic group-hover:[transform:rotate3d(1,-1,0,20deg)] fill-ctx-putty dark:fill-ctx-charcoal"></path><g class="stroke-current transition-opacity duration-medium ease-in-out-energetic group-hover:opacity-0"><path d="M25.728 28.7279L21.4854 24.4853"></path><path d="M34.9202 29.435L39.1628 25.1924"></path><path d="M22.1924 42.163L26.4351 37.9203"></path><path d="M30.6777 26.3639V20.7071"></path><path d="M17.7072 33.6777H23.364"></path></g></svg></div><div class="inline-block"><div class="font-body text-xl leading-heading last:mb-0 mb-0.25 font-bold normal-case">Get a demo</div><div class="font-mono text-sm leading-mono font-normal uppercase underline underline-offset-mono">Let's chat</div></div></div></span></a></div></div></div></div><footer class="relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-charcoal border-ctx-black text-white dark set-bg-ctx-charcoal set-border-ctx-black set-decoration-ctx-gray-underline z-10"><div class="col-start-2 col-end-3 border-x border-ctx-black"><div class="-m-0.5px grid-cols-1 block gap-1 px-1 md:columns-2 md:px-2 lg:columns-3 xl:columns-4" style="padding-bottom:6rem"><section class="relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]" style="--pt:4rem;--pt-first:4rem"><h3 style="line-height:2;--mb:2rem;--mb-md:2rem" class="font-body tracking-wide text-base leading-normal font-bold normal-case mb-[--mb] md:mb-[--mb-md]">Platform</h3><ul><section class="relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]" style="--pt:2rem;--pt-first:0"><h3 style="line-height:2.2857142857142856;--mb:0;--mb-md:0;position:relative;top:-0.0625rem" class="font-mono text-sm leading-mono font-normal uppercase text-yellow mb-[--mb] md:mb-[--mb-md]">Mux Video</h3><ul><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/video-api">Video API</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/features">Features</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/on-demand">On-Demand</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/live">Live</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/interactive-live-streaming">Interactive</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/encoding">Encoding</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/pricing/video">Pricing</a></li></ul></section><section class="relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]" style="--pt:2rem;--pt-first:0"><h3 style="line-height:2.2857142857142856;--mb:0;--mb-md:0;position:relative;top:-0.0625rem" class="font-mono text-sm leading-mono font-normal uppercase text-yellow mb-[--mb] md:mb-[--mb-md]">Mux Data</h3><ul><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/data">Overview</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/data/features">Features</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/data-operations">Monitoring</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/pricing/data">Pricing</a></li></ul></section><section class="relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]" style="--pt:2rem;--pt-first:0"><h3 style="line-height:2.2857142857142856;--mb:0;--mb-md:0;position:relative;top:-0.0625rem" class="font-mono text-sm leading-mono font-normal uppercase text-yellow mb-[--mb] md:mb-[--mb-md]">Mux Player</h3><ul><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/player">Overview</a></li></ul></section></ul></section><section class="relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]" style="--pt:4rem;--pt-first:4rem"><h3 style="line-height:2;--mb:0;--mb-md:2rem" class="font-body tracking-wide text-base leading-normal font-bold normal-case mb-[--mb] md:mb-[--mb-md]">Developers</h3><ul><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/docs">Documentation</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/docs/api-reference">API reference</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/docs/webhook-reference">Webhook reference</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/oss">Open source software</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/beta">Beta features</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/support">Contact support</a></li></ul></section><section class="relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]" style="--pt:4rem;--pt-first:4rem"><h3 style="line-height:2;--mb:0;--mb-md:2rem" class="font-body tracking-wide text-base leading-normal font-bold normal-case mb-[--mb] md:mb-[--mb-md]">Resources</h3><ul><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/video-glossary">Video glossary</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/articles">Learn about video</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="https://demuxed.com/">Demuxed<svg role="img" xmlns="http://www.w3.org/2000/svg" width="56" height="56" fill="none" viewBox="0 0 56 56" class="ml-0.25 inline-block h-0.5 w-0.5"><title>Arrow Up Right</title><g stroke-miterlimit="10" class="stroke-current"><path d="m46.031 44.41.001-33.94-33.942-.001M46.031 10.469 9.97 46.53" vector-effect="non-scaling-stroke"></path></g></svg></a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="https://howvideo.works/">HowVideo.Works<svg role="img" xmlns="http://www.w3.org/2000/svg" width="56" height="56" fill="none" viewBox="0 0 56 56" class="ml-0.25 inline-block h-0.5 w-0.5"><title>Arrow Up Right</title><g stroke-miterlimit="10" class="stroke-current"><path d="m46.031 44.41.001-33.94-33.942-.001M46.031 10.469 9.97 46.53" vector-effect="non-scaling-stroke"></path></g></svg></a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/compare/cloudflare-stream">Mux vs. Cloudflare Stream</a></li></ul></section><section class="relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]" style="--pt:4rem;--pt-first:4rem"><h3 style="line-height:2;--mb:0;--mb-md:2rem" class="font-body tracking-wide text-base leading-normal font-bold normal-case mb-[--mb] md:mb-[--mb-md]">Solutions</h3><ul><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/solutions/video-infra-for-your-video-platform">Video for your video platform</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/solutions/video-for-ugc">Video for UGC</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/solutions/video-for-fitness">Video for connected fitness</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/solutions/video-for-generative-ai">Video for AI</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/solutions/video-for-vercel">Video for Vercel users</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/solutions/data-for-broadcasters">Data for broadcasters</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/solutions/data-for-telco">Data for telco operators</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/solutions/data-for-sports">Data for sports</a></li></ul></section><section class="relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]" style="--pt:4rem;--pt-first:4rem"><h3 style="line-height:2;--mb:0;--mb-md:2rem" class="font-body tracking-wide text-base leading-normal font-bold normal-case mb-[--mb] md:mb-[--mb-md]">Integrations</h3><ul><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/video-for/node">Node</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/video-for/ruby">Ruby</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/video-for/php">PHP</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/video-for/python">Python</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/video-for/elixir">Elixir</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/video-for/go">Go</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/video-for/astro">Astro</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/video-for/sveltekit">SvelteKit</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/video-for/flutter">Flutter</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/video-for/next-js">Next.js</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/video-for/react-native">React Native</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/video-for/remix-js">Remix.js</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/video-for/laravel">Laravel</a></li></ul></section><section class="relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]" style="--pt:4rem;--pt-first:4rem"><h3 style="line-height:2;--mb:0;--mb-md:2rem" class="font-body tracking-wide text-base leading-normal font-bold normal-case mb-[--mb] md:mb-[--mb-md]">Company</h3><ul><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/blog">Blog</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/team">Team</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/customers">Customers</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/partners">Partners</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/jobs">Jobs</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/startups">Startup Program</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/powered-by-mux">Powered by Mux Program</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/newsletter/signup">Sign up for our newsletter</a></li><li><a style="line-height:2" class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/files/mux-press-kit.zip">Download Press Kit</a></li></ul><section class="flex gap-1" style="margin-top:calc(6rem - 1.75rem * 0.75)"><a class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline block" href="https://twitter.com/muxhq"><span class="sr-only">Mux on Twitter</span><svg role="img" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="h-0.75 w-0.75"><title>Twitter, or I guess it's called X now</title><path d="M11.64 8.464L18.923 0h-1.725l-6.323 7.35L5.824 0H0l7.636 11.114L0 19.99h1.726l6.676-7.761 5.334 7.76h5.824L11.64 8.465zm-2.363 2.747l-.773-1.106-6.157-8.806h2.65l4.969 7.107.774 1.106 6.458 9.238h-2.65l-5.27-7.538z" vector-effect="non-scaling-stroke" class="fill-current"></path></svg></a><a class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline block" href="https://www.linkedin.com/company/mux/"><span class="sr-only">Mux on LinkedIn</span><svg role="img" width="56" height="56" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="h-0.75 w-0.75"><title>LinkedIn</title><path fill-rule="evenodd" clip-rule="evenodd" d="M1.47631 0H18.5187C19.3337 0 20.0004 0.644996 20.0004 1.44082V18.559C20.0004 19.3557 19.3337 19.9999 18.5187 19.9999H1.47631C0.660484 19.9999 0.000488281 19.3557 0.000488281 18.559V1.44082C0.000488281 0.644996 0.660484 0 1.47631 0ZM2.729 4.47306C2.729 5.42222 3.49483 6.19388 4.44816 6.19388C5.39732 6.19388 6.16815 5.42222 6.16815 4.47306C6.16815 3.52473 5.39815 2.75391 4.44816 2.75391C3.49567 2.75391 2.729 3.52473 2.729 4.47306ZM14.0784 17.0429H17.0401H17.0409V11.8046C17.0409 9.23378 16.4859 7.25879 13.4851 7.25879C12.0409 7.25879 11.0743 8.05045 10.6768 8.80045H10.6384V7.49962H7.79346V17.0429H10.7551V12.3204C10.7551 11.0754 10.9909 9.87127 12.5351 9.87127C14.0559 9.87127 14.0784 11.2954 14.0784 12.4021V17.0429ZM5.93336 17.0433H2.96338V7.5H5.93336V17.0433Z" class="fill-current"></path></svg></a><a class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline block" href="https://www.github.com/muxinc/"><span class="sr-only">Mux on GitHub</span><svg role="img" width="56" height="56" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="h-0.75 w-0.75"><title>GitHub</title><path d="M15.999.395C7.164.395 0 7.558 0 16.396c0 7.068 4.584 13.066 10.942 15.182.801.146 1.092-.348 1.092-.771 0-.38-.014-1.386-.021-2.722-4.451.967-5.39-2.144-5.39-2.144-.728-1.849-1.777-2.341-1.777-2.341-1.452-.993.11-.972.11-.972 1.606.113 2.451 1.648 2.451 1.648 1.427 2.446 3.745 1.739 4.657 1.33.145-1.035.559-1.74 1.015-2.14-3.552-.403-7.288-1.776-7.288-7.907 0-1.747.624-3.175 1.647-4.294-.165-.404-.714-2.031.158-4.234 0 0 1.342-.43 4.399 1.64A15.352 15.352 0 0116 8.133c1.36.006 2.728.184 4.006.538 3.055-2.07 4.395-1.64 4.395-1.64.874 2.203.325 3.83.161 4.234 1.025 1.119 1.644 2.547 1.644 4.294 0 6.146-3.741 7.499-7.305 7.895.574.494 1.085 1.47 1.085 2.963 0 2.139-.019 3.865-.019 4.39 0 .427.288.925 1.1.769C27.42 29.456 32 23.463 32 16.396 32 7.558 24.836.395 15.999.395z" class="fill-current"></path></svg></a><a class="normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline block" href="https://www.youtube.com/channel/UCGaddSlVSK83POSytkL21rQ"><span class="sr-only">Mux on YouTube</span><svg role="img" width="56" height="56" viewBox="0 0 29 20" xmlns="http://www.w3.org/2000/svg" class="h-0.75 w-1"><title>YouTube</title><path fill-rule="evenodd" clip-rule="evenodd" d="M25.45.597a3.578 3.578 0 012.526 2.526c.594 2.228.597 6.877.597 6.877s0 4.65-.598 6.878a3.578 3.578 0 01-2.526 2.526C23.222 20 14.287 20 14.287 20s-8.935 0-11.162-.598a3.578 3.578 0 01-2.526-2.525C0 14.65 0 10 0 10s0-4.65.598-6.877A3.578 3.578 0 013.125.597C5.352 0 14.287 0 14.287 0s8.935 0 11.162.597zm-6.6 9.404l-7.422 4.285v-8.57L18.851 10z" class="fill-current"></path></svg></a></section></section></div></div></footer><div class="relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-charcoal border-ctx-black text-white dark set-bg-ctx-charcoal set-border-ctx-black set-decoration-ctx-gray-underline z-10" style="--pt:4rem;--pt-lg:2rem;--pb:max(env(safe-area-inset-bottom,0px), 4rem);--pb-lg:max(env(safe-area-inset-bottom,0px), 2rem)"><div class="col-start-2 col-end-3 border-x border-ctx-black"><div class="-m-0.5px grid-cols-1 block items-center px-1 pb-[--pb] pt-[--pt] md:px-2 lg:flex lg:pb-[--pb-lg] lg:pt-[--pt-lg]"><div class="flex flex-col lg:flex-row lg:items-center lg:gap-x-2"><span style="line-height:2" class="font-body tracking-wide text-base leading-normal font-normal normal-case">© Mux, Inc. 2025</span><a style="line-height:2" class="font-body tracking-wide text-base leading-normal font-normal normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/terms">Terms of service</a><a style="line-height:2" class="font-body tracking-wide text-base leading-normal font-normal normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/security">Security</a><a style="line-height:2" class="font-body tracking-wide text-base leading-normal font-normal normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/privacy">Privacy policy</a><a style="line-height:2" class="font-body tracking-wide text-base leading-normal font-normal normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline" href="/sitemap">Sitemap</a></div><a href="https://status.mux.com" style="--mt:2rem" class="font-mono text-sm leading-mono font-normal uppercase inline-flex items-center rounded-4 border px-1 py-0.25 border-ctx -ml-1 mt-[--mt] rounded-none bg-black md:rounded-4 md:bg-charcoal lg:ml-auto lg:mt-0"><span class="mr-0.25">Status:</span><span class="mr-0.25 inline-block h-0.25 w-0.25 rounded-4 bg-gray"></span><span class="text-gray"><span class="sr-only">Loading</span>....</span></a></div></div></div></div><script src="/_next/static/chunks/webpack-4f58d7481101c9af.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/media/1687abad89f0aa9e-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/media/4ae22e5b78ed6f68-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:HL[\"/_next/static/media/4d105382aeb52db5-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n4:HL[\"/_next/static/media/739d069dc0da2bbb-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n5:HL[\"/_next/static/media/7e2d114136bd1f12-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n6:HL[\"/_next/static/media/a4939aaca856e687-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n7:HL[\"/_next/static/css/8ffa3af61010574d.css\",\"style\"]\n8:HL[\"/_next/static/css/dc1aca7729b0ad50.css\",\"style\"]\n9:HL[\"/_next/static/css/a753751b250cd412.css\",\"style\"]\na:HL[\"/_next/static/css/18261e7379d2e9c2.css\",\"style\"]\nb:HL[\"/_next/static/css/43523de3f4abcaec.css\",\"style\"]\nc:HL[\"/_next/static/css/1195ccf348e52284.css\",\"style\"]\nd:HL[\"/_next/static/css/c1575e31eaa454a6.css\",\"style\"]\ne:HL[\"/_next/static/css/4a7ce759e5924d8e.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"f:I[11815,[],\"\"]\n12:I[55092,[],\"\"]\n14:I[82023,[],\"\"]\n18:I[91584,[],\"\"]\n13:[\"sdkOrFramework\",\"flutter\",\"d\"]\n19:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$Lf\",null,{\"buildId\":\"HPvekQOVLNVmp69rhLSru\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"video-for\",\"flutter\"],\"initialTree\":[\"\",{\"children\":[\"(marketing)\",{\"children\":[\"video-for\",{\"children\":[[\"sdkOrFramework\",\"flutter\",\"d\"],{\"children\":[\"__PAGE__\",{}]}]}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"(marketing)\",{\"children\":[\"video-for\",{\"children\":[[\"sdkOrFramework\",\"flutter\",\"d\"],{\"children\":[\"__PAGE__\",{},[[\"$L10\",\"$L11\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/a753751b250cd412.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/18261e7379d2e9c2.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/43523de3f4abcaec.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/1195ccf348e52284.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/c1575e31eaa454a6.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"5\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/4a7ce759e5924d8e.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]],null],null]},[null,[\"$\",\"$L12\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(marketing)\",\"children\",\"video-for\",\"children\",\"$13\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L14\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[null,[\"$\",\"$L12\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(marketing)\",\"children\",\"video-for\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L14\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[[null,\"$L15\"],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/8ffa3af61010574d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/dc1aca7729b0ad50.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L16\"],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L17\"],\"globalErrorComponent\":\"$18\",\"missingSlots\":\"$W19\"}]\n"])</script><script>self.__next_f.push([1,"1a:I[66853,[\"9755\",\"static/chunks/9755-d74f223fe972548e.js\",\"3041\",\"static/chunks/app/(marketing)/layout-f05130197f09051f.js\"],\"PromoBannerProvider\"]\n1c:\"$Sreact.fragment\"\n3b:I[18338,[\"2147\",\"static/chunks/2147-4ee70c9c14834873.js\",\"2195\",\"static/chunks/2195-a2ebbb2e0f6e639d.js\",\"3185\",\"static/chunks/app/layout-0012277ac7a4f5e2.js\"],\"default\"]\n3c:I[47207,[\"2147\",\"static/chunks/2147-4ee70c9c14834873.js\",\"2195\",\"static/chunks/2195-a2ebbb2e0f6e639d.js\",\"3185\",\"static/chunks/app/layout-0012277ac7a4f5e2.js\"],\"default\"]\n3d:I[55159,[\"2147\",\"static/chunks/2147-4ee70c9c14834873.js\",\"2195\",\"static/chunks/2195-a2ebbb2e0f6e639d.js\",\"3185\",\"static/chunks/app/layout-0012277ac7a4f5e2.js\"],\"default\"]\n1e:[\"$\",\"h5\",null,{\"className\":\"font-body leading-heading-4 font-normal normal-case underline-offset-heading-4 cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline group flex h-full items-center p-0.5 text-md md:text-md lg:px-1 lg:text-lg\",\"children\":[null,null,null,null,\"Go back Home\",[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"14\",\"height\":\"14\",\"fill\":\"none\",\"viewBox\":\"0 0 14 14\",\"className\":\"ml-0.5 inline-block transition-transform duration-medium ease-in-out-energetic focus-within:translate-x-0.25 hover:translate-x-0.25 group-focus-within:translate-x-0.25 group-hover:translate-x-0.25\",\"style\":{\"marginTop\":-2.5},\"children\":[[\"$\",\"title\",null,{\"children\":\"Arrow Right\"}],[\"$\",\"g\",null,{\"strokeMiterlimit\":\"10\",\"className\":\"stroke-current\",\"children\":[\"$\",\"path\",null,{\"d\":\"m7.25 13 6-6-6-6M13 7H0\",\"vectorEffect\":\"non-scaling-stroke\"}]}]]}]]}]\n21:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-full w-auto\",\"children\":[[\"$\",\"title\",null,{\"children\":\"UFO\"}],[[\"$\",\"path\",null,{\"d\":\"M21 7c-4.418 0-8 3.687-8 8.235.74.588 3.378 1.765 8 1.765s7.26-1.177 8-1.765C29 10.687 25.418 7 21 7Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"pat"])</script><script>self.__next_f.push([1,"h\",null,{\"d\":\"M29 14c6.199.87 11 2.656 11 4.718C40 21.635 32 24 21 24S2 21.635 2 18.718C2 16.656 6.801 14.87 13 14M10.5 23 7 33m14-9v12M31.5 23l4 10\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"circle\",null,{\"cx\":\"7.5\",\"cy\":\"18.5\",\"r\":\".5\",\"className\":\"fill-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"circle\",null,{\"cx\":\"34.5\",\"cy\":\"18.5\",\"r\":\".5\",\"className\":\"fill-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"circle\",null,{\"cx\":\"21\",\"cy\":\"21.5\",\"r\":\".5\",\"className\":\"fill-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}]\n20:{\"className\":\"relative aspect-square h-full justify-center border-l p-0.25 border-ctx lg:p-0.5\",\"children\":\"$21\"}\n1f:[\"$\",\"div\",null,\"$20\"]\n1d:[\"$1e\",\"$1f\"]\n23:[\"$\",\"h5\",null,{\"className\":\"font-body leading-heading-4 font-normal normal-case underline-offset-heading-4 cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline group flex h-full items-center p-0.5 text-md md:text-md lg:px-1 lg:text-lg\",\"children\":[null,null,null,null,\"Get in touch\",[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"14\",\"height\":\"14\",\"fill\":\"none\",\"viewBox\":\"0 0 14 14\",\"className\":\"ml-0.5 inline-block transition-transform duration-medium ease-in-out-energetic focus-within:translate-x-0.25 hover:translate-x-0.25 group-focus-within:translate-x-0.25 group-hover:translate-x-0.25\",\"style\":{\"marginTop\":-2.5},\"children\":[[\"$\",\"title\",null,{\"children\":\"Arrow Right\"}],[\"$\",\"g\",null,{\"strokeMiterlimit\":\"10\",\"className\":\"stroke-current\",\"children\":[\"$\",\"path\",null,{\"d\":\"m7.25 13 6-6-6-6M13 7H0\",\"vectorEffect\":\"non-scaling-stroke\"}]}]]}]]}]\n26:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-full w-auto\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Chat\"}],[[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M6.464 21.145h13.418M6.464 17.418H34.79M6.464 13.69H34.79\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-"])</script><script>self.__next_f.push([1,"stroke\"}],[\"$\",\"path\",null,{\"d\":\"M.5 4v25.54h6.443v9.496l16.453-9.496H41.5V4H.5Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}]\n25:{\"className\":\"relative aspect-square h-full justify-center border-l p-0.25 border-ctx lg:p-0.5\",\"children\":\"$26\"}\n24:[\"$\",\"div\",null,\"$25\"]\n22:[\"$23\",\"$24\"]\n2b:{\"className\":\"inline lg:hidden\",\"children\":\"Read our docs\"}\n2a:[\"$\",\"span\",null,\"$2b\"]\n2d:{\"className\":\"hidden lg:inline\",\"children\":\"Try searching our docs\"}\n2c:[\"$\",\"span\",null,\"$2d\"]\n29:[\"$2a\",\"$2c\"]\n28:[\"$\",\"h5\",null,{\"className\":\"font-body leading-heading-4 font-normal normal-case underline-offset-heading-4 cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline group flex h-full items-center p-0.5 text-md md:text-md lg:px-1 lg:text-lg\",\"children\":[null,null,null,null,\"$29\",[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"14\",\"height\":\"14\",\"fill\":\"none\",\"viewBox\":\"0 0 14 14\",\"className\":\"ml-0.5 inline-block transition-transform duration-medium ease-in-out-energetic focus-within:translate-x-0.25 hover:translate-x-0.25 group-focus-within:translate-x-0.25 group-hover:translate-x-0.25\",\"style\":{\"marginTop\":-2.5},\"children\":[[\"$\",\"title\",null,{\"children\":\"Arrow Right\"}],[\"$\",\"g\",null,{\"strokeMiterlimit\":\"10\",\"className\":\"stroke-current\",\"children\":[\"$\",\"path\",null,{\"d\":\"m7.25 13 6-6-6-6M13 7H0\",\"vectorEffect\":\"non-scaling-stroke\"}]}]]}]]}]\n30:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-full w-auto\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Search\"}],[[\"$\",\"circle\",null,{\"cx\":\"25.5\",\"cy\":\"16.5\",\"r\":\"13\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M16.5 25.5 3 39\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}]\n2f:{\"className\":\"relative aspect-square h-full justify-center border-l p-0.25 border-ctx lg:p-0.5\",\"children\":\"$30\"}\n2e:[\"$\",\"div\",null,\"$2f\"]\n27:[\"$28\""])</script><script>self.__next_f.push([1,",\"$2e\"]\n32:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"mb-0.5\",\"children\":[[\"$\",\"title\",null,{\"children\":\"UFO\"}],[[\"$\",\"path\",null,{\"d\":\"M21 7c-4.418 0-8 3.687-8 8.235.74.588 3.378 1.765 8 1.765s7.26-1.177 8-1.765C29 10.687 25.418 7 21 7Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M29 14c6.199.87 11 2.656 11 4.718C40 21.635 32 24 21 24S2 21.635 2 18.718C2 16.656 6.801 14.87 13 14M10.5 23 7 33m14-9v12M31.5 23l4 10\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"circle\",null,{\"cx\":\"7.5\",\"cy\":\"18.5\",\"r\":\".5\",\"className\":\"fill-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"circle\",null,{\"cx\":\"34.5\",\"cy\":\"18.5\",\"r\":\".5\",\"className\":\"fill-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"circle\",null,{\"cx\":\"21\",\"cy\":\"21.5\",\"r\":\".5\",\"className\":\"fill-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}]\n33:[\"$\",\"span\",null,{\"className\":\"font-mono text-xs leading-mono font-normal uppercase\",\"children\":[null,null,null,null,\"Go back Home\",null]}]\n31:[\"$32\",\"$33\"]\n35:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"mb-0.5\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Chat\"}],[[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M6.464 21.145h13.418M6.464 17.418H34.79M6.464 13.69H34.79\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M.5 4v25.54h6.443v9.496l16.453-9.496H41.5V4H.5Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}]\n36:[\"$\",\"span\",null,{\"className\":\"font-mono text-xs leading-mono font-normal uppercase\",\"children\":[null,null,null,null,\"Get in touch\",null]}]\n34:[\"$35\",\"$36\"]\n38:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"mb-0.5\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Search\"}],[[\"$\",\"circl"])</script><script>self.__next_f.push([1,"e\",null,{\"cx\":\"25.5\",\"cy\":\"16.5\",\"r\":\"13\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M16.5 25.5 3 39\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}]\n39:[\"$\",\"span\",null,{\"className\":\"font-mono text-xs leading-mono font-normal uppercase\",\"children\":[null,null,null,null,\"Read our docs\",null]}]\n37:[\"$38\",\"$39\"]\n"])</script><script>self.__next_f.push([1,"15:[[\"$\",\"div\",null,{\"className\":\"font-body bg-putty antialiased selection:bg-pink-neon/60\",\"children\":[\"$\",\"$L1a\",null,{\"children\":[\"$\",\"$L12\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(marketing)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L14\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$L1b\",[\"$\",\"div\",null,{\"className\":\"relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-putty border-ctx-gray text-black set-bg-ctx-putty set-border-ctx-gray\",\"style\":{\"--md-cols\":\"minmax(0,1fr) 22.75rem\",\"--md-rows\":\"auto 22.75rem 3.5rem\",\"--lg-cols\":\"minmax(0,1fr) 35rem\",\"--lg-rows\":\"35rem 3.5rem\",\"--xl-cols\":\"minmax(0,1fr) 42rem\",\"--xl-rows\":\"42rem 3.5rem\"},\"children\":[\"$\",\"div\",null,{\"className\":\"col-start-2 col-end-3 border-x border-ctx-gray\",\"children\":[\"$\",\"div\",null,{\"className\":\"-m-0.5px grid-cols-1 grid md:grid-cols-[--md-cols] md:grid-rows-[--md-rows] lg:grid-cols-[--lg-cols] lg:grid-rows-[--lg-rows] xl:grid-cols-[--xl-cols] xl:grid-rows-[--xl-rows]\",\"style\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"block border-ctx border -m-0.5px col-span-full p-1 lg:hidden\",\"children\":[\"$\",\"h1\",null,{\"aria-label\":\"404\",\"className\":\"font-display tracking-wide leading-heading font-normal uppercase -mb-0.25 text-center text-2xl sm:text-3xl md:text-4xl lg:text-left lg:text-4xl xl:text-5xl\",\"children\":[null,null,null,null,[[\"$\",\"$1c\",\"0\",{\"children\":[[[\"$\",\"$1c\",\"0\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-block overflow-hidden whitespace-nowrap -tracking-wide\",\"children\":[[\"$\",\"span\",\"0\",{\"aria-hidden\":true,\"className\":\"inline-block -translate-y-full transform-gpu will-change-transform animate-from-bottom\",\"style\":{\"animationDelay\":\"0s\",\"animationFillMode\":\"forwards\",\"animationDuration\":\"0.15s\"},\"onAnimationEnd\":\"$undefined\",\"children\":\"4\"}],[\"$\",\"span\",\"1\",{\"aria-hidden\":true,\"className\":\"inline-block -translate-y-full transform-gpu will-change-transform animate-from-bottom\",\"style\":{\"animationDelay\":\"0.15623656520619988s\",\"animationFillMode\":\"forwards\",\"animationDuration\":\"0.15s\"},\"onAnimationEnd\":\"$undefined\",\"children\":\"0\"}],[\"$\",\"span\",\"2\",{\"aria-hidden\":true,\"className\":\"inline-block -translate-y-full transform-gpu will-change-transform animate-from-bottom\",\"style\":{\"animationDelay\":\"0.17060907306149603s\",\"animationFillMode\":\"forwards\",\"animationDuration\":\"0.15s\"},\"onAnimationEnd\":\"$undefined\",\"children\":\"4\"}]]}],\" \"]}]],null]}]],null]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"border-ctx border -m-0.5px hidden p-1 lg:block\",\"children\":[\"$\",\"h1\",null,{\"aria-label\":\"404\",\"className\":\"font-display tracking-wide leading-heading font-normal uppercase -mb-0.25 text-center text-2xl sm:text-3xl md:text-4xl lg:text-left lg:text-4xl xl:text-5xl\",\"children\":[null,null,null,null,[[\"$\",\"$1c\",\"0\",{\"children\":[[[\"$\",\"$1c\",\"0\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-block overflow-hidden whitespace-nowrap -tracking-wide\",\"children\":[[\"$\",\"span\",\"0\",{\"aria-hidden\":true,\"className\":\"inline-block -translate-y-full transform-gpu will-change-transform animate-from-bottom\",\"style\":{\"animationDelay\":\"0s\",\"animationFillMode\":\"forwards\",\"animationDuration\":\"0.15s\"},\"onAnimationEnd\":\"$undefined\",\"children\":\"4\"}],[\"$\",\"span\",\"1\",{\"aria-hidden\":true,\"className\":\"inline-block -translate-y-full transform-gpu will-change-transform animate-from-bottom\",\"style\":{\"animationDelay\":\"0.1438472624286078s\",\"animationFillMode\":\"forwards\",\"animationDuration\":\"0.15s\"},\"onAnimationEnd\":\"$undefined\",\"children\":\"0\"}],[\"$\",\"span\",\"2\",{\"aria-hidden\":true,\"className\":\"inline-block -translate-y-full transform-gpu will-change-transform animate-from-bottom\",\"style\":{\"animationDelay\":\"0.08458871776238083s\",\"animationFillMode\":\"forwards\",\"animationDuration\":\"0.15s\"},\"onAnimationEnd\":\"$undefined\",\"children\":\"4\"}]]}],\" \"]}]],null]}]],null]}]}],[\"$\",\"div\",null,{\"className\":\"border-ctx border -m-0.5px flex flex-1 flex-col overflow-hidden p-1 text-center md:text-left lg:items-start\",\"children\":[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-md leading-normal font-normal normal-case\",\"children\":[null,null,null,null,[\"The page you were looking for couldn’t be found. \",[\"$\",\"br\",null,{\"className\":\"hidden lg:inline\"}],\"Think this might be a mistake?\",\" \",[\"$\",\"a\",null,{\"href\":\"/support\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,\"Get in touch!\",null]}]],null]}]}],[\"$\",\"div\",null,{\"className\":\"border-ctx border -m-0.5px relative hidden items-center md:flex\",\"data-buttons-desktop\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"relative h-4 p-0.5 lg:h-6 lg:p-1 xl:h-[--h]\",\"style\":{\"--h\":\"13.875rem\"},\"children\":[\"$\",\"div\",null,{\"className\":\"relative aspect-square h-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"absolute inset-0 flex aspect-square items-center rounded-4 bg-putty-deep text-white transition-transform duration-long ease-in-out-energetic\",\"style\":{\"transform\":\"rotate(45deg)\"},\"children\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"aria-hidden\":true,\"className\":\"ml-auto\",\"style\":{\"width\":\"20%\"},\"children\":[[\"$\",\"title\",null,{\"children\":\"Play\"}],[\"$\",\"path\",null,{\"d\":\"M32 21.111 8 10v22.222l23.794-11.015.206-.096Z\",\"className\":\"fill-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]}]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-1 flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"group flex h-1.5 lg:h-2 xl:h-[--h]\",\"style\":{\"--h\":\"4.625rem\"},\"children\":[\"$\",\"a\",null,{\"href\":\"/\",\"className\":\"relative group/button block -m-1px w-full-2px h-full-2px\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-full h-full flex items-center cursor-pointer text-black bg-orange border border-ctx-current user-select-none p-0 justify-between min-h-0 text-left\",\"aria-hidden\":\"$undefined\",\"children\":[[\"$\",\"h5\",null,{\"className\":\"font-body leading-heading-4 font-normal normal-case underline-offset-heading-4 cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline group flex h-full items-center p-0.5 text-md md:text-md lg:px-1 lg:text-lg\",\"children\":[null,null,null,null,\"Go back Home\",[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"14\",\"height\":\"14\",\"fill\":\"none\",\"viewBox\":\"0 0 14 14\",\"className\":\"ml-0.5 inline-block transition-transform duration-medium ease-in-out-energetic focus-within:translate-x-0.25 hover:translate-x-0.25 group-focus-within:translate-x-0.25 group-hover:translate-x-0.25\",\"style\":{\"marginTop\":-2.5},\"children\":[[\"$\",\"title\",null,{\"children\":\"Arrow Right\"}],[\"$\",\"g\",null,{\"strokeMiterlimit\":\"10\",\"className\":\"stroke-current\",\"children\":[\"$\",\"path\",null,{\"d\":\"m7.25 13 6-6-6-6M13 7H0\",\"vectorEffect\":\"non-scaling-stroke\"}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"relative aspect-square h-full justify-center border-l p-0.25 border-ctx lg:p-0.5\",\"children\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-full w-auto\",\"children\":[[\"$\",\"title\",null,{\"children\":\"UFO\"}],[[\"$\",\"path\",null,{\"d\":\"M21 7c-4.418 0-8 3.687-8 8.235.74.588 3.378 1.765 8 1.765s7.26-1.177 8-1.765C29 10.687 25.418 7 21 7Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M29 14c6.199.87 11 2.656 11 4.718C40 21.635 32 24 21 24S2 21.635 2 18.718C2 16.656 6.801 14.87 13 14M10.5 23 7 33m14-9v12M31.5 23l4 10\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"circle\",null,{\"cx\":\"7.5\",\"cy\":\"18.5\",\"r\":\".5\",\"className\":\"fill-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"circle\",null,{\"cx\":\"34.5\",\"cy\":\"18.5\",\"r\":\".5\",\"className\":\"fill-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"circle\",null,{\"cx\":\"21\",\"cy\":\"21.5\",\"r\":\".5\",\"className\":\"fill-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}]}]]}],[\"$\",\"span\",null,{\"className\":\"absolute inset-0 flex items-center cursor-pointer bg-ctx border border-ctx-current transition-[clip-path] duration-medium ease-in-out-energetic [clip-path:inset(0_0_0_0)] group-hover/button:[clip-path:inset(0_0_0_100%)] group-focus-visible/button:[clip-path:inset(0_0_0_100%)] p-0 justify-between min-h-0 text-left\",\"aria-hidden\":true,\"children\":\"$1d\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"group flex h-1.5 lg:h-2 xl:h-[--h]\",\"style\":{\"--h\":\"4.625rem\"},\"children\":[\"$\",\"a\",null,{\"href\":\"/support\",\"className\":\"relative group/button block -m-1px w-full-2px h-full-2px\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-full h-full flex items-center cursor-pointer text-black bg-yellow border border-ctx-current user-select-none p-0 justify-between min-h-0 text-left\",\"aria-hidden\":\"$undefined\",\"children\":[[\"$\",\"h5\",null,{\"className\":\"font-body leading-heading-4 font-normal normal-case underline-offset-heading-4 cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline group flex h-full items-center p-0.5 text-md md:text-md lg:px-1 lg:text-lg\",\"children\":[null,null,null,null,\"Get in touch\",[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"14\",\"height\":\"14\",\"fill\":\"none\",\"viewBox\":\"0 0 14 14\",\"className\":\"ml-0.5 inline-block transition-transform duration-medium ease-in-out-energetic focus-within:translate-x-0.25 hover:translate-x-0.25 group-focus-within:translate-x-0.25 group-hover:translate-x-0.25\",\"style\":{\"marginTop\":-2.5},\"children\":[[\"$\",\"title\",null,{\"children\":\"Arrow Right\"}],[\"$\",\"g\",null,{\"strokeMiterlimit\":\"10\",\"className\":\"stroke-current\",\"children\":[\"$\",\"path\",null,{\"d\":\"m7.25 13 6-6-6-6M13 7H0\",\"vectorEffect\":\"non-scaling-stroke\"}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"relative aspect-square h-full justify-center border-l p-0.25 border-ctx lg:p-0.5\",\"children\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-full w-auto\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Chat\"}],[[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M6.464 21.145h13.418M6.464 17.418H34.79M6.464 13.69H34.79\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M.5 4v25.54h6.443v9.496l16.453-9.496H41.5V4H.5Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}]}]]}],[\"$\",\"span\",null,{\"className\":\"absolute inset-0 flex items-center cursor-pointer bg-ctx border border-ctx-current transition-[clip-path] duration-medium ease-in-out-energetic [clip-path:inset(0_0_0_0)] group-hover/button:[clip-path:inset(0_0_0_100%)] group-focus-visible/button:[clip-path:inset(0_0_0_100%)] p-0 justify-between min-h-0 text-left\",\"aria-hidden\":true,\"children\":\"$22\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"group flex h-1.5 lg:h-2 xl:h-[--h]\",\"style\":{\"--h\":\"4.625rem\"},\"children\":[\"$\",\"a\",null,{\"href\":\"/docs\",\"className\":\"relative group/button block -m-1px w-full-2px h-full-2px\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-full h-full flex items-center cursor-pointer text-black bg-pink border border-ctx-current user-select-none p-0 justify-between min-h-0 text-left\",\"aria-hidden\":\"$undefined\",\"children\":[[\"$\",\"h5\",null,{\"className\":\"font-body leading-heading-4 font-normal normal-case underline-offset-heading-4 cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline group flex h-full items-center p-0.5 text-md md:text-md lg:px-1 lg:text-lg\",\"children\":[null,null,null,null,[[\"$\",\"span\",null,{\"className\":\"inline lg:hidden\",\"children\":\"Read our docs\"}],[\"$\",\"span\",null,{\"className\":\"hidden lg:inline\",\"children\":\"Try searching our docs\"}]],[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"14\",\"height\":\"14\",\"fill\":\"none\",\"viewBox\":\"0 0 14 14\",\"className\":\"ml-0.5 inline-block transition-transform duration-medium ease-in-out-energetic focus-within:translate-x-0.25 hover:translate-x-0.25 group-focus-within:translate-x-0.25 group-hover:translate-x-0.25\",\"style\":{\"marginTop\":-2.5},\"children\":[[\"$\",\"title\",null,{\"children\":\"Arrow Right\"}],[\"$\",\"g\",null,{\"strokeMiterlimit\":\"10\",\"className\":\"stroke-current\",\"children\":[\"$\",\"path\",null,{\"d\":\"m7.25 13 6-6-6-6M13 7H0\",\"vectorEffect\":\"non-scaling-stroke\"}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"relative aspect-square h-full justify-center border-l p-0.25 border-ctx lg:p-0.5\",\"children\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-full w-auto\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Search\"}],[[\"$\",\"circle\",null,{\"cx\":\"25.5\",\"cy\":\"16.5\",\"r\":\"13\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M16.5 25.5 3 39\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}]}]]}],[\"$\",\"span\",null,{\"className\":\"absolute inset-0 flex items-center cursor-pointer bg-ctx border border-ctx-current transition-[clip-path] duration-medium ease-in-out-energetic [clip-path:inset(0_0_0_0)] group-hover/button:[clip-path:inset(0_0_0_100%)] group-focus-visible/button:[clip-path:inset(0_0_0_100%)] p-0 justify-between min-h-0 text-left\",\"aria-hidden\":true,\"children\":\"$27\"}]]}]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"block border-ctx-black bg-charcoal dark [\u0026\u003e*]:set-border-ctx-black [\u0026\u003e*]:set-decoration-ctx-gray-underline [\u0026\u003e*]:set-bg-ctx-charcoal text-white border -m-0.5px relative aspect-square overflow-hidden\",\"children\":[\"$\",\"video\",null,{\"src\":\"https://stream.mux.com/MECFZgEm102d01XMx5ME1A28pAe34Z02eSL/high.mp4\",\"className\":\"absolute inset-0\",\"autoPlay\":true,\"muted\":true,\"loop\":true,\"playsInline\":true,\"controls\":false,\"style\":{\"--media-background-color\":\"transparent\",\"--media-object-fit\":\"cover\"}}]}],[\"$\",\"div\",null,{\"className\":\"md:hidden\",\"children\":[\"$\",\"div\",null,{\"className\":\"border-ctx border -m-0.5px col-span-full -mt-1px grid h-4 grid-cols-3 items-stretch sm:grid-cols-4\",\"children\":[[\"$\",\"a\",null,{\"href\":\"/\",\"className\":\"relative group/button inline-block\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center justify-center cursor-pointer py-0.5 text-center text-black bg-pink border border-ctx-current user-select-none px-0.5 min-h-0 flex-col h-full -mx-1px\",\"aria-hidden\":\"$undefined\",\"children\":[[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"mb-0.5\",\"children\":[[\"$\",\"title\",null,{\"children\":\"UFO\"}],[[\"$\",\"path\",null,{\"d\":\"M21 7c-4.418 0-8 3.687-8 8.235.74.588 3.378 1.765 8 1.765s7.26-1.177 8-1.765C29 10.687 25.418 7 21 7Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M29 14c6.199.87 11 2.656 11 4.718C40 21.635 32 24 21 24S2 21.635 2 18.718C2 16.656 6.801 14.87 13 14M10.5 23 7 33m14-9v12M31.5 23l4 10\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"circle\",null,{\"cx\":\"7.5\",\"cy\":\"18.5\",\"r\":\".5\",\"className\":\"fill-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"circle\",null,{\"cx\":\"34.5\",\"cy\":\"18.5\",\"r\":\".5\",\"className\":\"fill-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"circle\",null,{\"cx\":\"21\",\"cy\":\"21.5\",\"r\":\".5\",\"className\":\"fill-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}],[\"$\",\"span\",null,{\"className\":\"font-mono text-xs leading-mono font-normal uppercase\",\"children\":[null,null,null,null,\"Go back Home\",null]}]]}],[\"$\",\"span\",null,{\"className\":\"absolute inset-0 flex items-center justify-center cursor-pointer py-0.5 text-center bg-ctx border border-ctx-current transition-[clip-path] duration-medium ease-in-out-energetic [clip-path:inset(0_0_0_0)] group-hover/button:[clip-path:inset(0_0_0_100%)] group-focus-visible/button:[clip-path:inset(0_0_0_100%)] px-0.5 min-h-0 flex-col h-full -mx-1px\",\"aria-hidden\":true,\"children\":\"$31\"}]]}],[\"$\",\"a\",null,{\"href\":\"/support\",\"className\":\"relative group/button inline-block\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center justify-center cursor-pointer py-0.5 text-center text-black bg-yellow border border-ctx-current user-select-none px-0.5 min-h-0 flex-col h-full -mx-1px\",\"aria-hidden\":\"$undefined\",\"children\":[[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"mb-0.5\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Chat\"}],[[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M6.464 21.145h13.418M6.464 17.418H34.79M6.464 13.69H34.79\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M.5 4v25.54h6.443v9.496l16.453-9.496H41.5V4H.5Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}],[\"$\",\"span\",null,{\"className\":\"font-mono text-xs leading-mono font-normal uppercase\",\"children\":[null,null,null,null,\"Get in touch\",null]}]]}],[\"$\",\"span\",null,{\"className\":\"absolute inset-0 flex items-center justify-center cursor-pointer py-0.5 text-center bg-ctx border border-ctx-current transition-[clip-path] duration-medium ease-in-out-energetic [clip-path:inset(0_0_0_0)] group-hover/button:[clip-path:inset(0_0_0_100%)] group-focus-visible/button:[clip-path:inset(0_0_0_100%)] px-0.5 min-h-0 flex-col h-full -mx-1px\",\"aria-hidden\":true,\"children\":\"$34\"}]]}],[\"$\",\"a\",null,{\"href\":\"/docs\",\"className\":\"relative group/button inline-block\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex items-center justify-center cursor-pointer py-0.5 text-center text-black bg-orange border border-ctx-current user-select-none px-0.5 min-h-0 flex-col h-full -mx-1px\",\"aria-hidden\":\"$undefined\",\"children\":[[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"mb-0.5\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Search\"}],[[\"$\",\"circle\",null,{\"cx\":\"25.5\",\"cy\":\"16.5\",\"r\":\"13\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M16.5 25.5 3 39\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}],[\"$\",\"span\",null,{\"className\":\"font-mono text-xs leading-mono font-normal uppercase\",\"children\":[null,null,null,null,\"Read our docs\",null]}]]}],[\"$\",\"span\",null,{\"className\":\"absolute inset-0 flex items-center justify-center cursor-pointer py-0.5 text-center bg-ctx border border-ctx-current transition-[clip-path] duration-medium ease-in-out-energetic [clip-path:inset(0_0_0_0)] group-hover/button:[clip-path:inset(0_0_0_100%)] group-focus-visible/button:[clip-path:inset(0_0_0_100%)] px-0.5 min-h-0 flex-col h-full -mx-1px\",\"aria-hidden\":true,\"children\":\"$37\"}]]}],[\"$\",\"div\",null,{\"className\":\"hidden h-4 justify-center p-0.5 sm:flex\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative aspect-square h-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"absolute inset-0 flex aspect-square items-center rounded-4 bg-putty-deep text-white transition-transform duration-long ease-in-out-energetic\",\"style\":{\"transform\":\"rotate(45deg)\"},\"children\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"aria-hidden\":true,\"className\":\"ml-auto\",\"style\":{\"width\":\"20%\"},\"children\":[[\"$\",\"title\",null,{\"children\":\"Play\"}],[\"$\",\"path\",null,{\"d\":\"M32 21.111 8 10v22.222l23.794-11.015.206-.096Z\",\"className\":\"fill-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]}]}]}]]}]}],[\"$\",\"div\",null,{\"className\":\"col-span-full h-0.5 md:h-2\"}]]}]}]}],\"$L3a\"],\"notFoundStyles\":[]}]}]}],null]\n"])</script><script>self.__next_f.push([1,"16:[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"no-chat __variable_ab3f55 __variable_7c4bc0 __variable_8a4eea\",\"style\":{\"minWidth\":\"20rem\"},\"children\":[[\"$\",\"head\",null,{}],[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L3b\",null,{}],[\"$\",\"$L3c\",null,{}],[\"$\",\"$L3d\",null,{}],[\"$\",\"$L12\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L14\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"3f:I[7214,[\"6715\",\"static/chunks/85582243-4866b5340f66117c.js\",\"8146\",\"static/chunks/8146-4ec4c79a5c65983c.js\",\"294\",\"static/chunks/294-8e4b54d1207ca184.js\",\"9755\",\"static/chunks/9755-d74f223fe972548e.js\",\"6059\",\"static/chunks/6059-11c1aabc2c836e6c.js\",\"6764\",\"static/chunks/6764-ddfbdf10100b325e.js\",\"251\",\"static/chunks/251-f59054c5c0721c47.js\",\"8184\",\"static/chunks/8184-9b8e27f7ec115337.js\",\"3758\",\"static/chunks/3758-470803da3327e15b.js\",\"5187\",\"static/chunks/5187-a885152b6bb388da.js\",\"7204\",\"static/chunks/7204-2afd245157637521.js\",\"9986\",\"static/chunks/9986-f1143c1a2d2a1f27.js\",\"8748\",\"static/chunks/8748-ddaf864c6f242432.js\",\"5648\",\"static/chunks/5648-ff02152b67a4b091.js\",\"4310\",\"static/chunks/4310-d20706c592f78f28.js\",\"2793\",\"static/chunks/2793-c38ff840fde20c7c.js\",\"9273\",\"static/chunks/app/(marketing)/video-for/%5BsdkOrFramework%5D/page-366945a159cd0504.js\"],\"default\"]\n40:I[55922,[\"6715\",\"static/chunks/85582243-4866b5340f66117c.js\",\"8146\",\"static/chunks/8146-4ec4c79a5c65983c.js\",\"294\",\"static/chunks/294-8e4b54d1207ca184.js\",\"9755\",\"static/chunks/9755-d74f223fe972548e.js\",\"6059\",\"static/chunks/6059-11c1aabc2c836e6c.js\",\"6764\",\"static/chunks/6764-ddfbdf10100b325e.js\",\"251\",\"static/chunks/251-f59054c5c0721c47.js\",\"8184\",\"static/chunks/8184-9b8e27f7ec115337.js\",\"3758\",\"static/chunks/3758-470803da3327e15b.js\",\"5187\",\"static/chunks/5187-a885152b6bb388da.js\",\"7204\",\"static/chunks/7204-2afd245157637521.js\",\"9986\",\"static/chunks/9986-f1143c1a2d2a1f27.js\",\"8748\",\"static/chunks/8748-ddaf864c6f242432.js\",\"5648\",\"static/chunks/5648-ff02152b67a4b091.js\",\"4310\",\"static/chunks/4310-d20706c592f78f28.js\",\"2793\",\"static/chunks/2793-c38ff840fde20c7c.js\",\"9273\",\"static/chunks/app/(marketing)/video-for/%5BsdkOrFramework%5D/page-366945a159cd0504.js\"],\"default\"]\n41:I[43204,[\"6715\",\"static/chunks/85582243-4866b5340f66117c.js\",\"8146\",\"static/chunks/8146-4ec4c79a5c65983c.js\",\"294\",\"static/chunks/294-8e4b54d1207ca184.js\",\"9755\",\"static/chunks/9755-d74f223fe972548e.js\",\"6059\",\"static/chunks/6059-11c1aabc2c836e6c.js\",\"6764\",\"static/chunks"])</script><script>self.__next_f.push([1,"/6764-ddfbdf10100b325e.js\",\"251\",\"static/chunks/251-f59054c5c0721c47.js\",\"8184\",\"static/chunks/8184-9b8e27f7ec115337.js\",\"3758\",\"static/chunks/3758-470803da3327e15b.js\",\"5187\",\"static/chunks/5187-a885152b6bb388da.js\",\"7204\",\"static/chunks/7204-2afd245157637521.js\",\"9986\",\"static/chunks/9986-f1143c1a2d2a1f27.js\",\"8748\",\"static/chunks/8748-ddaf864c6f242432.js\",\"5648\",\"static/chunks/5648-ff02152b67a4b091.js\",\"4310\",\"static/chunks/4310-d20706c592f78f28.js\",\"2793\",\"static/chunks/2793-c38ff840fde20c7c.js\",\"9273\",\"static/chunks/app/(marketing)/video-for/%5BsdkOrFramework%5D/page-366945a159cd0504.js\"],\"default\"]\n42:I[70851,[\"6715\",\"static/chunks/85582243-4866b5340f66117c.js\",\"8146\",\"static/chunks/8146-4ec4c79a5c65983c.js\",\"294\",\"static/chunks/294-8e4b54d1207ca184.js\",\"9755\",\"static/chunks/9755-d74f223fe972548e.js\",\"6059\",\"static/chunks/6059-11c1aabc2c836e6c.js\",\"6764\",\"static/chunks/6764-ddfbdf10100b325e.js\",\"251\",\"static/chunks/251-f59054c5c0721c47.js\",\"8184\",\"static/chunks/8184-9b8e27f7ec115337.js\",\"3758\",\"static/chunks/3758-470803da3327e15b.js\",\"5187\",\"static/chunks/5187-a885152b6bb388da.js\",\"7204\",\"static/chunks/7204-2afd245157637521.js\",\"9986\",\"static/chunks/9986-f1143c1a2d2a1f27.js\",\"8748\",\"static/chunks/8748-ddaf864c6f242432.js\",\"5648\",\"static/chunks/5648-ff02152b67a4b091.js\",\"4310\",\"static/chunks/4310-d20706c592f78f28.js\",\"2793\",\"static/chunks/2793-c38ff840fde20c7c.js\",\"9273\",\"static/chunks/app/(marketing)/video-for/%5BsdkOrFramework%5D/page-366945a159cd0504.js\"],\"default\"]\n78:I[37552,[\"6715\",\"static/chunks/85582243-4866b5340f66117c.js\",\"8146\",\"static/chunks/8146-4ec4c79a5c65983c.js\",\"294\",\"static/chunks/294-8e4b54d1207ca184.js\",\"9755\",\"static/chunks/9755-d74f223fe972548e.js\",\"6059\",\"static/chunks/6059-11c1aabc2c836e6c.js\",\"6764\",\"static/chunks/6764-ddfbdf10100b325e.js\",\"251\",\"static/chunks/251-f59054c5c0721c47.js\",\"8184\",\"static/chunks/8184-9b8e27f7ec115337.js\",\"3758\",\"static/chunks/3758-470803da3327e15b.js\",\"5187\",\"static/chunks/5187-a885152b6bb388da.js\",\"7204\",\"static/chunks/7204-2afd245157637521.js\",\"9986\",\"s"])</script><script>self.__next_f.push([1,"tatic/chunks/9986-f1143c1a2d2a1f27.js\",\"8748\",\"static/chunks/8748-ddaf864c6f242432.js\",\"5648\",\"static/chunks/5648-ff02152b67a4b091.js\",\"4310\",\"static/chunks/4310-d20706c592f78f28.js\",\"2793\",\"static/chunks/2793-c38ff840fde20c7c.js\",\"9273\",\"static/chunks/app/(marketing)/video-for/%5BsdkOrFramework%5D/page-366945a159cd0504.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"17:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, viewport-fit=cover\"}],[\"$\",\"meta\",\"1\",{\"name\":\"theme-color\",\"content\":\"#242628\"}],[\"$\",\"meta\",\"2\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"3\",{\"children\":\"Embed a video player in your Flutter application | Mux\"}],[\"$\",\"meta\",\"4\",{\"name\":\"description\",\"content\":\"Quickly add video to your Flutter application using the Mux Video API.\"}],[\"$\",\"link\",\"5\",{\"rel\":\"canonical\",\"href\":\"https://www.mux.com/video-for/flutter\"}],[\"$\",\"link\",\"6\",{\"rel\":\"alternate\",\"type\":\"application/rss+xml\",\"href\":\"https://www.mux.com/blog/rss.xml\"}],[\"$\",\"link\",\"7\",{\"rel\":\"alternate\",\"type\":\"application/atom+xml\",\"href\":\"https://www.mux.com/blog/atom.xml\"}],[\"$\",\"meta\",\"8\",{\"name\":\"google-site-verification\",\"content\":\"1G9PfJ7Uhp5gvSoaxCXS8IqLsQsOA5HPvuvwNtbZ-B4\"}],[\"$\",\"meta\",\"9\",{\"name\":\"facebook-domain-verification\",\"content\":\"bi1l6wtaobvfjjgcc9yczf1dy20fxa\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:title\",\"content\":\"Embed a video player in your Flutter application | Mux\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:description\",\"content\":\"Quickly add video to your Flutter application using the Mux Video API.\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:url\",\"content\":\"https://www.mux.com/video-for/flutter\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:locale\",\"content\":\"en-US\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:image\",\"content\":\"https://cdn.sanity.io/images/2ejqxsnu/production/ad07297db017673be73ca7f230b566e4be89a2c1-2400x1256.png\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image:width\",\"content\":\"2400\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:height\",\"content\":\"1256\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:site\",\"content\":\"@muxhq\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:title\",\"content\":\"Embed a video player in your Flutter application | Mux\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:description\",\"content\":\"Quickly add video to your Flutter application using the Mux Video API.\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:image\",\"content\":\"https://cdn.sanity.io/images/2ejqxsnu/production/ad07297db017673be73ca7f230b566e4be89a2c1-2400x1256.png\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:image:width\",\"content\":\"2400\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:image:height\",\"content\":\"1256\"}],[\"$\",\"link\",\"25\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"32x32\"}],[\"$\",\"link\",\"26\",{\"rel\":\"icon\",\"href\":\"/icon-pwu6ef.svg?435d7159a668a58e\",\"type\":\"image/svg+xml\",\"sizes\":\"any\"}],[\"$\",\"link\",\"27\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon-pwu6ef.png?7e406820218203dd\",\"type\":\"image/png\",\"sizes\":\"180x180\"}],[\"$\",\"meta\",\"28\",{\"name\":\"next-size-adjust\"}]]\n"])</script><script>self.__next_f.push([1,"10:null\n49:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"43\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 43 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Eyeball\"}],[\"$\",\"g\",null,{\"children\":[\"$\",\"g\",null,{\"strokeMiterlimit\":\"10\",\"className\":\"stroke-current\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M24.902 19.629H18.31c-.975 0-1.766.79-1.766 1.766v6.593c0 .975.791 1.766 1.767 1.766h6.593c.975 0 1.766-.79 1.766-1.766v-6.593c0-.976-.791-1.766-1.767-1.766Z\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M40.476 24.69s-4.417-11.508-18.87-11.508C7.155 13.182 2.74 24.69 2.74 24.69S7.165 36.2 21.617 36.2c14.453 0 18.859-11.509 18.859-11.509Z\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M21.606 36.199c5.847 0 10.586-5.153 10.586-11.509 0-6.356-4.74-11.508-10.586-11.508-5.847 0-10.586 5.152-10.586 11.508 0 6.356 4.74 11.509 10.586 11.509ZM21.596 10.883V5.361M4.934 17.018.932 13.142M42.318 13.185l-4.05 3.924M12.68 12.205 10.54 7.204M31.415 12.249l2.158-5.047\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]}]]}]\n48:{\"title\":\"Video API\",\"href\":\"/video-api\",\"icon\":\"$49\",\"description\":\"One API to build and scale unlimited video possibilities\"}\n4b:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Mux Video\"}],[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M2.5 33.5v-19h24v19h-24ZM26.5 18.909l13-4.221v18.624l-13-4.22V18.908ZM15 9V3M20 12l4-4M9 12 5 8\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]\n4a:{\"title\":\"Features\",\"href\":\"/features\",\"icon\":\"$4b\",\"description\":\"Everything you need to build your dream video experience\"}\n4d:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Video File\"}],[\"$\",\"path\",null,{\"d\":\"M0.5 11.5H14H28H41.5V30.5H28H14H0.5V11.5Z"])</script><script>self.__next_f.push([1,"M28.5 31.5H41.5V37.5H28.5V31.5ZM27.5 31.5V37.5H14.5V31.5H27.5ZM13.5 31.5V37.5H0.5V31.5H13.5ZM13.5 10.5H0.5V4.5H13.5V10.5ZM14.5 10.5V4.5H27.5V10.5H14.5ZM28.5 10.5V4.5H41.5V10.5H28.5Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]\n4c:{\"title\":\"On-demand\",\"href\":\"/on-demand\",\"icon\":\"$4d\",\"description\":\"Build video into your product without being a video expert\"}\n4f:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Live\"}],[[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M20.926 19.457a4.532 4.532 0 1 0 0-9.064 4.532 4.532 0 0 0 0 9.064Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M14.75 21.868c-1.93-1.736-3.183-4.243-3.183-7.04a9.301 9.301 0 0 1 9.354-9.353 9.301 9.301 0 0 1 9.354 9.354c0 2.796-1.254 5.303-3.183 7.039\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M20.925.75C28.735.75 35.1 7.114 35.1 14.925c0 4.821-2.41 9.064-6.075 11.668M12.825 26.497C9.161 23.893 6.75 19.65 6.75 14.829M19.192 19.168 10.128 41.25h6.267l1.736-5.014h5.786l1.543 5.014h6.171l-9.064-22.179M7.138 11.647c1.157-5.111 5.207-9.258 10.318-10.511\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}]\n4e:{\"title\":\"Live\",\"href\":\"/live\",\"icon\":\"$4f\",\"description\":\"Live stream to millions, get started in minutes\"}\n51:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Low Latency\"}],[[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M36 12H6v18h30V12Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M19.25 23.848v-5.696L23.807 21l-4.557 2.848Z\",\"className\":\"fill-current stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeMit"])</script><script>self.__next_f.push([1,"erlimit\":\"10\",\"d\":\"M12 7.5a19.212 19.212 0 0 1 9-2.25c3.125 0 6.206.77 9 2.25M30 34.5a19.212 19.212 0 0 1-9 2.25c-3.125 0-6.206-.77-9-2.25M6.75 4.5C11.03 2.049 15.966.75 21 .75c5.034 0 9.97 1.299 14.25 3.75M35.25 37.5c-4.283 2.452-9.217 3.75-14.25 3.75-5.033 0-9.967-1.298-14.25-3.75\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}]\n50:{\"title\":\"Interactive\",\"href\":\"/interactive-live-streaming\",\"icon\":\"$51\",\"description\":\"Low-latency live streaming\"}\n53:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Gears\"}],[[\"$\",\"path\",null,{\"d\":\"M8.06 2l-.54 1.407c-.218.57-.87.84-1.429.592l-1.375-.614-1.331 1.33.614 1.376a1.066 1.066 0 01-.592 1.43L2 8.058v1.882l1.407.539c.57.218.84.87.592 1.429l-.614 1.375 1.33 1.331 1.376-.614a1.066 1.066 0 011.43.592L8.058 16h1.882l.539-1.407c.218-.57.87-.84 1.429-.592l1.375.614 1.331-1.33-.614-1.376a1.066 1.066 0 01.592-1.43L16 9.942V8.059l-1.407-.539a1.066 1.066 0 01-.592-1.429l.614-1.375-1.33-1.331-1.376.614a1.066 1.066 0 01-1.43-.592L9.942 2H8.059z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"circle\",null,{\"cx\":\"9\",\"cy\":\"9\",\"r\":\"2\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M24.118 12l-1.48 3.863c-.218.571-.87.841-1.429.592l-3.778-1.685-2.661 2.661 1.685 3.778a1.066 1.066 0 01-.592 1.43L12 24.119v3.763l3.863 1.48c.571.218.841.87.592 1.429l-1.685 3.778 2.661 2.661 3.778-1.685a1.066 1.066 0 011.43.592L24.119 40h3.763l1.48-3.863c.218-.571.87-.841 1.429-.592l3.778 1.685 2.661-2.661-1.685-3.778a1.066 1.066 0 01.592-1.43L40 27.881v-3.763l-3.863-1.48a1.066 1.066 0 01-.592-1.429l1.685-3.778-2.661-2.661-3.778 1.685a1.066 1.066 0 01-1.43-.592L27.881 12h-3.763z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"circle\",null,{\"cx\":\"25.899\",\"cy\":\"25.828\",\"transform\":\"rotate(-15 25.899 25.828)\",\"className\":\"stroke-current\",\"vectorEffect\""])</script><script>self.__next_f.push([1,":\"non-scaling-stroke\",\"r\":\"4\"}]]]}]\n52:{\"title\":\"Encoding\",\"href\":\"/encoding\",\"icon\":\"$53\",\"description\":\"Cloud encoding platform for on-demand and live streaming\"}\n47:[\"$48\",\"$4a\",\"$4c\",\"$4e\",\"$50\",\"$52\"]\n46:{\"title\":\"Mux Video\",\"sections\":\"$47\"}\n57:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Globe\"}],[\"$\",\"g\",null,{\"strokeMiterlimit\":\"10\",\"className\":\"stroke-current\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M21 41c11.046 0 20-8.954 20-20S32.046 1 21 1 1 9.954 1 21s8.954 20 20 20ZM25.761 21H40.65M1 21h15.237\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M21 1s12.232 6.877 11.794 19.935C32.356 33.994 21 41 21 41M21 1S8.767 7.932 9.205 20.99C9.643 34.05 21 41 21 41M21 1v15.238M20.999 25.761V41\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]]}]\n56:{\"title\":\"Overview\",\"href\":\"/data\",\"icon\":\"$57\",\"description\":\"Understand your user engagement and Quality of Experience\"}\n59:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Mux Data\"}],[\"$\",\"g\",null,{\"className\":\"stroke-current\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M41.25 17.25H.75v24h40.5v-24Z\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"d\":\"M17.25 24.938 26 29.75l-8.75 4.813v-9.626Z\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M9.75 13.5v-6M23.25 13.5v-12M32.25 13.5V0M18.75 13.5V5.25M14.25 13.5V3.75M27.75 13.5V3.75\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]]}]\n58:{\"title\":\"Features\",\"href\":\"/data/features\",\"icon\":\"$59\",\"description\":\"Everything you need to understand, monitor, and improve\"}\n5b:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Graph\"}],[\"$\",\"g\",null,{\"strokeMiterli"])</script><script>self.__next_f.push([1,"mit\":\"10\",\"className\":\"stroke-current\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M41.25 41.25H.75V.75\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M5.308 30h4.739c10.449 0 8.424-18.844 23.611-18.844h6.075\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]]}]\n5a:{\"title\":\"Monitor\",\"href\":\"/data-operations\",\"icon\":\"$5b\",\"description\":\"Your most critical metrics all in one real-time view\"}\n55:[\"$56\",\"$58\",\"$5a\"]\n54:{\"title\":\"Mux Data\",\"sections\":\"$55\"}\n5c:{\"title\":\"Mux Player\",\"href\":\"/player\"}\n45:[\"$46\",\"$54\",\"$5c\"]\n44:{\"title\":\"Products\",\"sections\":\"$45\"}\n5f:{\"title\":\"Documentation\",\"href\":\"/docs/guides\"}\n60:{\"title\":\"API Reference\",\"href\":\"/docs/api-reference\"}\n61:{\"title\":\"Webhook Reference\",\"href\":\"/docs/webhook-reference\"}\n62:{\"title\":\"Changelog\",\"href\":\"/docs/changelog\"}\n63:{\"title\":\"Open Source software\",\"href\":\"/oss\"}\n64:{\"title\":\"SDKs\",\"href\":\"/oss#platforms\"}\n65:{\"title\":\"Beta features\",\"href\":\"/beta\"}\n66:{\"title\":\"Powered by Mux program\",\"href\":\"/powered-by-mux\"}\n67:{\"title\":\"Contact support\",\"href\":\"/support\"}\n5e:[\"$5f\",\"$60\",\"$61\",\"$62\",\"$63\",\"$64\",\"$65\",\"$66\",\"$67\"]\n5d:{\"title\":\"Developers\",\"sections\":\"$5e\"}\n6a:{\"title\":\"Video for your video platform\",\"href\":\"/solutions/video-infra-for-your-video-platform\"}\n6b:{\"title\":\"Video for user generated content\",\"href\":\"/solutions/video-for-ugc\"}\n6c:{\"title\":\"Video for connected fitness\",\"href\":\"/solutions/video-for-fitness\"}\n6d:{\"title\":\"Video for generative AI\",\"href\":\"/solutions/video-for-generative-ai\"}\n6e:{\"title\":\"Video for Vercel users\",\"href\":\"/solutions/video-for-vercel\"}\n6f:{\"title\":\"Data for broadcasters\",\"href\":\"/solutions/data-for-broadcasters\"}\n70:{\"title\":\"Data for telco operators\",\"href\":\"/solutions/data-for-telco\"}\n71:{\"title\":\"Data for sports\",\"href\":\"/solutions/data-for-sports\"}\n72:{\"title\":\"Customer stories\",\"href\":\"/customers\"}\n69:[\"$6a\",\"$6b\",\"$6c\",\"$6d\",\"$6e\",\"$6f\",\"$70\",\"$71\",\"$72\"]\n68:{\"title\":\"Solutions\",\"sections\":\"$69\"}\n75:{\"title\":\"Mux Video pricing\",\"href\":\"/pricing/video\"}\n76:{\"title\":\"Mux Data pricing\",\"href\":\"/pricing/data\"}\n7"])</script><script>self.__next_f.push([1,"4:[\"$75\",\"$76\"]\n73:{\"title\":\"Pricing\",\"sections\":\"$74\"}\n77:{\"title\":\"Blog\",\"href\":\"/blog\"}\n43:[\"$44\",\"$5d\",\"$68\",\"$73\",\"$77\"]\n"])</script><script>self.__next_f.push([1,"1b:[\"$L3e\",[[\"$\",\"div\",null,{\"className\":\"-my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-putty border-ctx-gray text-black set-bg-ctx-putty set-border-ctx-gray sticky -top-1px z-50\",\"children\":[\"$\",\"div\",null,{\"className\":\"col-start-2 col-end-3 border-x border-ctx-gray\",\"children\":[\"$\",\"div\",null,{\"className\":\"-m-0.5px grid-cols-1 relative h-2 md:h-3 flex items-center justify-end\",\"style\":\"$undefined\",\"children\":[[\"$\",\"a\",null,{\"href\":\"#skip-nav\",\"className\":\"group/button block h-full absolute left-0 top-0 z-10 transition-opacity duration-short ease-in-out-energetic pointer-events-none opacity-0 focus:pointer-events-auto focus:opacity-100\",\"children\":[[\"$\",\"span\",null,{\"className\":\"h-full min-h-2 flex items-center justify-center cursor-pointer px-2 py-0.5 text-center text-white bg-black border border-ctx-charcoal rounded-4\",\"aria-hidden\":\"$undefined\",\"children\":\"Skip to content\"}],null]}],[\"$\",\"div\",null,{\"className\":\"mr-auto flex h-full\",\"children\":[[\"$\",\"$L3f\",null,{\"items\":[{\"text\":\"Download logo as SVG\",\"href\":\"/images/mux-logo.svg\",\"download\":true,\"target\":\"_blank\",\"prefetch\":false},{\"text\":\"Download logo as PNG\",\"href\":\"/images/mux-logo.png\",\"download\":true,\"target\":\"_blank\",\"prefetch\":false},{\"text\":\"Get the full press kit\",\"href\":\"/files/mux-press-kit.zip\",\"download\":true,\"target\":\"_blank\",\"prefetch\":false}],\"linkComponent\":\"$40\",\"logoHref\":\"/\",\"width\":84,\"className\":\"flex h-full items-center px-1\"}],null]}],\"$undefined\",[\"$\",\"$L41\",null,{\"navigation\":[{\"title\":\"Products\",\"sections\":[{\"title\":\"Mux Video\",\"sections\":[{\"title\":\"Video API\",\"href\":\"/video-api\",\"icon\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"43\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 43 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Eyeball\"}],[\"$\",\"g\",null,{\"children\":[\"$\",\"g\",null,{\"strokeMiterlimit\":\"10\",\"className\":\"stroke-current\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M24.902 19.629H18.31c-.975 0-1.766.79-1.766 1.766v6.593c0 .975.791 1.766 1.767 1.766h6.593c.975 0 1.766-.79 1.766-1.766v-6.593c0-.976-.791-1.766-1.767-1.766Z\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M40.476 24.69s-4.417-11.508-18.87-11.508C7.155 13.182 2.74 24.69 2.74 24.69S7.165 36.2 21.617 36.2c14.453 0 18.859-11.509 18.859-11.509Z\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M21.606 36.199c5.847 0 10.586-5.153 10.586-11.509 0-6.356-4.74-11.508-10.586-11.508-5.847 0-10.586 5.152-10.586 11.508 0 6.356 4.74 11.509 10.586 11.509ZM21.596 10.883V5.361M4.934 17.018.932 13.142M42.318 13.185l-4.05 3.924M12.68 12.205 10.54 7.204M31.415 12.249l2.158-5.047\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]}]]}],\"description\":\"One API to build and scale unlimited video possibilities\"},{\"title\":\"Features\",\"href\":\"/features\",\"icon\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Mux Video\"}],[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M2.5 33.5v-19h24v19h-24ZM26.5 18.909l13-4.221v18.624l-13-4.22V18.908ZM15 9V3M20 12l4-4M9 12 5 8\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]}],\"description\":\"Everything you need to build your dream video experience\"},{\"title\":\"On-demand\",\"href\":\"/on-demand\",\"icon\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Video File\"}],[\"$\",\"path\",null,{\"d\":\"M0.5 11.5H14H28H41.5V30.5H28H14H0.5V11.5ZM28.5 31.5H41.5V37.5H28.5V31.5ZM27.5 31.5V37.5H14.5V31.5H27.5ZM13.5 31.5V37.5H0.5V31.5H13.5ZM13.5 10.5H0.5V4.5H13.5V10.5ZM14.5 10.5V4.5H27.5V10.5H14.5ZM28.5 10.5V4.5H41.5V10.5H28.5Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]}],\"description\":\"Build video into your product without being a video expert\"},{\"title\":\"Live\",\"href\":\"/live\",\"icon\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Live\"}],[[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M20.926 19.457a4.532 4.532 0 1 0 0-9.064 4.532 4.532 0 0 0 0 9.064Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M14.75 21.868c-1.93-1.736-3.183-4.243-3.183-7.04a9.301 9.301 0 0 1 9.354-9.353 9.301 9.301 0 0 1 9.354 9.354c0 2.796-1.254 5.303-3.183 7.039\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M20.925.75C28.735.75 35.1 7.114 35.1 14.925c0 4.821-2.41 9.064-6.075 11.668M12.825 26.497C9.161 23.893 6.75 19.65 6.75 14.829M19.192 19.168 10.128 41.25h6.267l1.736-5.014h5.786l1.543 5.014h6.171l-9.064-22.179M7.138 11.647c1.157-5.111 5.207-9.258 10.318-10.511\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}],\"description\":\"Live stream to millions, get started in minutes\"},{\"title\":\"Interactive\",\"href\":\"/interactive-live-streaming\",\"icon\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Low Latency\"}],[[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M36 12H6v18h30V12Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M19.25 23.848v-5.696L23.807 21l-4.557 2.848Z\",\"className\":\"fill-current stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M12 7.5a19.212 19.212 0 0 1 9-2.25c3.125 0 6.206.77 9 2.25M30 34.5a19.212 19.212 0 0 1-9 2.25c-3.125 0-6.206-.77-9-2.25M6.75 4.5C11.03 2.049 15.966.75 21 .75c5.034 0 9.97 1.299 14.25 3.75M35.25 37.5c-4.283 2.452-9.217 3.75-14.25 3.75-5.033 0-9.967-1.298-14.25-3.75\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}],\"description\":\"Low-latency live streaming\"},{\"title\":\"Encoding\",\"href\":\"/encoding\",\"icon\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Gears\"}],[[\"$\",\"path\",null,{\"d\":\"M8.06 2l-.54 1.407c-.218.57-.87.84-1.429.592l-1.375-.614-1.331 1.33.614 1.376a1.066 1.066 0 01-.592 1.43L2 8.058v1.882l1.407.539c.57.218.84.87.592 1.429l-.614 1.375 1.33 1.331 1.376-.614a1.066 1.066 0 011.43.592L8.058 16h1.882l.539-1.407c.218-.57.87-.84 1.429-.592l1.375.614 1.331-1.33-.614-1.376a1.066 1.066 0 01.592-1.43L16 9.942V8.059l-1.407-.539a1.066 1.066 0 01-.592-1.429l.614-1.375-1.33-1.331-1.376.614a1.066 1.066 0 01-1.43-.592L9.942 2H8.059z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"circle\",null,{\"cx\":\"9\",\"cy\":\"9\",\"r\":\"2\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M24.118 12l-1.48 3.863c-.218.571-.87.841-1.429.592l-3.778-1.685-2.661 2.661 1.685 3.778a1.066 1.066 0 01-.592 1.43L12 24.119v3.763l3.863 1.48c.571.218.841.87.592 1.429l-1.685 3.778 2.661 2.661 3.778-1.685a1.066 1.066 0 011.43.592L24.119 40h3.763l1.48-3.863c.218-.571.87-.841 1.429-.592l3.778 1.685 2.661-2.661-1.685-3.778a1.066 1.066 0 01.592-1.43L40 27.881v-3.763l-3.863-1.48a1.066 1.066 0 01-.592-1.429l1.685-3.778-2.661-2.661-3.778 1.685a1.066 1.066 0 01-1.43-.592L27.881 12h-3.763z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"circle\",null,{\"cx\":\"25.899\",\"cy\":\"25.828\",\"transform\":\"rotate(-15 25.899 25.828)\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\",\"r\":\"4\"}]]]}],\"description\":\"Cloud encoding platform for on-demand and live streaming\"}]},{\"title\":\"Mux Data\",\"sections\":[{\"title\":\"Overview\",\"href\":\"/data\",\"icon\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Globe\"}],[\"$\",\"g\",null,{\"strokeMiterlimit\":\"10\",\"className\":\"stroke-current\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M21 41c11.046 0 20-8.954 20-20S32.046 1 21 1 1 9.954 1 21s8.954 20 20 20ZM25.761 21H40.65M1 21h15.237\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M21 1s12.232 6.877 11.794 19.935C32.356 33.994 21 41 21 41M21 1S8.767 7.932 9.205 20.99C9.643 34.05 21 41 21 41M21 1v15.238M20.999 25.761V41\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]]}],\"description\":\"Understand your user engagement and Quality of Experience\"},{\"title\":\"Features\",\"href\":\"/data/features\",\"icon\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Mux Data\"}],[\"$\",\"g\",null,{\"className\":\"stroke-current\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M41.25 17.25H.75v24h40.5v-24Z\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"d\":\"M17.25 24.938 26 29.75l-8.75 4.813v-9.626Z\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M9.75 13.5v-6M23.25 13.5v-12M32.25 13.5V0M18.75 13.5V5.25M14.25 13.5V3.75M27.75 13.5V3.75\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]]}],\"description\":\"Everything you need to understand, monitor, and improve\"},{\"title\":\"Monitor\",\"href\":\"/data-operations\",\"icon\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Graph\"}],[\"$\",\"g\",null,{\"strokeMiterlimit\":\"10\",\"className\":\"stroke-current\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M41.25 41.25H.75V.75\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M5.308 30h4.739c10.449 0 8.424-18.844 23.611-18.844h6.075\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]]}],\"description\":\"Your most critical metrics all in one real-time view\"}]},{\"title\":\"Mux Player\",\"href\":\"/player\"}]},{\"title\":\"Developers\",\"sections\":[{\"title\":\"Documentation\",\"href\":\"/docs/guides\"},{\"title\":\"API Reference\",\"href\":\"/docs/api-reference\"},{\"title\":\"Webhook Reference\",\"href\":\"/docs/webhook-reference\"},{\"title\":\"Changelog\",\"href\":\"/docs/changelog\"},{\"title\":\"Open Source software\",\"href\":\"/oss\"},{\"title\":\"SDKs\",\"href\":\"/oss#platforms\"},{\"title\":\"Beta features\",\"href\":\"/beta\"},{\"title\":\"Powered by Mux program\",\"href\":\"/powered-by-mux\"},{\"title\":\"Contact support\",\"href\":\"/support\"}]},{\"title\":\"Solutions\",\"sections\":[{\"title\":\"Video for your video platform\",\"href\":\"/solutions/video-infra-for-your-video-platform\"},{\"title\":\"Video for user generated content\",\"href\":\"/solutions/video-for-ugc\"},{\"title\":\"Video for connected fitness\",\"href\":\"/solutions/video-for-fitness\"},{\"title\":\"Video for generative AI\",\"href\":\"/solutions/video-for-generative-ai\"},{\"title\":\"Video for Vercel users\",\"href\":\"/solutions/video-for-vercel\"},{\"title\":\"Data for broadcasters\",\"href\":\"/solutions/data-for-broadcasters\"},{\"title\":\"Data for telco operators\",\"href\":\"/solutions/data-for-telco\"},{\"title\":\"Data for sports\",\"href\":\"/solutions/data-for-sports\"},{\"title\":\"Customer stories\",\"href\":\"/customers\"}]},{\"title\":\"Pricing\",\"sections\":[{\"title\":\"Mux Video pricing\",\"href\":\"/pricing/video\"},{\"title\":\"Mux Data pricing\",\"href\":\"/pricing/data\"}]},{\"title\":\"Blog\",\"href\":\"/blog\"}],\"active\":\"$undefined\",\"LinkComponent\":\"$40\",\"className\":\"block lg:hidden\",\"ctas\":[{\"text\":\"Talk to us\",\"href\":\"/sales-contact\",\"data-analytics-selector\":\"navbar-sales-contact\"},{\"text\":\"Log in\",\"href\":\"https://dashboard.mux.com/login\",\"data-analytics-selector\":\"navbar-login\"}],\"color\":\"putty\",\"ctaColor\":\"$undefined\"}],[\"$\",\"$L42\",null,{\"navigation\":\"$43\",\"active\":\"$undefined\",\"LinkComponent\":\"$40\",\"className\":\"hidden lg:flex\",\"color\":\"putty\"}],[\"$\",\"div\",null,{\"className\":\"grid h-full hidden lg:grid\",\"style\":{\"gridTemplateColumns\":\"repeat(2, auto)\",\"direction\":\"rtl\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"border-ctx-gray bg-putty [\u0026\u003e*]:set-border-ctx-gray [\u0026\u003e*]:set-bg-ctx-putty text-black border -m-0.5px font-mono text-sm leading-mono font-normal uppercase grid\",\"children\":[null,null,null,null,[[\"$\",\"$L40\",null,{\"href\":\"/sales-contact\",\"data-analytics-selector\":\"navbar-sales-contact\",\"className\":\"relative group/button block -m-1px w-full-2px h-full-2px whitespace-nowrap\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-full h-full flex items-center justify-center cursor-pointer px-1.5 text-center bg-ctx border border-ctx-orange-dark user-select-none min-h-0 py-0\",\"aria-hidden\":\"$undefined\",\"children\":\"Talk to us\"}],[\"$\",\"span\",null,{\"className\":\"absolute inset-0 flex items-center justify-center cursor-pointer px-1.5 text-center text-black bg-orange border border-ctx-orange-dark transition-[border-radius] duration-medium ease-in-out-energetic rounded-4 group-hover/button:rounded-none group-focus-visible/button:rounded-none min-h-0 py-0\",\"aria-hidden\":true,\"children\":\"Talk to us\"}]]}],null],null]}],[\"$\",\"div\",null,{\"className\":\"border-ctx-gray bg-putty [\u0026\u003e*]:set-border-ctx-gray [\u0026\u003e*]:set-bg-ctx-putty text-black border -m-0.5px font-mono text-sm leading-mono font-normal uppercase grid\",\"children\":[null,null,null,null,[[\"$\",\"$L40\",null,{\"href\":\"https://dashboard.mux.com/login\",\"data-analytics-selector\":\"navbar-login\",\"className\":\"relative group/button block -m-1px w-full-2px h-full-2px whitespace-nowrap\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-full h-full flex items-center justify-center cursor-pointer px-1 text-center text-white bg-black border border-ctx-current user-select-none min-h-0 py-0\",\"aria-hidden\":\"$undefined\",\"children\":\"Log in\"}],[\"$\",\"span\",null,{\"className\":\"absolute inset-0 flex items-center justify-center cursor-pointer px-1 text-center bg-ctx border border-ctx-current group-hover/button:opacity-0 group-focus-visible/button:opacity-0 min-h-0 py-0\",\"aria-hidden\":true,\"children\":\"Log in\"}]]}],null],null]}]]}]]}]}]}],[\"$\",\"div\",null,{\"id\":\"skip-nav\"}]]]\n"])</script><script>self.__next_f.push([1,"3a:[null,[\"$\",\"footer\",null,{\"className\":\"relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-charcoal border-ctx-black text-white dark set-bg-ctx-charcoal set-border-ctx-black set-decoration-ctx-gray-underline z-10\",\"children\":[\"$\",\"div\",null,{\"className\":\"col-start-2 col-end-3 border-x border-ctx-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"-m-0.5px grid-cols-1 block gap-1 px-1 md:columns-2 md:px-2 lg:columns-3 xl:columns-4\",\"style\":{\"paddingBottom\":\"6rem\"},\"children\":[[\"$\",\"section\",null,{\"className\":\"relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]\",\"style\":{\"--pt\":\"4rem\",\"--pt-first\":\"4rem\"},\"children\":[[\"$\",\"h3\",null,{\"style\":{\"lineHeight\":2,\"--mb\":\"2rem\",\"--mb-md\":\"2rem\",\"position\":\"$undefined\",\"top\":\"$undefined\"},\"className\":\"font-body tracking-wide text-base leading-normal font-bold normal-case mb-[--mb] md:mb-[--mb-md]\",\"children\":[null,null,null,null,\"Platform\",null]}],[\"$\",\"ul\",null,{\"children\":[\"$undefined\",[[\"$\",\"section\",null,{\"className\":\"relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]\",\"style\":{\"--pt\":\"2rem\",\"--pt-first\":\"0\"},\"children\":[[\"$\",\"h3\",null,{\"style\":{\"lineHeight\":2.2857142857142856,\"--mb\":\"0\",\"--mb-md\":\"0\",\"position\":\"relative\",\"top\":\"-0.0625rem\"},\"className\":\"font-mono text-sm leading-mono font-normal uppercase text-yellow mb-[--mb] md:mb-[--mb-md]\",\"children\":[null,null,null,null,\"Mux Video\",null]}],[\"$\",\"ul\",null,{\"children\":[[[\"$\",\"li\",\"Video API-/video-api\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-api\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Video API\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Features-/features\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/features\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Features\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"On-Demand-/on-demand\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/on-demand\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"On-Demand\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Live-/live\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/live\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Live\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Interactive-/interactive-live-streaming\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/interactive-live-streaming\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Interactive\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Encoding-/encoding\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/encoding\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Encoding\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Pricing-/pricing/video\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/pricing/video\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Pricing\",\"$undefined\"],null]}]}]],\"$undefined\"]}],\"$undefined\"]}],[\"$\",\"section\",null,{\"className\":\"relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]\",\"style\":{\"--pt\":\"2rem\",\"--pt-first\":\"0\"},\"children\":[[\"$\",\"h3\",null,{\"style\":{\"lineHeight\":2.2857142857142856,\"--mb\":\"0\",\"--mb-md\":\"0\",\"position\":\"relative\",\"top\":\"-0.0625rem\"},\"className\":\"font-mono text-sm leading-mono font-normal uppercase text-yellow mb-[--mb] md:mb-[--mb-md]\",\"children\":[null,null,null,null,\"Mux Data\",null]}],[\"$\",\"ul\",null,{\"children\":[[[\"$\",\"li\",\"Overview-/data\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/data\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Overview\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Features-/data/features\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/data/features\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Features\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Monitoring-/data-operations\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/data-operations\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Monitoring\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Pricing-/pricing/data\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/pricing/data\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Pricing\",\"$undefined\"],null]}]}]],\"$undefined\"]}],\"$undefined\"]}],[\"$\",\"section\",null,{\"className\":\"relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]\",\"style\":{\"--pt\":\"2rem\",\"--pt-first\":\"0\"},\"children\":[[\"$\",\"h3\",null,{\"style\":{\"lineHeight\":2.2857142857142856,\"--mb\":\"0\",\"--mb-md\":\"0\",\"position\":\"relative\",\"top\":\"-0.0625rem\"},\"className\":\"font-mono text-sm leading-mono font-normal uppercase text-yellow mb-[--mb] md:mb-[--mb-md]\",\"children\":[null,null,null,null,\"Mux Player\",null]}],[\"$\",\"ul\",null,{\"children\":[[[\"$\",\"li\",\"Overview-/player\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/player\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Overview\",\"$undefined\"],null]}]}]],\"$undefined\"]}],\"$undefined\"]}]]]}],\"$undefined\"]}],[\"$\",\"section\",null,{\"className\":\"relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]\",\"style\":{\"--pt\":\"4rem\",\"--pt-first\":\"4rem\"},\"children\":[[\"$\",\"h3\",null,{\"style\":{\"lineHeight\":2,\"--mb\":\"0\",\"--mb-md\":\"2rem\",\"position\":\"$undefined\",\"top\":\"$undefined\"},\"className\":\"font-body tracking-wide text-base leading-normal font-bold normal-case mb-[--mb] md:mb-[--mb-md]\",\"children\":[null,null,null,null,\"Developers\",null]}],[\"$\",\"ul\",null,{\"children\":[[[\"$\",\"li\",\"Documentation-/docs\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/docs\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Documentation\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"API reference-/docs/api-reference\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/docs/api-reference\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"API reference\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Webhook reference-/docs/webhook-reference\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/docs/webhook-reference\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Webhook reference\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Open source software-/oss\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/oss\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Open source software\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Beta features-/beta\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/beta\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Beta features\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Contact support-/support\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/support\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Contact support\",\"$undefined\"],null]}]}]],\"$undefined\"]}],\"$undefined\"]}],[\"$\",\"section\",null,{\"className\":\"relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]\",\"style\":{\"--pt\":\"4rem\",\"--pt-first\":\"4rem\"},\"children\":[[\"$\",\"h3\",null,{\"style\":{\"lineHeight\":2,\"--mb\":\"0\",\"--mb-md\":\"2rem\",\"position\":\"$undefined\",\"top\":\"$undefined\"},\"className\":\"font-body tracking-wide text-base leading-normal font-bold normal-case mb-[--mb] md:mb-[--mb-md]\",\"children\":[null,null,null,null,\"Resources\",null]}],[\"$\",\"ul\",null,{\"children\":[[[\"$\",\"li\",\"Video glossary-/video-glossary\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-glossary\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Video glossary\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Learn about video-/articles\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/articles\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Learn about video\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Demuxed-https://demuxed.com/\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"https://demuxed.com/\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Demuxed\",[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"56\",\"height\":\"56\",\"fill\":\"none\",\"viewBox\":\"0 0 56 56\",\"className\":\"ml-0.25 inline-block h-0.5 w-0.5\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Arrow Up Right\"}],[\"$\",\"g\",null,{\"strokeMiterlimit\":\"10\",\"className\":\"stroke-current\",\"children\":[\"$\",\"path\",null,{\"d\":\"m46.031 44.41.001-33.94-33.942-.001M46.031 10.469 9.97 46.53\",\"vectorEffect\":\"non-scaling-stroke\"}]}]]}]],null]}]}],[\"$\",\"li\",\"HowVideo.Works-https://howvideo.works/\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"https://howvideo.works/\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"HowVideo.Works\",[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"56\",\"height\":\"56\",\"fill\":\"none\",\"viewBox\":\"0 0 56 56\",\"className\":\"ml-0.25 inline-block h-0.5 w-0.5\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Arrow Up Right\"}],[\"$\",\"g\",null,{\"strokeMiterlimit\":\"10\",\"className\":\"stroke-current\",\"children\":[\"$\",\"path\",null,{\"d\":\"m46.031 44.41.001-33.94-33.942-.001M46.031 10.469 9.97 46.53\",\"vectorEffect\":\"non-scaling-stroke\"}]}]]}]],null]}]}],[\"$\",\"li\",\"Mux vs. Cloudflare Stream-/compare/cloudflare-stream\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/compare/cloudflare-stream\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Mux vs. Cloudflare Stream\",\"$undefined\"],null]}]}]],\"$undefined\"]}],\"$undefined\"]}],[\"$\",\"section\",null,{\"className\":\"relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]\",\"style\":{\"--pt\":\"4rem\",\"--pt-first\":\"4rem\"},\"children\":[[\"$\",\"h3\",null,{\"style\":{\"lineHeight\":2,\"--mb\":\"0\",\"--mb-md\":\"2rem\",\"position\":\"$undefined\",\"top\":\"$undefined\"},\"className\":\"font-body tracking-wide text-base leading-normal font-bold normal-case mb-[--mb] md:mb-[--mb-md]\",\"children\":[null,null,null,null,\"Solutions\",null]}],[\"$\",\"ul\",null,{\"children\":[[[\"$\",\"li\",\"Video for your video platform-/solutions/video-infra-for-your-video-platform\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/solutions/video-infra-for-your-video-platform\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Video for your video platform\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Video for UGC-/solutions/video-for-ugc\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/solutions/video-for-ugc\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Video for UGC\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Video for connected fitness-/solutions/video-for-fitness\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/solutions/video-for-fitness\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Video for connected fitness\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Video for AI-/solutions/video-for-generative-ai\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/solutions/video-for-generative-ai\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Video for AI\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Video for Vercel users-/solutions/video-for-vercel\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/solutions/video-for-vercel\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Video for Vercel users\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Data for broadcasters-/solutions/data-for-broadcasters\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/solutions/data-for-broadcasters\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Data for broadcasters\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Data for telco operators-/solutions/data-for-telco\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/solutions/data-for-telco\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Data for telco operators\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Data for sports-/solutions/data-for-sports\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/solutions/data-for-sports\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Data for sports\",\"$undefined\"],null]}]}]],\"$undefined\"]}],\"$undefined\"]}],[\"$\",\"section\",null,{\"className\":\"relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]\",\"style\":{\"--pt\":\"4rem\",\"--pt-first\":\"4rem\"},\"children\":[[\"$\",\"h3\",null,{\"style\":{\"lineHeight\":2,\"--mb\":\"0\",\"--mb-md\":\"2rem\",\"position\":\"$undefined\",\"top\":\"$undefined\"},\"className\":\"font-body tracking-wide text-base leading-normal font-bold normal-case mb-[--mb] md:mb-[--mb-md]\",\"children\":[null,null,null,null,\"Integrations\",null]}],[\"$\",\"ul\",null,{\"children\":[[[\"$\",\"li\",\"Node-/video-for/node\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/node\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Node\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Ruby-/video-for/ruby\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/ruby\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Ruby\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"PHP-/video-for/php\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/php\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"PHP\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Python-/video-for/python\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/python\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Python\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Elixir-/video-for/elixir\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/elixir\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Elixir\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Go-/video-for/go\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/go\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Go\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Astro-/video-for/astro\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/astro\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Astro\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"SvelteKit-/video-for/sveltekit\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/sveltekit\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"SvelteKit\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Flutter-/video-for/flutter\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/flutter\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Flutter\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Next.js-/video-for/next-js\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/next-js\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Next.js\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"React Native-/video-for/react-native\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/react-native\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"React Native\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Remix.js-/video-for/remix-js\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/remix-js\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Remix.js\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Laravel-/video-for/laravel\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/laravel\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Laravel\",\"$undefined\"],null]}]}]],\"$undefined\"]}],\"$undefined\"]}],[\"$\",\"section\",null,{\"className\":\"relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]\",\"style\":{\"--pt\":\"4rem\",\"--pt-first\":\"4rem\"},\"children\":[[\"$\",\"h3\",null,{\"style\":{\"lineHeight\":2,\"--mb\":\"0\",\"--mb-md\":\"2rem\",\"position\":\"$undefined\",\"top\":\"$undefined\"},\"className\":\"font-body tracking-wide text-base leading-normal font-bold normal-case mb-[--mb] md:mb-[--mb-md]\",\"children\":[null,null,null,null,\"Company\",null]}],[\"$\",\"ul\",null,{\"children\":[[[\"$\",\"li\",\"Blog-/blog\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/blog\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Blog\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Team-/team\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/team\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Team\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Customers-/customers\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/customers\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Customers\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Partners-/partners\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/partners\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Partners\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Jobs-/jobs\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/jobs\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Jobs\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Startup Program-/startups\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/startups\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Startup Program\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Powered by Mux Program-/powered-by-mux\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/powered-by-mux\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Powered by Mux Program\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Sign up for our newsletter-/newsletter/signup\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/newsletter/signup\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Sign up for our newsletter\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Download Press Kit-/files/mux-press-kit.zip\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/files/mux-press-kit.zip\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Download Press Kit\",\"$undefined\"],null]}]}]],\"$undefined\"]}],[\"$\",\"section\",null,{\"className\":\"flex gap-1\",\"style\":{\"marginTop\":\"calc(6rem - 1.75rem * 0.75)\"},\"children\":[[\"$\",\"$L40\",null,{\"href\":\"https://twitter.com/muxhq\",\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline block\",\"children\":[null,null,null,null,[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Mux on Twitter\"}],[\"$\",\"svg\",null,{\"role\":\"img\",\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 20 20\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"h-0.75 w-0.75\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Twitter, or I guess it's called X now\"}],[\"$\",\"path\",null,{\"d\":\"M11.64 8.464L18.923 0h-1.725l-6.323 7.35L5.824 0H0l7.636 11.114L0 19.99h1.726l6.676-7.761 5.334 7.76h5.824L11.64 8.465zm-2.363 2.747l-.773-1.106-6.157-8.806h2.65l4.969 7.107.774 1.106 6.458 9.238h-2.65l-5.27-7.538z\",\"vectorEffect\":\"non-scaling-stroke\",\"className\":\"fill-current\"}]]}]],null]}],[\"$\",\"$L40\",null,{\"href\":\"https://www.linkedin.com/company/mux/\",\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline block\",\"children\":[null,null,null,null,[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Mux on LinkedIn\"}],[\"$\",\"svg\",null,{\"role\":\"img\",\"width\":\"56\",\"height\":\"56\",\"viewBox\":\"0 0 20 20\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"h-0.75 w-0.75\",\"children\":[[\"$\",\"title\",null,{\"children\":\"LinkedIn\"}],[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M1.47631 0H18.5187C19.3337 0 20.0004 0.644996 20.0004 1.44082V18.559C20.0004 19.3557 19.3337 19.9999 18.5187 19.9999H1.47631C0.660484 19.9999 0.000488281 19.3557 0.000488281 18.559V1.44082C0.000488281 0.644996 0.660484 0 1.47631 0ZM2.729 4.47306C2.729 5.42222 3.49483 6.19388 4.44816 6.19388C5.39732 6.19388 6.16815 5.42222 6.16815 4.47306C6.16815 3.52473 5.39815 2.75391 4.44816 2.75391C3.49567 2.75391 2.729 3.52473 2.729 4.47306ZM14.0784 17.0429H17.0401H17.0409V11.8046C17.0409 9.23378 16.4859 7.25879 13.4851 7.25879C12.0409 7.25879 11.0743 8.05045 10.6768 8.80045H10.6384V7.49962H7.79346V17.0429H10.7551V12.3204C10.7551 11.0754 10.9909 9.87127 12.5351 9.87127C14.0559 9.87127 14.0784 11.2954 14.0784 12.4021V17.0429ZM5.93336 17.0433H2.96338V7.5H5.93336V17.0433Z\",\"className\":\"fill-current\"}]]}]],null]}],[\"$\",\"$L40\",null,{\"href\":\"https://www.github.com/muxinc/\",\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline block\",\"children\":[null,null,null,null,[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Mux on GitHub\"}],[\"$\",\"svg\",null,{\"role\":\"img\",\"width\":\"56\",\"height\":\"56\",\"viewBox\":\"0 0 32 32\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"h-0.75 w-0.75\",\"children\":[[\"$\",\"title\",null,{\"children\":\"GitHub\"}],[\"$\",\"path\",null,{\"d\":\"M15.999.395C7.164.395 0 7.558 0 16.396c0 7.068 4.584 13.066 10.942 15.182.801.146 1.092-.348 1.092-.771 0-.38-.014-1.386-.021-2.722-4.451.967-5.39-2.144-5.39-2.144-.728-1.849-1.777-2.341-1.777-2.341-1.452-.993.11-.972.11-.972 1.606.113 2.451 1.648 2.451 1.648 1.427 2.446 3.745 1.739 4.657 1.33.145-1.035.559-1.74 1.015-2.14-3.552-.403-7.288-1.776-7.288-7.907 0-1.747.624-3.175 1.647-4.294-.165-.404-.714-2.031.158-4.234 0 0 1.342-.43 4.399 1.64A15.352 15.352 0 0116 8.133c1.36.006 2.728.184 4.006.538 3.055-2.07 4.395-1.64 4.395-1.64.874 2.203.325 3.83.161 4.234 1.025 1.119 1.644 2.547 1.644 4.294 0 6.146-3.741 7.499-7.305 7.895.574.494 1.085 1.47 1.085 2.963 0 2.139-.019 3.865-.019 4.39 0 .427.288.925 1.1.769C27.42 29.456 32 23.463 32 16.396 32 7.558 24.836.395 15.999.395z\",\"className\":\"fill-current\"}]]}]],null]}],[\"$\",\"$L40\",null,{\"href\":\"https://www.youtube.com/channel/UCGaddSlVSK83POSytkL21rQ\",\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline block\",\"children\":[null,null,null,null,[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Mux on YouTube\"}],[\"$\",\"svg\",null,{\"role\":\"img\",\"width\":\"56\",\"height\":\"56\",\"viewBox\":\"0 0 29 20\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"h-0.75 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"YouTube\"}],[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M25.45.597a3.578 3.578 0 012.526 2.526c.594 2.228.597 6.877.597 6.877s0 4.65-.598 6.878a3.578 3.578 0 01-2.526 2.526C23.222 20 14.287 20 14.287 20s-8.935 0-11.162-.598a3.578 3.578 0 01-2.526-2.525C0 14.65 0 10 0 10s0-4.65.598-6.877A3.578 3.578 0 013.125.597C5.352 0 14.287 0 14.287 0s8.935 0 11.162.597zm-6.6 9.404l-7.422 4.285v-8.57L18.851 10z\",\"className\":\"fill-current\"}]]}]],null]}]]}]]}]]}]}]}],[\"$\",\"div\",null,{\"className\":\"relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-charcoal border-ctx-black text-white dark set-bg-ctx-charcoal set-border-ctx-black set-decoration-ctx-gray-underline z-10\",\"style\":{\"--pt\":\"4rem\",\"--pt-lg\":\"2rem\",\"--pb\":\"max(env(safe-area-inset-bottom,0px), 4rem)\",\"--pb-lg\":\"max(env(safe-area-inset-bottom,0px), 2rem)\"},\"children\":[\"$\",\"div\",null,{\"className\":\"col-start-2 col-end-3 border-x border-ctx-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"-m-0.5px grid-cols-1 block items-center px-1 pb-[--pb] pt-[--pt] md:px-2 lg:flex lg:pb-[--pb-lg] lg:pt-[--pt-lg]\",\"style\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col lg:flex-row lg:items-center lg:gap-x-2\",\"children\":[[\"$\",\"span\",null,{\"style\":{\"lineHeight\":\"2\"},\"className\":\"font-body tracking-wide text-base leading-normal font-normal normal-case\",\"children\":[null,null,null,null,[\"© Mux, Inc. \",2025],null]}],[[\"$\",\"$L40\",null,{\"href\":\"/terms\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"font-body tracking-wide text-base leading-normal font-normal normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,\"Terms of service\",null]}],[\"$\",\"$L40\",null,{\"href\":\"/security\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"font-body tracking-wide text-base leading-normal font-normal normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,\"Security\",null]}],[\"$\",\"$L40\",null,{\"href\":\"/privacy\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"font-body tracking-wide text-base leading-normal font-normal normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,\"Privacy policy\",null]}],[\"$\",\"$L40\",null,{\"href\":\"/sitemap\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"font-body tracking-wide text-base leading-normal font-normal normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,\"Sitemap\",null]}]]]}],[\"$\",\"$L78\",null,{\"className\":\"-ml-1 mt-[--mt] rounded-none bg-black md:rounded-4 md:bg-charcoal lg:ml-auto lg:mt-0\",\"style\":{\"--mt\":\"2rem\"}}]]}]}]}]]\n"])</script><script>self.__next_f.push([1,"7a:I[11584,[\"6715\",\"static/chunks/85582243-4866b5340f66117c.js\",\"8146\",\"static/chunks/8146-4ec4c79a5c65983c.js\",\"294\",\"static/chunks/294-8e4b54d1207ca184.js\",\"9755\",\"static/chunks/9755-d74f223fe972548e.js\",\"6059\",\"static/chunks/6059-11c1aabc2c836e6c.js\",\"6764\",\"static/chunks/6764-ddfbdf10100b325e.js\",\"251\",\"static/chunks/251-f59054c5c0721c47.js\",\"8184\",\"static/chunks/8184-9b8e27f7ec115337.js\",\"3758\",\"static/chunks/3758-470803da3327e15b.js\",\"5187\",\"static/chunks/5187-a885152b6bb388da.js\",\"7204\",\"static/chunks/7204-2afd245157637521.js\",\"9986\",\"static/chunks/9986-f1143c1a2d2a1f27.js\",\"8748\",\"static/chunks/8748-ddaf864c6f242432.js\",\"5648\",\"static/chunks/5648-ff02152b67a4b091.js\",\"4310\",\"static/chunks/4310-d20706c592f78f28.js\",\"2793\",\"static/chunks/2793-c38ff840fde20c7c.js\",\"9273\",\"static/chunks/app/(marketing)/video-for/%5BsdkOrFramework%5D/page-366945a159cd0504.js\"],\"CuePointsProvider\"]\n7c:\"$Sreact.suspense\"\n7d:I[69111,[\"6715\",\"static/chunks/85582243-4866b5340f66117c.js\",\"8146\",\"static/chunks/8146-4ec4c79a5c65983c.js\",\"294\",\"static/chunks/294-8e4b54d1207ca184.js\",\"9755\",\"static/chunks/9755-d74f223fe972548e.js\",\"6059\",\"static/chunks/6059-11c1aabc2c836e6c.js\",\"6764\",\"static/chunks/6764-ddfbdf10100b325e.js\",\"251\",\"static/chunks/251-f59054c5c0721c47.js\",\"8184\",\"static/chunks/8184-9b8e27f7ec115337.js\",\"3758\",\"static/chunks/3758-470803da3327e15b.js\",\"5187\",\"static/chunks/5187-a885152b6bb388da.js\",\"7204\",\"static/chunks/7204-2afd245157637521.js\",\"9986\",\"static/chunks/9986-f1143c1a2d2a1f27.js\",\"8748\",\"static/chunks/8748-ddaf864c6f242432.js\",\"5648\",\"static/chunks/5648-ff02152b67a4b091.js\",\"4310\",\"static/chunks/4310-d20706c592f78f28.js\",\"2793\",\"static/chunks/2793-c38ff840fde20c7c.js\",\"9273\",\"static/chunks/app/(marketing)/video-for/%5BsdkOrFramework%5D/page-366945a159cd0504.js\"],\"PreloadCss\"]\n7f:I[37209,[\"6715\",\"static/chunks/85582243-4866b5340f66117c.js\",\"8146\",\"static/chunks/8146-4ec4c79a5c65983c.js\",\"294\",\"static/chunks/294-8e4b54d1207ca184.js\",\"9755\",\"static/chunks/9755-d74f223fe972548e.js\",\"6059\",\"static/chunks/6059-11c1aa"])</script><script>self.__next_f.push([1,"bc2c836e6c.js\",\"6764\",\"static/chunks/6764-ddfbdf10100b325e.js\",\"251\",\"static/chunks/251-f59054c5c0721c47.js\",\"8184\",\"static/chunks/8184-9b8e27f7ec115337.js\",\"3758\",\"static/chunks/3758-470803da3327e15b.js\",\"5187\",\"static/chunks/5187-a885152b6bb388da.js\",\"7204\",\"static/chunks/7204-2afd245157637521.js\",\"9986\",\"static/chunks/9986-f1143c1a2d2a1f27.js\",\"8748\",\"static/chunks/8748-ddaf864c6f242432.js\",\"5648\",\"static/chunks/5648-ff02152b67a4b091.js\",\"4310\",\"static/chunks/4310-d20706c592f78f28.js\",\"2793\",\"static/chunks/2793-c38ff840fde20c7c.js\",\"9273\",\"static/chunks/app/(marketing)/video-for/%5BsdkOrFramework%5D/page-366945a159cd0504.js\"],\"default\"]\n81:I[36518,[\"6715\",\"static/chunks/85582243-4866b5340f66117c.js\",\"8146\",\"static/chunks/8146-4ec4c79a5c65983c.js\",\"294\",\"static/chunks/294-8e4b54d1207ca184.js\",\"9755\",\"static/chunks/9755-d74f223fe972548e.js\",\"6059\",\"static/chunks/6059-11c1aabc2c836e6c.js\",\"6764\",\"static/chunks/6764-ddfbdf10100b325e.js\",\"251\",\"static/chunks/251-f59054c5c0721c47.js\",\"8184\",\"static/chunks/8184-9b8e27f7ec115337.js\",\"3758\",\"static/chunks/3758-470803da3327e15b.js\",\"5187\",\"static/chunks/5187-a885152b6bb388da.js\",\"7204\",\"static/chunks/7204-2afd245157637521.js\",\"9986\",\"static/chunks/9986-f1143c1a2d2a1f27.js\",\"8748\",\"static/chunks/8748-ddaf864c6f242432.js\",\"5648\",\"static/chunks/5648-ff02152b67a4b091.js\",\"4310\",\"static/chunks/4310-d20706c592f78f28.js\",\"2793\",\"static/chunks/2793-c38ff840fde20c7c.js\",\"9273\",\"static/chunks/app/(marketing)/video-for/%5BsdkOrFramework%5D/page-366945a159cd0504.js\"],\"default\"]\n82:I[24073,[\"6715\",\"static/chunks/85582243-4866b5340f66117c.js\",\"8146\",\"static/chunks/8146-4ec4c79a5c65983c.js\",\"294\",\"static/chunks/294-8e4b54d1207ca184.js\",\"9755\",\"static/chunks/9755-d74f223fe972548e.js\",\"6059\",\"static/chunks/6059-11c1aabc2c836e6c.js\",\"6764\",\"static/chunks/6764-ddfbdf10100b325e.js\",\"251\",\"static/chunks/251-f59054c5c0721c47.js\",\"8184\",\"static/chunks/8184-9b8e27f7ec115337.js\",\"3758\",\"static/chunks/3758-470803da3327e15b.js\",\"5187\",\"static/chunks/5187-a885152b6bb388da.js\",\"7204\",\"static/chunks"])</script><script>self.__next_f.push([1,"/7204-2afd245157637521.js\",\"9986\",\"static/chunks/9986-f1143c1a2d2a1f27.js\",\"8748\",\"static/chunks/8748-ddaf864c6f242432.js\",\"5648\",\"static/chunks/5648-ff02152b67a4b091.js\",\"4310\",\"static/chunks/4310-d20706c592f78f28.js\",\"2793\",\"static/chunks/2793-c38ff840fde20c7c.js\",\"9273\",\"static/chunks/app/(marketing)/video-for/%5BsdkOrFramework%5D/page-366945a159cd0504.js\"],\"default\"]\n8f:I[23268,[\"6715\",\"static/chunks/85582243-4866b5340f66117c.js\",\"8146\",\"static/chunks/8146-4ec4c79a5c65983c.js\",\"294\",\"static/chunks/294-8e4b54d1207ca184.js\",\"9755\",\"static/chunks/9755-d74f223fe972548e.js\",\"6059\",\"static/chunks/6059-11c1aabc2c836e6c.js\",\"6764\",\"static/chunks/6764-ddfbdf10100b325e.js\",\"251\",\"static/chunks/251-f59054c5c0721c47.js\",\"8184\",\"static/chunks/8184-9b8e27f7ec115337.js\",\"3758\",\"static/chunks/3758-470803da3327e15b.js\",\"5187\",\"static/chunks/5187-a885152b6bb388da.js\",\"7204\",\"static/chunks/7204-2afd245157637521.js\",\"9986\",\"static/chunks/9986-f1143c1a2d2a1f27.js\",\"8748\",\"static/chunks/8748-ddaf864c6f242432.js\",\"5648\",\"static/chunks/5648-ff02152b67a4b091.js\",\"4310\",\"static/chunks/4310-d20706c592f78f28.js\",\"2793\",\"static/chunks/2793-c38ff840fde20c7c.js\",\"9273\",\"static/chunks/app/(marketing)/video-for/%5BsdkOrFramework%5D/page-366945a159cd0504.js\"],\"default\"]\n90:I[42238,[\"6715\",\"static/chunks/85582243-4866b5340f66117c.js\",\"8146\",\"static/chunks/8146-4ec4c79a5c65983c.js\",\"294\",\"static/chunks/294-8e4b54d1207ca184.js\",\"9755\",\"static/chunks/9755-d74f223fe972548e.js\",\"6059\",\"static/chunks/6059-11c1aabc2c836e6c.js\",\"6764\",\"static/chunks/6764-ddfbdf10100b325e.js\",\"251\",\"static/chunks/251-f59054c5c0721c47.js\",\"8184\",\"static/chunks/8184-9b8e27f7ec115337.js\",\"3758\",\"static/chunks/3758-470803da3327e15b.js\",\"5187\",\"static/chunks/5187-a885152b6bb388da.js\",\"7204\",\"static/chunks/7204-2afd245157637521.js\",\"9986\",\"static/chunks/9986-f1143c1a2d2a1f27.js\",\"8748\",\"static/chunks/8748-ddaf864c6f242432.js\",\"5648\",\"static/chunks/5648-ff02152b67a4b091.js\",\"4310\",\"static/chunks/4310-d20706c592f78f28.js\",\"2793\",\"static/chunks/2793-c38ff840fde20c7c.js\",\"9273\","])</script><script>self.__next_f.push([1,"\"static/chunks/app/(marketing)/video-for/%5BsdkOrFramework%5D/page-366945a159cd0504.js\"],\"AnimationStartTimeProvider\"]\n7b:T67f,\u003cspan class=\"line-number\"\u003e\u003c/span\u003eFuture\u003cspan class=\"token operator\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"token keyword\"\u003evoid\u003c/span\u003e\u003cspan class=\"token operator\"\u003e\u003e\u003c/span\u003e \u003cspan class=\"token function\"\u003einitializePlayer\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e async \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003cspan class=\"token keyword\"\u003econst\u003c/span\u003e playbackId \u003cspan class=\"token operator\"\u003e=\u003c/span\u003e \u003cspan class=\"token string\"\u003e'PLAYBACK_ID'\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e final url \u003cspan class=\"token operator\"\u003e=\u003c/span\u003e \u003cspan class=\"token string\"\u003e'https://stream.mux.com/$playbackId.m3u8'\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e _controller \u003cspan class=\"token operator\"\u003e=\u003c/span\u003e VideoPlayerController\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003enetworkUrl\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003eUri\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003eparse\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003eurl\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003cspan class=\"token keyword\"\u003eawait\u003c/span\u003e _controller\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003einitialize\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e80:T1465,"])</script><script>self.__next_f.push([1,"\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003cspan class=\"token keyword\"\u003eimport\u003c/span\u003e \u003cspan class=\"token string\"\u003e'package:flutter/material.dart'\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003cspan class=\"token keyword\"\u003eimport\u003c/span\u003e \u003cspan class=\"token string\"\u003e'package:video_player/video_player.dart'\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003cspan class=\"token keyword\"\u003eclass\u003c/span\u003e \u003cspan class=\"token class-name\"\u003eMuxVideoPlayer\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e late VideoPlayerController _controller\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e Future\u003cspan class=\"token operator\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"token keyword\"\u003evoid\u003c/span\u003e\u003cspan class=\"token operator\"\u003e\u003e\u003c/span\u003e \u003cspan class=\"token function\"\u003einitializePlayer\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e async \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003cspan class=\"token keyword\"\u003econst\u003c/span\u003e String playbackId \u003cspan class=\"token operator\"\u003e=\u003c/span\u003e \u003cspan class=\"token string\"\u003e'PLAYBACK_ID'\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e _controller \u003cspan class=\"token operator\"\u003e=\u003c/span\u003e VideoPlayerController\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003enetworkUrl\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e Uri\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003eparse\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token string\"\u003e'https://stream.mux.com/$playbackId.m3u8'\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e,\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003cspan class=\"token keyword\"\u003etry\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003cspan class=\"token keyword\"\u003eawait\u003c/span\u003e _controller\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003einitialize\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003cspan class=\"token function\"\u003eprint\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token string\"\u003e'Video player initialized successfully'\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e \u003cspan class=\"token keyword\"\u003ecatch\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003eerror\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003cspan class=\"token function\"\u003eprint\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token string\"\u003e'Error initializing video player: $error'\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003cspan class=\"token keyword\"\u003evoid\u003c/span\u003e \u003cspan class=\"token function\"\u003eplay\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e _controller\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003eplay\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003cspan class=\"token keyword\"\u003evoid\u003c/span\u003e \u003cspan class=\"token function\"\u003epause\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e _controller\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003epause\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003cspan class=\"token keyword\"\u003evoid\u003c/span\u003e \u003cspan class=\"token function\"\u003edispose\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e _controller\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003edispose\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e"])</script><script>self.__next_f.push([1,"86:{\"width\":2964,\"aspectRatio\":1.1043219076005961,\"height\":2684}\n85:{\"dimensions\":\"$86\"}\n84:{\"_id\":\"image-fd2fcde0bc262aa2a9571a16d0fbbca0671ab945-2964x2684-png\",\"extension\":\"png\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/fd2fcde0bc262aa2a9571a16d0fbbca0671ab945-2964x2684.png\",\"metadata\":\"$85\"}\n83:{\"crop\":null,\"hotspot\":null,\"asset\":\"$84\"}\n8a:{\"width\":2965,\"aspectRatio\":1.1051062243756988,\"height\":2683}\n89:{\"dimensions\":\"$8a\"}\n88:{\"_id\":\"image-6c2b23d16d3de3ab01f28f5407424b3a2147579e-2965x2683-png\",\"extension\":\"png\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/6c2b23d16d3de3ab01f28f5407424b3a2147579e-2965x2683.png\",\"metadata\":\"$89\"}\n87:{\"crop\":null,\"hotspot\":null,\"asset\":\"$88\"}\n8e:{\"width\":2964,\"aspectRatio\":1.2019464720194648,\"height\":2466}\n8d:{\"dimensions\":\"$8e\"}\n8c:{\"_id\":\"image-3198966e912243a20d4738f4501cd7094e0e5808-2964x2466-png\",\"extension\":\"png\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/3198966e912243a20d4738f4501cd7094e0e5808-2964x2466.png\",\"metadata\":\"$8d\"}\n8b:{\"crop\":null,\"hotspot\":null,\"asset\":\"$8c\"}\n"])</script><script>self.__next_f.push([1,"11:[\"$L79\",[\"$\",\"div\",null,{\"className\":\"relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-charcoal border-ctx-black text-white dark set-bg-ctx-charcoal set-border-ctx-black set-decoration-ctx-gray-underline z-10\",\"children\":[\"$\",\"div\",null,{\"className\":\"col-start-2 col-end-3 border-x border-ctx-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 lg:grid-cols-2 items-center gap-2 px-1 py-2 md:p-2 lg:gap-3 lg:py-3 lg:px-3\",\"style\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"block border-ctx-black bg-charcoal dark [\u0026\u003e*]:set-border-ctx-black [\u0026\u003e*]:set-decoration-ctx-gray-underline [\u0026\u003e*]:set-bg-ctx-charcoal text-white text-center lg:text-left\",\"children\":[null,[\"$\",\"h1\",null,{\"className\":\"font-body text-2xl md:text-5xl leading-heading-2 md:leading-heading last:mb-0 mb-1 font-bold normal-case [text-wrap:balance]\",\"children\":[null,null,null,null,\"High-performance video for your Flutter application\",null]}],[\"$\",\"div\",null,{\"className\":\"mx-auto whitespace-pre-line max-w-28\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-1\",\"children\":[\"$\",\"$L7a\",null,{\"scrollToValue\":true,\"children\":[\"$\",\"$L7a\",null,{\"scrollToValue\":true,\"children\":[[\"$\",\"p\",null,{\"className\":\"font-body text-md md:text-lg leading-heading-4 last:mb-0 mb-1 font-normal normal-case [text-wrap:pretty]\",\"children\":[null,null,null,null,[\"Mux is the best way to quickly add video to your Flutter application. Mux solves the hard problems with embedding, storing, streaming, and customizing video.\"],null]}]]}]}]}],[\"$\",\"span\",null,{\"className\":\"font-mono text-sm leading-mono font-normal uppercase grid gap-y-0.5 sm:inline-grid sm:justify-center lg:grid-cols-2\",\"children\":[null,null,null,null,[[\"$\",\"a\",null,{\"href\":\"https://dashboard.mux.com/signup\",\"data-analytics-selector\":\"$undefined\",\"className\":\"relative group/button inline-block -mx-0.5px whitespace-nowrap\",\"children\":[[\"$\",\"span\",null,{\"className\":\"min-h-2 flex items-center justify-center cursor-pointer px-2 py-0.5 text-center bg-putty border border-ctx-green-dark rounded-4 user-select-none\",\"aria-hidden\":\"$undefined\",\"children\":\"Start building\"}],[\"$\",\"span\",null,{\"className\":\"absolute inset-0 min-h-2 flex items-center justify-center cursor-pointer px-2 py-0.5 text-center text-black bg-green border border-green-dark rounded-4 translate-y-0 transform-gpu transition-transform duration-short ease-in-out-energetic group-hover/button:-translate-y-[5.25px] group-focus-visible/button:-translate-y-[5.25px] group-active/button:translate-y-0\",\"aria-hidden\":true,\"children\":\"Start building\"}]]}],[\"$\",\"a\",null,{\"href\":\"/docs\",\"data-analytics-selector\":\"$undefined\",\"className\":\"relative group/button inline-block -mx-0.5px whitespace-nowrap\",\"children\":[[\"$\",\"span\",null,{\"className\":\"min-h-2 flex items-center justify-center cursor-pointer px-2 py-0.5 text-center text-black bg-green border border-ctx-current rounded-4 user-select-none\",\"aria-hidden\":\"$undefined\",\"children\":\"Read the docs\"}],[\"$\",\"span\",null,{\"className\":\"absolute inset-0 min-h-2 flex items-center justify-center cursor-pointer px-2 py-0.5 text-center bg-ctx border border-current rounded-4 translate-y-0 transform-gpu transition-transform duration-short ease-in-out-energetic group-hover/button:-translate-y-[5.25px] group-focus-visible/button:-translate-y-[5.25px] group-active/button:translate-y-0\",\"aria-hidden\":true,\"children\":\"Read the docs\"}]]}]],null]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mx-auto w-full max-w-18 sm:pb-1 sm:pl-1\",\"children\":[\"$\",\"div\",null,{\"className\":\"block bg-charcoal dark [\u0026\u003e*]:set-border-ctx-black [\u0026\u003e*]:set-decoration-ctx-gray-underline [\u0026\u003e*]:set-bg-ctx-charcoal text-white border -m-0.5px dark overflow-hidden rounded-0.5 -mx-0.5 border-gray-dark sm:mx-0 sm:shadow-[-29px_29px_theme(colors.black)]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-1 w-full items-center justify-start px-0.5 py-0.25 bg-gray-dark\",\"children\":[\"$\",\"svg\",null,{\"width\":\"42\",\"height\":\"10\",\"viewBox\":\"0 0 42 10\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[[\"$\",\"circle\",null,{\"cx\":\"5\",\"cy\":\"5\",\"r\":\"5\",\"fill\":\"#EA3737\"}],[\"$\",\"circle\",null,{\"cx\":\"21\",\"cy\":\"5\",\"r\":\"5\",\"fill\":\"#FFB200\"}],[\"$\",\"circle\",null,{\"cx\":\"37\",\"cy\":\"5\",\"r\":\"5\",\"fill\":\"#00BE43\"}]]}]}],[\"$\",\"pre\",null,{\"className\":\"dark h-10 overflow-x-scroll p-1\",\"children\":[\"$\",\"code\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$7b\"},\"className\":\"font-mono leading-code normal-case max-w-full text-sm prism [font-variant-ligatures:none] javascript md:text-base\",\"children\":null}]}]]}]}],null]}]}]}],null,[\"$\",\"div\",null,{\"className\":\"relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-putty border-ctx-gray text-black set-bg-ctx-putty set-border-ctx-gray\",\"children\":[\"$\",\"div\",null,{\"className\":\"col-start-2 col-end-3 border-x border-ctx-gray\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 md:grid-cols-2 gap-2 px-1 py-2 md:px-2 md:py-4 lg:p-4\",\"style\":\"$undefined\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-display tracking-wide text-2xl md:text-5xl leading-heading-2 font-normal normal-case col-span-full mx-auto max-w-28 text-center lg:mb-1\",\"children\":[null,null,null,null,\"Bring cost effective video infrastructure to your Flutter application\",null]}],[[\"$\",\"div\",null,{\"className\":\"border-ctx-gray bg-putty [\u0026\u003e*]:set-border-ctx-gray [\u0026\u003e*]:set-bg-ctx-putty text-black grid gap-1 md:grid-cols-[theme(spacing[1.5])_auto]\",\"children\":[[\"$\",\"$7c\",null,{\"fallback\":null,\"children\":[[\"$\",\"$L7d\",null,{\"moduleIds\":[\"app/(marketing)/_components/IconForName.jsx -\u003e @repo/components/icons/AdaptiveBitrate42Icon\"]}],[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Adaptive Bitrate\"}],[[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M32 22.926V20.11l-4.423-.594a7.376 7.376 0 0 0-.655-1.639l2.743-3.544-1.964-1.966-3.539 2.755a7.07 7.07 0 0 0-1.636-.691L21.87 10h-2.813l-.584 4.43c-.57.15-1.12.37-1.636.655l-3.539-2.755-1.955 1.967 2.742 3.544a7.38 7.38 0 0 0-.663 1.674L9 20.11v2.817l4.423.594c.152.57.372 1.121.655 1.64l-2.743 3.543 1.955 1.967 3.539-2.756a7.07 7.07 0 0 0 1.636.656L19.05 33h2.813l.593-4.43a7.072 7.072 0 0 0 1.628-.655l3.538 2.755 1.964-1.967-2.751-3.641a6.898 6.898 0 0 0 .654-1.64L32 22.927Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M21 25a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM21.383 1l3.198 3.199-3.198 3.198\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M4 21c0-9.389 7.51-17 16.774-17H24M20.123 41l-3.199-3.199 3.199-3.198\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M38 21c0 9.389-7.886 17-17.613 17H17\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-body text-xl leading-heading last:mb-0 mb-0.5 font-bold normal-case\",\"children\":[null,null,null,null,\"Adaptive Bitrate Streaming\",null]}],[\"$\",\"div\",null,{\"className\":\"font-body tracking-wide text-md leading-normal font-normal normal-case\",\"children\":[null,null,null,null,[\"$\",\"$L7a\",null,{\"scrollToValue\":true,\"children\":[\"$\",\"$L7a\",null,{\"scrollToValue\":true,\"children\":[[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-base leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty]\",\"children\":[null,null,null,null,[\"Leverage the latest technology in video streaming, and deliver optimized video to your viewers based on their network environment for the best possible viewing experience.\"],null]}]]}]}],null]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"border-ctx-gray bg-putty [\u0026\u003e*]:set-border-ctx-gray [\u0026\u003e*]:set-bg-ctx-putty text-black grid gap-1 md:grid-cols-[theme(spacing[1.5])_auto]\",\"children\":[[\"$\",\"$7c\",null,{\"fallback\":null,\"children\":[[\"$\",\"$L7d\",null,{\"moduleIds\":[\"app/(marketing)/_components/IconForName.jsx -\u003e @repo/components/icons/Integration42Icon\"]}],[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Integration\"}],[\"$\",\"path\",null,{\"strokeLinejoin\":\"bevel\",\"d\":\"M29.819 4.034a5.758 5.758 0 0 0-1.564 5.22L21 2l-7.255 7.255a5.757 5.757 0 1 0-4.49 4.49L2 21l7.255 7.255a5.758 5.758 0 1 1 4.49 4.49L21 40l7.255-7.255a5.757 5.757 0 1 0 4.49-4.49L40 21l-7.255-7.255a5.758 5.758 0 1 0-2.926-9.71Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-body text-xl leading-heading last:mb-0 mb-0.5 font-bold normal-case\",\"children\":[null,null,null,null,\"Easily integrate into your app\",null]}],[\"$\",\"div\",null,{\"className\":\"font-body tracking-wide text-md leading-normal font-normal normal-case\",\"children\":[null,null,null,null,[\"$\",\"$L7a\",null,{\"scrollToValue\":true,\"children\":[\"$\",\"$L7a\",null,{\"scrollToValue\":true,\"children\":[[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-base leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty]\",\"children\":[null,null,null,null,[\"Mux will integrate into whatever app you're building. \",[\"$\",\"$L40\",null,{\"href\":\"https://docs.mux.com/guides/integrate-with-your-cms\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"Integrate with your CMS\"],null]}],\", or use our APIs to build your own video workflow.\"],null]}]]}]}],null]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"border-ctx-gray bg-putty [\u0026\u003e*]:set-border-ctx-gray [\u0026\u003e*]:set-bg-ctx-putty text-black grid gap-1 md:grid-cols-[theme(spacing[1.5])_auto]\",\"children\":[[\"$\",\"$7c\",null,{\"fallback\":null,\"children\":[[\"$\",\"$L7d\",null,{\"moduleIds\":[\"app/(marketing)/_components/IconForName.jsx -\u003e @repo/components/icons/Player42Icon\"]}],[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Player\"}],[[\"$\",\"path\",null,{\"d\":\"M.5 5.5h41v30H.5z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"m16.574 14.902 7.653 4.237-7.653 4.237v-8.474Z\",\"className\":\"fill-current stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M3.062 29.148h35.21\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"circle\",null,{\"cx\":\"32.859\",\"cy\":\"29.312\",\"r\":\"1.476\",\"className\":\"fill-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-body text-xl leading-heading last:mb-0 mb-0.5 font-bold normal-case\",\"children\":[null,null,null,null,\"Full control of your playback\",null]}],[\"$\",\"div\",null,{\"className\":\"font-body tracking-wide text-md leading-normal font-normal normal-case\",\"children\":[null,null,null,null,[\"$\",\"$L7a\",null,{\"scrollToValue\":true,\"children\":[\"$\",\"$L7a\",null,{\"scrollToValue\":true,\"children\":[[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-base leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty]\",\"children\":[null,null,null,null,[\"Mux delivers video in the \",[\"$\",\"$L40\",null,{\"href\":\"https://docs.mux.com/guides/play-your-videos\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"HLS adaptive streaming format\"],null]}],\", which is compatible with \",[\"$\",\"$L40\",null,{\"href\":\"https://pub.dev/packages/video_player\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"Flutter's video_player package\"],null]}],\".\"],null]}]]}]}],null]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"border-ctx-gray bg-putty [\u0026\u003e*]:set-border-ctx-gray [\u0026\u003e*]:set-bg-ctx-putty text-black grid gap-1 md:grid-cols-[theme(spacing[1.5])_auto]\",\"children\":[[\"$\",\"$7c\",null,{\"fallback\":null,\"children\":[[\"$\",\"$L7d\",null,{\"moduleIds\":[\"app/(marketing)/_components/IconForName.jsx -\u003e @repo/components/icons/Globe42Icon\"]}],[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Globe\"}],[[\"$\",\"path\",null,{\"d\":\"M21 40.25c10.631 0 19.25-8.619 19.25-19.25C40.25 10.368 31.63 1.75 21 1.75 10.368 1.75 1.75 10.368 1.75 21c0 10.631 8.618 19.25 19.25 19.25Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M23.625 1.75s7 6.414 7 19.25-7 19.25-7 19.25M18.375 1.75s-7 6.414-7 19.25 7 19.25 7 19.25M21 1.75v38.5M1.75 21h38.5M3.5 13.125h35M3.5 28.875h35\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-body text-xl leading-heading last:mb-0 mb-0.5 font-bold normal-case\",\"children\":[null,null,null,null,\"Global multi-CDN delivery\",null]}],[\"$\",\"div\",null,{\"className\":\"font-body tracking-wide text-md leading-normal font-normal normal-case\",\"children\":[null,null,null,null,[\"$\",\"$L7a\",null,{\"scrollToValue\":true,\"children\":[\"$\",\"$L7a\",null,{\"scrollToValue\":true,\"children\":[[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-base leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty]\",\"children\":[null,null,null,null,[\"Mux's \",[\"$\",\"$L40\",null,{\"href\":\"https://www.mux.com/video\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"Video API\"],null]}],\" delivers video globally with a \",[\"$\",\"$7c\",null,{\"fallback\":[\"$\",\"$L40\",null,{\"href\":\"https://www.mux.com/video-glossary/multi-cdn\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"multi-CDN strategy\"],null]}],\"children\":\"$L7e\"}],\" to ensure every viewer has the best possible playback experience.\"],null]}]]}]}],null]}]]}]]}]]]}]}]}],[\"$\",\"div\",null,{\"className\":\"relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-yellow border-ctx-yellow-dark text-black set-bg-ctx-yellow set-border-ctx-yellow-dark z-10\",\"children\":[\"$\",\"div\",null,{\"className\":\"col-start-2 col-end-3 border-x border-ctx-yellow-dark\",\"children\":[\"$\",\"div\",null,{\"className\":\"-m-0.5px grid grid-cols-1\",\"style\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"block border-ctx-yellow-dark bg-yellow [\u0026\u003e*]:set-border-ctx-yellow-dark [\u0026\u003e*]:set-bg-ctx-yellow text-black border -m-0.5px p-1 md:p-2 lg:p-2 text-center\",\"children\":[null,[\"$\",\"h2\",null,{\"className\":\"font-display tracking-wide text-2xl md:text-5xl leading-heading-2 font-normal normal-case whitespace-pre-line mx-auto max-w-32\",\"children\":[null,null,null,null,\"How to add video to Flutter\",null]}],null]}]}]}]}],[\"$\",\"div\",null,{\"className\":\"relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-putty border-ctx-gray text-black set-bg-ctx-putty set-border-ctx-gray\",\"children\":[\"$\",\"div\",null,{\"className\":\"col-start-2 col-end-3 border-x border-ctx-gray\",\"children\":[\"$\",\"div\",null,{\"className\":\"-m-0.5px grid-cols-1 block px-1 pb-3 pt-2\",\"style\":\"$undefined\",\"children\":[\"$\",\"$L7a\",null,{\"scrollToValue\":true,\"children\":[\"$\",\"$L7a\",null,{\"scrollToValue\":true,\"children\":[[\"$\",\"h3\",null,{\"id\":\"video-playback-with-flutters-video_player-package\",\"className\":\"font-body text-lg leading-heading font-bold normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26 mb-1 mt-2 first:mt-0 last:mb-0\",\"children\":[null,null,null,null,[\"$\",\"$L40\",null,{\"href\":\"#video-playback-with-flutters-video_player-package\",\"className\":\"group relative\",\"children\":[[\"$\",\"span\",null,{\"className\":\"absolute block opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 -left-1 top-1/2 h-1 w-1 -translate-y-1/2 lg:-left-2.5 lg:h-1.5 lg:w-2.5\",\"children\":[\"$\",\"span\",null,{\"className\":\"relative inline-block h-full rounded-4 p-0.125 lg:bg-putty-light\",\"children\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-full w-auto\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Link\"}],[[\"$\",\"path\",null,{\"d\":\"m18.172 15.343 3.535-3.535a5 5 0 0 1 7.071 0l1.414 1.414a5 5 0 0 1 0 7.07l-3.535 3.536M23.828 26.657l-3.535 3.535a5 5 0 0 1-7.071 0l-1.414-1.414a5 5 0 0 1 0-7.07l3.535-3.536\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"d\":\"m25.243 16.757-8.486 8.486\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}]}]}],[\"Video playback with Flutter's \",[\"$\",\"span\",null,{\"className\":\"font-mono text-sm leading-mono font-normal normal-case break-words rounded-0.25 bg-putty-light px-0.25 py-0.125 [font-variant-ligatures:none] dark:bg-gray-dark\",\"children\":[null,null,null,null,[\"video_player\"],null]}],\" package\"]]}],null]}],[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26\",\"children\":[null,null,null,null,[\"For video playback we'll use \",[\"$\",\"$L40\",null,{\"href\":\"https://pub.dev/packages/video_player\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"Flutter's video_player package\"],null]}],\", which supports the \",[\"$\",\"$L40\",null,{\"href\":\"https://docs.mux.com/guides/play-your-videos\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"HLS adaptive streaming format\"],null]}],\" that Mux uses to deliver your video.\"],null]}],[\"$\",\"div\",null,{\"className\":\"dark mb-1 first:mt-0 last:mb-0 md:my-2 mx-auto w-full max-w-26\",\"children\":[\"$\",\"figure\",null,{\"className\":\"block bg-white dark:bg-black border-ctx-gray dark:border-charcoal [\u0026\u003e*]:set-bg-ctx-white [\u0026\u003e*]:set-border-ctx-gray dark:[\u0026\u003e*]:set-bg-ctx-gray-black dark:[\u0026\u003e*]:set-border-ctx-gray-dark text-black dark:text-white border -m-0.5px relative -mx-0.5 w-full-1 overflow-hidden rounded-0.5\",\"children\":[[\"$\",\"figcaption\",null,{\"className\":\"bg-putty dark:bg-charcoal border-ctx-gray dark:border-ctx-gray-dark [\u0026\u003e*]:set-bg-ctx-putty [\u0026\u003e*]:set-border-ctx-gray dark:[\u0026\u003e*]:set-bg-ctx-charcoal dark:[\u0026\u003e*]:set-border-ctx-gray-dark text-black dark:text-white border -mx-1px -mt-1px flex justify-between\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-body tracking-wide text-base leading-normal font-normal normal-case py-0.5 px-0.5\",\"children\":[null,null,null,null,[[\"$\",\"$1c\",\"0\",{\"children\":\"javascript\"}]],null]}],[\"$\",\"$L7f\",null,{\"outerTrim\":true,\"rounded\":false,\"copyText\":\"import 'package:flutter/material.dart';\\nimport 'package:video_player/video_player.dart';\\n\\nclass MuxVideoPlayer {\\n late VideoPlayerController _controller;\\n\\n Future\u003cvoid\u003e initializePlayer() async {\\n const String playbackId = 'PLAYBACK_ID';\\n _controller = VideoPlayerController.networkUrl(\\n Uri.parse('https://stream.mux.com/$playbackId.m3u8'),\\n );\\n\\n try {\\n await _controller.initialize();\\n print('Video player initialized successfully');\\n } catch (error) {\\n print('Error initializing video player: $error');\\n }\\n }\\n\\n void play() {\\n _controller.play();\\n }\\n\\n void pause() {\\n _controller.pause();\\n }\\n\\n void dispose() {\\n _controller.dispose();\\n }\\n}\",\"animation\":\"snap\",\"color\":\"gray-dark\",\"className\":\"font-mono text-sm leading-mono font-normal uppercase\",\"children\":[null,null,null,null,\"$undefined\",null]}]]}],[\"$\",\"pre\",null,{\"className\":\"overflow-x-scroll px-0.5 max-h-24 overflow-y-scroll py-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"sticky top-0 z-10 mb-0.5 h-0.5 bg-gradient-to-b from-black\"}],[\"$\",\"code\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$80\"},\"className\":\"font-mono leading-code normal-case max-w-full text-sm prism [font-variant-ligatures:none] javascript with-line-numbers\",\"children\":null}],[\"$\",\"div\",null,{\"className\":\"sticky bottom-0 z-10 mt-0.5 h-0.5 bg-gradient-to-t from-black\"}]]}]]}]}],[\"$\",\"h3\",null,{\"id\":\"create-an-asset-with-mux\",\"className\":\"font-body text-lg leading-heading font-bold normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26 mb-1 mt-2 first:mt-0 last:mb-0\",\"children\":[null,null,null,null,[\"$\",\"$L40\",null,{\"href\":\"#create-an-asset-with-mux\",\"className\":\"group relative\",\"children\":[[\"$\",\"span\",null,{\"className\":\"absolute block opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 -left-1 top-1/2 h-1 w-1 -translate-y-1/2 lg:-left-2.5 lg:h-1.5 lg:w-2.5\",\"children\":[\"$\",\"span\",null,{\"className\":\"relative inline-block h-full rounded-4 p-0.125 lg:bg-putty-light\",\"children\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-full w-auto\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Link\"}],[[\"$\",\"path\",null,{\"d\":\"m18.172 15.343 3.535-3.535a5 5 0 0 1 7.071 0l1.414 1.414a5 5 0 0 1 0 7.07l-3.535 3.536M23.828 26.657l-3.535 3.535a5 5 0 0 1-7.071 0l-1.414-1.414a5 5 0 0 1 0-7.07l3.535-3.536\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"d\":\"m25.243 16.757-8.486 8.486\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}]}]}],[\"Create an Asset with Mux\"]]}],null]}],[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26\",\"children\":[null,null,null,null,[\"If your site has just a few videos, you might upload them to Mux directly through the dashboard. In the \",[\"$\",\"$L40\",null,{\"href\":\"https://dashboard.mux.com/\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"Mux Dashboard\"],null]}],\", on your video assets page, select \\\"Create New Asset\\\". On the next screen, you can upload a video directly to Mux.\"],null]}],[\"$\",\"figure\",null,{\"className\":\"mx-auto w-full max-w-26 mb-1 first:mt-0 last:mb-0 md:my-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid gap-1 md:grid-cols-2\",\"children\":[[\"$\",\"$7c\",\"cc1d3adbb239\",{\"fallback\":[\"$\",\"figure\",null,{\"className\":\"flex flex-col items-start gap-x-1 gap-y-0.5 mx-auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative w-full\",\"style\":{\"aspectRatio\":\"1.1043219076005961\",\"maxWidth\":448},\"children\":[[\"$\",\"$L81\",null,{\"image\":{\"crop\":null,\"hotspot\":null,\"asset\":{\"_id\":\"image-fd2fcde0bc262aa2a9571a16d0fbbca0671ab945-2964x2684-png\",\"extension\":\"png\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/fd2fcde0bc262aa2a9571a16d0fbbca0671ab945-2964x2684.png\",\"metadata\":{\"dimensions\":{\"width\":2964,\"aspectRatio\":1.1043219076005961,\"height\":2684}}}},\"alt\":\"In the upper-right corner of the Mux Dashboard is a button labeled \\\"Create New Asset\\\"\",\"className\":\"h-full w-full border object-contain object-left border-transparent\",\"widthAtBreakpoint\":{\"xs\":\"100%\"}}],\"$undefined\"]}],false]}],\"children\":[\"$\",\"$L82\",null,{\"value\":{\"layout\":\"auto\",\"image\":\"$83\",\"altText\":\"In the upper-right corner of the Mux Dashboard is a button labeled \\\"Create New Asset\\\"\",\"_type\":\"imageWithAlt\",\"_key\":\"cc1d3adbb239\",\"maxWidth\":448},\"withMargin\":false}]}],[\"$\",\"$7c\",\"3073e0d82261\",{\"fallback\":[\"$\",\"figure\",null,{\"className\":\"flex flex-col items-start gap-x-1 gap-y-0.5 mx-auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative w-full\",\"style\":{\"aspectRatio\":\"1.1051062243756988\",\"maxWidth\":448},\"children\":[[\"$\",\"$L81\",null,{\"image\":{\"crop\":null,\"hotspot\":null,\"asset\":{\"_id\":\"image-6c2b23d16d3de3ab01f28f5407424b3a2147579e-2965x2683-png\",\"extension\":\"png\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/6c2b23d16d3de3ab01f28f5407424b3a2147579e-2965x2683.png\",\"metadata\":{\"dimensions\":{\"width\":2965,\"aspectRatio\":1.1051062243756988,\"height\":2683}}}},\"alt\":\"At the bottom of the new asset modal is a section allowing you to upload directly to Mux\",\"className\":\"h-full w-full border object-contain object-left border-transparent\",\"widthAtBreakpoint\":{\"xs\":\"100%\"}}],\"$undefined\"]}],false]}],\"children\":[\"$\",\"$L82\",null,{\"value\":{\"_type\":\"imageWithAlt\",\"_key\":\"3073e0d82261\",\"maxWidth\":448,\"layout\":\"auto\",\"image\":\"$87\",\"altText\":\"At the bottom of the new asset modal is a section allowing you to upload directly to Mux\"},\"withMargin\":false}]}]]}],false]}],[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26\",\"children\":[null,null,null,null,[\"You'll then be able to see your new asset on your video assets page. When you click on the asset, you can find the asset's playback ID in the \\\"Playback and Thumbnails\\\" tab. This playback ID is what we will need for the video player.\"],null]}],[\"$\",\"$7c\",null,{\"fallback\":[\"$\",\"figure\",null,{\"className\":\"flex flex-col items-start gap-x-1 gap-y-0.5 mb-1 mx-auto w-full max-w-26 lg:flex-row\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative w-full max-w-16\",\"style\":{\"aspectRatio\":\"1.2019464720194648\",\"maxWidth\":\"$undefined\"},\"children\":[[\"$\",\"$L81\",null,{\"image\":{\"crop\":null,\"hotspot\":null,\"asset\":{\"_id\":\"image-3198966e912243a20d4738f4501cd7094e0e5808-2964x2466-png\",\"extension\":\"png\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/3198966e912243a20d4738f4501cd7094e0e5808-2964x2466.png\",\"metadata\":{\"dimensions\":{\"width\":2964,\"aspectRatio\":1.2019464720194648,\"height\":2466}}}},\"alt\":\"In the playback and thumbnails tab of an asset you can find the playback ID, as well as more information on how to play the video.\",\"className\":\"h-full w-full border object-contain object-left border-transparent\",\"widthAtBreakpoint\":{\"xs\":\"100%\"}}],\"$undefined\"]}],false]}],\"children\":[\"$\",\"$L82\",null,{\"value\":{\"image\":\"$8b\",\"altText\":\"In the playback and thumbnails tab of an asset you can find the playback ID, as well as more information on how to play the video.\",\"_type\":\"imageWithAlt\",\"caption\":\"Get the playback ID from the dashboard\",\"_key\":\"9b02a38e8e85\",\"layout\":\"sideBySide\"},\"withAutoWidth\":true}]}],[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26\",\"children\":[null,null,null,null,[\"If you're managing more videos, you might take a look at our \",[\"$\",\"$L40\",null,{\"href\":\"https://docs.mux.com/integrations/cms\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"CMS integrations\"],null]}],\".\"],null]}],[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26\",\"children\":[null,null,null,null,[\"Or, if you need more control over your video workflow, read on.\"],null]}],[\"$\",\"h3\",null,{\"id\":\"use-the-api-to-build-a-video-workflow\",\"className\":\"font-body text-lg leading-heading font-bold normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26 mb-1 mt-2 first:mt-0 last:mb-0\",\"children\":[null,null,null,null,[\"$\",\"$L40\",null,{\"href\":\"#use-the-api-to-build-a-video-workflow\",\"className\":\"group relative\",\"children\":[[\"$\",\"span\",null,{\"className\":\"absolute block opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 -left-1 top-1/2 h-1 w-1 -translate-y-1/2 lg:-left-2.5 lg:h-1.5 lg:w-2.5\",\"children\":[\"$\",\"span\",null,{\"className\":\"relative inline-block h-full rounded-4 p-0.125 lg:bg-putty-light\",\"children\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-full w-auto\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Link\"}],[[\"$\",\"path\",null,{\"d\":\"m18.172 15.343 3.535-3.535a5 5 0 0 1 7.071 0l1.414 1.414a5 5 0 0 1 0 7.07l-3.535 3.536M23.828 26.657l-3.535 3.535a5 5 0 0 1-7.071 0l-1.414-1.414a5 5 0 0 1 0-7.07l3.535-3.536\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"d\":\"m25.243 16.757-8.486 8.486\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}]}]}],[\"Use the API to build a video workflow\"]]}],null]}],[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26\",\"children\":[null,null,null,null,[\"Want to build your own video workflow? Here's an example of what you can do with the Mux API.\"],null]}],[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26\",\"children\":[null,null,null,null,[\"Let's start by creating an upload URL using the \",[\"$\",\"$L40\",null,{\"href\":\"https://github.com/muxinc/mux-node-sdk\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"Mux Node SDK\"],null]}],\" and the \",[\"$\",\"$L40\",null,{\"href\":\"https://docs.mux.com/api-reference#video/operation/create-direct-upload\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"Direct Uploads API\"],null]}],\".\"],null]}],[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26\",\"children\":[null,null,null,null,[\"If you go this route, you will want to \",[\"$\",\"$L40\",null,{\"href\":\"https://docs.mux.com/guides/listen-for-webhooks\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"listen for Mux webhooks\"],null]}],\". When we receive the notification that the video is ready, we'll add it to our database.\"],null]}],[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26\",\"children\":[null,null,null,null,[\"The specifics of handling webhooks will depend on your server-side language and framework.\"],null]}],[\"$\",\"h3\",null,{\"id\":\"build-live-streaming-into-your-flutter-application\",\"className\":\"font-body text-lg leading-heading font-bold normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26 mb-1 mt-2 first:mt-0 last:mb-0\",\"children\":[null,null,null,null,[\"$\",\"$L40\",null,{\"href\":\"#build-live-streaming-into-your-flutter-application\",\"className\":\"group relative\",\"children\":[[\"$\",\"span\",null,{\"className\":\"absolute block opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 -left-1 top-1/2 h-1 w-1 -translate-y-1/2 lg:-left-2.5 lg:h-1.5 lg:w-2.5\",\"children\":[\"$\",\"span\",null,{\"className\":\"relative inline-block h-full rounded-4 p-0.125 lg:bg-putty-light\",\"children\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-full w-auto\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Link\"}],[[\"$\",\"path\",null,{\"d\":\"m18.172 15.343 3.535-3.535a5 5 0 0 1 7.071 0l1.414 1.414a5 5 0 0 1 0 7.07l-3.535 3.536M23.828 26.657l-3.535 3.535a5 5 0 0 1-7.071 0l-1.414-1.414a5 5 0 0 1 0-7.07l3.535-3.536\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"d\":\"m25.243 16.757-8.486 8.486\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}]}]}],[\"Build live streaming into your Flutter application\"]]}],null]}],[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26\",\"children\":[null,null,null,null,[\"Mux APIs support broadcasting and playback for live streams with Flutter applications.\"],null]}],[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26\",\"children\":[null,null,null,null,[\"Broadcast Mux live streams with \",[\"$\",\"$L40\",null,{\"href\":\"https://pub.dev/packages/rtmp_broadcaster\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"Flutter's rtmp_broadcaster package\"],null]}],\".\"],null]}],[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26\",\"children\":[null,null,null,null,[\"Playback live streams the same way you would playback an on-demand video over HLS with \",[\"$\",\"$L40\",null,{\"href\":\"https://pub.dev/packages/video_player\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"Flutter's video_player package\"],null]}],\".\"],null]}],[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26\",\"children\":[null,null,null,null,[\"Learn more in the \",[\"$\",\"$L40\",null,{\"href\":\"https://docs.mux.com/guides/start-live-streaming\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"Start live streaming guide\"],null]}],\".\"],null]}],[\"$\",\"h3\",null,{\"id\":\"bridge-muxs-native-ios-and-android-sdks-optional\",\"className\":\"font-body text-lg leading-heading font-bold normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26 mb-1 mt-2 first:mt-0 last:mb-0\",\"children\":[null,null,null,null,[\"$\",\"$L40\",null,{\"href\":\"#bridge-muxs-native-ios-and-android-sdks-optional\",\"className\":\"group relative\",\"children\":[[\"$\",\"span\",null,{\"className\":\"absolute block opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 -left-1 top-1/2 h-1 w-1 -translate-y-1/2 lg:-left-2.5 lg:h-1.5 lg:w-2.5\",\"children\":[\"$\",\"span\",null,{\"className\":\"relative inline-block h-full rounded-4 p-0.125 lg:bg-putty-light\",\"children\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-full w-auto\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Link\"}],[[\"$\",\"path\",null,{\"d\":\"m18.172 15.343 3.535-3.535a5 5 0 0 1 7.071 0l1.414 1.414a5 5 0 0 1 0 7.07l-3.535 3.536M23.828 26.657l-3.535 3.535a5 5 0 0 1-7.071 0l-1.414-1.414a5 5 0 0 1 0-7.07l3.535-3.536\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"d\":\"m25.243 16.757-8.486 8.486\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}]}]}],[\"Bridge Mux's native iOS and Android SDKs (optional)\"]]}],null]}],[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26\",\"children\":[null,null,null,null,[\"For a more advanced client-side integration you have the option to bridge Mux's native mobile SDKs\"],null]}],[\"$\",\"ul\",null,{\"className\":\"font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case list-disc pl-1 mx-auto w-full max-w-26 break-words [text-wrap:pretty] [\u0026_li:not(:last-child)\u003ep]:mb-1\",\"children\":[null,null,null,null,[[\"$\",\"li\",null,{\"children\":[[\"$\",\"$L40\",null,{\"href\":\"https://docs.mux.com/guides/mux-player-ios\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"Mux Player for iOS\"],null]}],\" and \",[\"$\",\"$L40\",null,{\"href\":\"https://docs.mux.com/guides/mux-player-android\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"Mux Player for Android\"],null]}],\" integrate Mux Data for playback \",[\"$\",\"$L40\",null,{\"href\":\"https://www.mux.com/data\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"performance \u0026 engagement metrics\"],null]}],\".\"]}],[\"$\",\"li\",null,{\"children\":[[\"$\",\"$L40\",null,{\"href\":\"https://docs.mux.com/guides/upload-video-directly-from-ios-or-ipados\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"Mux Uploader for iOS\"],null]}],\" and \",[\"$\",\"$L40\",null,{\"href\":\"https://docs.mux.com/guides/upload-video-directly-from-android\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"Mux Uploader for Android\"],null]}],\" have advanced functionality like client-side transcoding and max-resolution settings to speed up processing.\"]}]],null]}],[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-md leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty] mx-auto w-full max-w-26\",\"children\":[null,null,null,null,[\"Bridging Mux's native SDKs is not required, but you can go down this route by following \",[\"$\",\"$L40\",null,{\"href\":\"https://docs.flutter.dev/platform-integration/platform-channels\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"Flutter's guide for writing custom platform-specific code\"],null]}],\".\"],null]}]]}]}]}]}]}],false,[\"$\",\"div\",null,{\"className\":\"relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-putty border-ctx-gray text-black set-bg-ctx-putty set-border-ctx-gray\",\"children\":[\"$\",\"div\",null,{\"className\":\"col-start-2 col-end-3 border-x border-ctx-gray\",\"children\":[\"$\",\"div\",null,{\"className\":\"-m-0.5px grid grid-cols-1\",\"style\":\"$undefined\",\"children\":[\"$\",\"$L8f\",null,{\"title\":\"They said it best\",\"quotes\":[[\"$\",\"div\",null,{\"className\":\"flex-1 px-1 py-2 md:p-2 xl:px-4 relative font-bold tracking-wide text-center text-md leading-heading-2 md:text-left md:text-lg md:leading-heading md:tracking-normal flex flex-col justify-center\",\"children\":[\"$undefined\",[\"$\",\"div\",null,{\"className\":\"\",\"children\":[[\"$\",\"blockquote\",null,{\"className\":\"relative mb-1 max-w-20 [text-wrap:pretty]\",\"children\":[null,[\"$\",\"$L7a\",null,{\"scrollToValue\":true,\"children\":[\"$\",\"$L7a\",null,{\"scrollToValue\":true,\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-1 first:-indent-[0.25em] first:before:inline-block first:before:w-[0.25em] first:before:content-['“'] last:mb-0 last:after:content-['”']\",\"children\":[\"Noteworthy: \",[\"$\",\"$L40\",null,{\"href\":\"https://twitter.com/MuxHQ\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"@muxhq\"],null]}],\" is SO good! Amazing how fast that upload went…\"]}]]}]}],null]}],[\"$\",\"figcaption\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://twitter.com/rauchg/status/1265782167121956864\",\"className\":\"font-body tracking-wide text-base leading-normal font-normal normal-case relative flex flex-col justify-between text-center md:flex-row md:items-center md:text-left\",\"children\":[null,null,null,null,[[\"$\",\"cite\",null,{\"className\":\"text-gray-dark mx-auto mb-1 flex items-center not-italic md:mx-0 md:mb-0\",\"children\":[[\"$\",\"svg\",null,{\"role\":\"img\",\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 20 20\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"mr-0.5 h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Twitter, or I guess it's called X now\"}],[\"$\",\"path\",null,{\"d\":\"M11.64 8.464L18.923 0h-1.725l-6.323 7.35L5.824 0H0l7.636 11.114L0 19.99h1.726l6.676-7.761 5.334 7.76h5.824L11.64 8.465zm-2.363 2.747l-.773-1.106-6.157-8.806h2.65l4.969 7.107.774 1.106 6.458 9.238h-2.65l-5.27-7.538z\",\"vectorEffect\":\"non-scaling-stroke\",\"className\":\"fill-current\"}]]}],[\"$\",\"div\",null,{\"className\":\"[text-wrap:pretty]\",\"children\":[\"Guillermo Rauch (@rauchg)\",[\"$\",\"br\",null,{}],\"CEO at Vercel\"]}]]}],null],null]}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex-1 px-1 py-2 md:p-2 xl:px-4 relative font-bold tracking-wide text-center text-md leading-heading-2 md:text-left md:text-lg md:leading-heading md:tracking-normal flex flex-col justify-center\",\"children\":[\"$undefined\",[\"$\",\"div\",null,{\"className\":\"\",\"children\":[[\"$\",\"blockquote\",null,{\"className\":\"relative mb-1 max-w-20 [text-wrap:pretty]\",\"children\":[null,[\"$\",\"$L7a\",null,{\"scrollToValue\":true,\"children\":[\"$\",\"$L7a\",null,{\"scrollToValue\":true,\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-1 first:-indent-[0.25em] first:before:inline-block first:before:w-[0.25em] first:before:content-['“'] last:mb-0 last:after:content-['”']\",\"children\":[[\"$\",\"$L40\",null,{\"href\":\"https://twitter.com/MuxHQ\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":[null,null,null,null,[\"@MuxHQ\"],null]}],\" was an absolute lifesaver for videos on a previous project. Thumbnails, truly instant play via livestreaming, resizing, whole bit. I’m often skeptical of third-party services but I never could’ve competed with the UX they let me deliver\"]}]]}]}],null]}],[\"$\",\"figcaption\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://twitter.com/lachlanjc/status/1548004537490845697\",\"className\":\"font-body tracking-wide text-base leading-normal font-normal normal-case relative flex flex-col justify-between text-center md:flex-row md:items-center md:text-left\",\"children\":[null,null,null,null,[[\"$\",\"cite\",null,{\"className\":\"text-gray-dark mx-auto mb-1 flex items-center not-italic md:mx-0 md:mb-0\",\"children\":[[\"$\",\"svg\",null,{\"role\":\"img\",\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 20 20\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"mr-0.5 h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Twitter, or I guess it's called X now\"}],[\"$\",\"path\",null,{\"d\":\"M11.64 8.464L18.923 0h-1.725l-6.323 7.35L5.824 0H0l7.636 11.114L0 19.99h1.726l6.676-7.761 5.334 7.76h5.824L11.64 8.465zm-2.363 2.747l-.773-1.106-6.157-8.806h2.65l4.969 7.107.774 1.106 6.458 9.238h-2.65l-5.27-7.538z\",\"vectorEffect\":\"non-scaling-stroke\",\"className\":\"fill-current\"}]]}],[\"$\",\"div\",null,{\"className\":\"[text-wrap:pretty]\",\"children\":[\"Lachlan Campbell (@lachlanjc)\",[\"$\",\"br\",null,{}],\"WWW designer-developer for climate @watershed\"]}]]}],null],null]}]}]]}]]}]]}]}]}]}],[\"$\",\"div\",null,{\"className\":\"relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-putty border-ctx-gray text-black set-bg-ctx-putty set-border-ctx-gray border-t-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"col-start-2 col-end-3 border-x border-ctx-gray\",\"children\":[\"$\",\"div\",null,{\"className\":\"-m-0.5px grid-cols-1 flex min-h-3 items-center justify-center p-1 text-center\",\"style\":\"$undefined\",\"children\":[\"$\",\"h2\",null,{\"className\":\"font-mono text-sm leading-mono font-normal uppercase\",\"children\":[null,null,null,null,\"Mux is trusted by\",null]}]}]}]}],[\"$\",\"$L90\",null,{\"children\":[\"$\",\"div\",null,{\"className\":\"relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-putty border-ctx-gray text-black set-bg-ctx-putty set-border-ctx-gray\",\"children\":[\"$\",\"div\",null,{\"className\":\"col-start-2 col-end-3 border-x border-ctx-gray\",\"children\":[\"$\",\"div\",null,{\"className\":\"-m-0.5px grid grid-cols-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6 auto-rows-fr\",\"style\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"border-ctx border -m-0.5px flex items-center justify-center p-1 md:py-2 lg:aspect-square\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative bg-ctx\",\"style\":{\"height\":28,\"width\":140},\"children\":[[\"$\",\"$L81\",null,{\"priority\":true,\"_type\":\"sanity\",\"alt\":\"Vooks\",\"image\":{\"crop\":null,\"hotspot\":null,\"asset\":{\"_id\":\"image-2c82a7fb0ffd948f2e45eb352acd6d940eb79d3e-92x29-svg\",\"extension\":\"svg\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/2c82a7fb0ffd948f2e45eb352acd6d940eb79d3e-92x29.svg\",\"metadata\":{\"dimensions\":{\"width\":92,\"aspectRatio\":3.1724137931034484,\"height\":29}}}},\"widthAtBreakpoint\":{\"xs\":\"100%\"},\"fill\":true,\"className\":\"object-contain\"}],false]}]}],[\"$\",\"div\",null,{\"className\":\"border-ctx border -m-0.5px flex items-center justify-center p-1 md:py-2 lg:aspect-square\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative bg-ctx\",\"style\":{\"height\":28,\"width\":140},\"children\":[[\"$\",\"$L81\",null,{\"priority\":true,\"_type\":\"sanity\",\"alt\":\"Typeform\",\"image\":{\"crop\":null,\"hotspot\":null,\"asset\":{\"_id\":\"image-213b9afd9ff6b4ab4ffdcac32370e9e79d48008e-164x42-svg\",\"extension\":\"svg\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/213b9afd9ff6b4ab4ffdcac32370e9e79d48008e-164x42.svg\",\"metadata\":{\"dimensions\":{\"width\":164,\"aspectRatio\":3.9047619047619047,\"height\":42}}}},\"widthAtBreakpoint\":{\"xs\":\"100%\"},\"fill\":true,\"className\":\"object-contain\"}],false]}]}],[\"$\",\"div\",null,{\"className\":\"border-ctx border -m-0.5px flex items-center justify-center p-1 md:py-2 lg:aspect-square\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative bg-ctx\",\"style\":{\"height\":28,\"width\":140},\"children\":[[\"$\",\"$L81\",null,{\"priority\":true,\"_type\":\"sanity\",\"alt\":\"Fourth wall\",\"image\":{\"crop\":null,\"hotspot\":null,\"asset\":{\"_id\":\"image-bf62f72631adb8f856420524e11525d4a0cd4989-149x32-svg\",\"extension\":\"svg\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/bf62f72631adb8f856420524e11525d4a0cd4989-149x32.svg\",\"metadata\":{\"dimensions\":{\"width\":149,\"aspectRatio\":4.65625,\"height\":32}}}},\"widthAtBreakpoint\":{\"xs\":\"100%\"},\"fill\":true,\"className\":\"object-contain\"}],false]}]}],[\"$\",\"div\",null,{\"className\":\"border-ctx border -m-0.5px flex items-center justify-center p-1 md:py-2 lg:aspect-square\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative bg-ctx\",\"style\":{\"height\":28,\"width\":140},\"children\":[[\"$\",\"$L81\",null,{\"priority\":true,\"_type\":\"sanity\",\"alt\":\"Patreon\",\"image\":{\"crop\":null,\"hotspot\":null,\"asset\":{\"_id\":\"image-1fcf042bb57e66da12c01fc81365bf7c25b7942a-164x42-svg\",\"extension\":\"svg\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/1fcf042bb57e66da12c01fc81365bf7c25b7942a-164x42.svg\",\"metadata\":{\"dimensions\":{\"width\":164,\"aspectRatio\":3.9047619047619047,\"height\":42}}}},\"widthAtBreakpoint\":{\"xs\":\"100%\"},\"fill\":true,\"className\":\"object-contain\"}],false]}]}],[\"$\",\"div\",null,{\"className\":\"border-ctx border -m-0.5px flex items-center justify-center p-1 md:py-2 lg:aspect-square\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative bg-ctx\",\"style\":{\"height\":28,\"width\":140},\"children\":[[\"$\",\"$L81\",null,{\"priority\":true,\"_type\":\"sanity\",\"alt\":\"Hubspot\",\"image\":{\"crop\":null,\"hotspot\":null,\"asset\":{\"_id\":\"image-5f116b697d372e8f90ec98cb0de30ed98028e03a-164x42-svg\",\"extension\":\"svg\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/5f116b697d372e8f90ec98cb0de30ed98028e03a-164x42.svg\",\"metadata\":{\"dimensions\":{\"width\":164,\"aspectRatio\":3.9047619047619047,\"height\":42}}}},\"widthAtBreakpoint\":{\"xs\":\"100%\"},\"fill\":true,\"className\":\"object-contain\"}],false]}]}],[\"$\",\"div\",null,{\"className\":\"border-ctx border -m-0.5px flex items-center justify-center p-1 md:py-2 lg:aspect-square\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative bg-ctx\",\"style\":{\"height\":28,\"width\":140},\"children\":[[\"$\",\"$L81\",null,{\"priority\":true,\"_type\":\"sanity\",\"alt\":\"Strava\",\"image\":{\"crop\":null,\"hotspot\":null,\"asset\":{\"_id\":\"image-b809f759a971f1b09b84b4cec69ac9bacd59a076-431x90-svg\",\"extension\":\"svg\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/b809f759a971f1b09b84b4cec69ac9bacd59a076-431x90.svg\",\"metadata\":{\"dimensions\":{\"width\":431,\"aspectRatio\":4.788888888888889,\"height\":90}}}},\"widthAtBreakpoint\":{\"xs\":\"100%\"},\"fill\":true,\"className\":\"object-contain\"}],false]}]}]]}]}]}]}],[\"$\",\"div\",null,{\"className\":\"relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-putty border-ctx-gray text-black set-bg-ctx-putty set-border-ctx-gray\",\"children\":[\"$\",\"div\",null,{\"className\":\"col-start-2 col-end-3 border-x border-ctx-gray\",\"children\":[\"$\",\"div\",null,{\"className\":\"-m-0.5px grid grid-cols-1 h-2\",\"style\":\"$undefined\",\"children\":\"$undefined\"}]}]}],\"$L91\"]\n"])</script><script>self.__next_f.push([1,"ce:I[70924,[\"6715\",\"static/chunks/85582243-4866b5340f66117c.js\",\"8146\",\"static/chunks/8146-4ec4c79a5c65983c.js\",\"294\",\"static/chunks/294-8e4b54d1207ca184.js\",\"9755\",\"static/chunks/9755-d74f223fe972548e.js\",\"6059\",\"static/chunks/6059-11c1aabc2c836e6c.js\",\"6764\",\"static/chunks/6764-ddfbdf10100b325e.js\",\"251\",\"static/chunks/251-f59054c5c0721c47.js\",\"8184\",\"static/chunks/8184-9b8e27f7ec115337.js\",\"3758\",\"static/chunks/3758-470803da3327e15b.js\",\"5187\",\"static/chunks/5187-a885152b6bb388da.js\",\"7204\",\"static/chunks/7204-2afd245157637521.js\",\"9986\",\"static/chunks/9986-f1143c1a2d2a1f27.js\",\"8748\",\"static/chunks/8748-ddaf864c6f242432.js\",\"5648\",\"static/chunks/5648-ff02152b67a4b091.js\",\"4310\",\"static/chunks/4310-d20706c592f78f28.js\",\"2793\",\"static/chunks/2793-c38ff840fde20c7c.js\",\"9273\",\"static/chunks/app/(marketing)/video-for/%5BsdkOrFramework%5D/page-366945a159cd0504.js\"],\"default\"]\n99:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"43\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 43 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Eyeball\"}],[\"$\",\"g\",null,{\"children\":[\"$\",\"g\",null,{\"strokeMiterlimit\":\"10\",\"className\":\"stroke-current\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M24.902 19.629H18.31c-.975 0-1.766.79-1.766 1.766v6.593c0 .975.791 1.766 1.767 1.766h6.593c.975 0 1.766-.79 1.766-1.766v-6.593c0-.976-.791-1.766-1.767-1.766Z\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M40.476 24.69s-4.417-11.508-18.87-11.508C7.155 13.182 2.74 24.69 2.74 24.69S7.165 36.2 21.617 36.2c14.453 0 18.859-11.509 18.859-11.509Z\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M21.606 36.199c5.847 0 10.586-5.153 10.586-11.509 0-6.356-4.74-11.508-10.586-11.508-5.847 0-10.586 5.152-10.586 11.508 0 6.356 4.74 11.509 10.586 11.509ZM21.596 10.883V5.361M4.934 17.018.932 13.142M42.318 13.185l-4.05 3.924M12.68 12.205 10.54 7.204M31.415 12.249l2.158-5.047\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]}]]}]\n98:{\"title\":\"Video API\",\"href\":\"/video-api\",\"icon\":\"$99\",\"description\":\"One API to"])</script><script>self.__next_f.push([1," build and scale unlimited video possibilities\"}\n9b:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Mux Video\"}],[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M2.5 33.5v-19h24v19h-24ZM26.5 18.909l13-4.221v18.624l-13-4.22V18.908ZM15 9V3M20 12l4-4M9 12 5 8\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]\n9a:{\"title\":\"Features\",\"href\":\"/features\",\"icon\":\"$9b\",\"description\":\"Everything you need to build your dream video experience\"}\n9d:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Video File\"}],[\"$\",\"path\",null,{\"d\":\"M0.5 11.5H14H28H41.5V30.5H28H14H0.5V11.5ZM28.5 31.5H41.5V37.5H28.5V31.5ZM27.5 31.5V37.5H14.5V31.5H27.5ZM13.5 31.5V37.5H0.5V31.5H13.5ZM13.5 10.5H0.5V4.5H13.5V10.5ZM14.5 10.5V4.5H27.5V10.5H14.5ZM28.5 10.5V4.5H41.5V10.5H28.5Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]\n9c:{\"title\":\"On-demand\",\"href\":\"/on-demand\",\"icon\":\"$9d\",\"description\":\"Build video into your product without being a video expert\"}\n9f:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Live\"}],[[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M20.926 19.457a4.532 4.532 0 1 0 0-9.064 4.532 4.532 0 0 0 0 9.064Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M14.75 21.868c-1.93-1.736-3.183-4.243-3.183-7.04a9.301 9.301 0 0 1 9.354-9.353 9.301 9.301 0 0 1 9.354 9.354c0 2.796-1.254 5.303-3.183 7.039\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M20.925.75C28.735.75 35.1 7.114 35.1 14.925c0 4.821-2.41 9.064-6.075 11.668M12.825 26.497C"])</script><script>self.__next_f.push([1,"9.161 23.893 6.75 19.65 6.75 14.829M19.192 19.168 10.128 41.25h6.267l1.736-5.014h5.786l1.543 5.014h6.171l-9.064-22.179M7.138 11.647c1.157-5.111 5.207-9.258 10.318-10.511\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}]\n9e:{\"title\":\"Live\",\"href\":\"/live\",\"icon\":\"$9f\",\"description\":\"Live stream to millions, get started in minutes\"}\na1:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Low Latency\"}],[[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M36 12H6v18h30V12Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M19.25 23.848v-5.696L23.807 21l-4.557 2.848Z\",\"className\":\"fill-current stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M12 7.5a19.212 19.212 0 0 1 9-2.25c3.125 0 6.206.77 9 2.25M30 34.5a19.212 19.212 0 0 1-9 2.25c-3.125 0-6.206-.77-9-2.25M6.75 4.5C11.03 2.049 15.966.75 21 .75c5.034 0 9.97 1.299 14.25 3.75M35.25 37.5c-4.283 2.452-9.217 3.75-14.25 3.75-5.033 0-9.967-1.298-14.25-3.75\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}]\na0:{\"title\":\"Interactive\",\"href\":\"/interactive-live-streaming\",\"icon\":\"$a1\",\"description\":\"Low-latency live streaming\"}\na3:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Gears\"}],[[\"$\",\"path\",null,{\"d\":\"M8.06 2l-.54 1.407c-.218.57-.87.84-1.429.592l-1.375-.614-1.331 1.33.614 1.376a1.066 1.066 0 01-.592 1.43L2 8.058v1.882l1.407.539c.57.218.84.87.592 1.429l-.614 1.375 1.33 1.331 1.376-.614a1.066 1.066 0 011.43.592L8.058 16h1.882l.539-1.407c.218-.57.87-.84 1.429-.592l1.375.614 1.331-1.33-.614-1.376a1.066 1.066 0 01.592-1.43L16 9.942V8.059l-1.407-.539a1.066 1.066 0 01-.592-1.429l.614-1.375-1.33-1.331-1.376.614a1.066 1.066 0 01-1.43-.592L9.942 2H8.059z\",\"classNam"])</script><script>self.__next_f.push([1,"e\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"circle\",null,{\"cx\":\"9\",\"cy\":\"9\",\"r\":\"2\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M24.118 12l-1.48 3.863c-.218.571-.87.841-1.429.592l-3.778-1.685-2.661 2.661 1.685 3.778a1.066 1.066 0 01-.592 1.43L12 24.119v3.763l3.863 1.48c.571.218.841.87.592 1.429l-1.685 3.778 2.661 2.661 3.778-1.685a1.066 1.066 0 011.43.592L24.119 40h3.763l1.48-3.863c.218-.571.87-.841 1.429-.592l3.778 1.685 2.661-2.661-1.685-3.778a1.066 1.066 0 01.592-1.43L40 27.881v-3.763l-3.863-1.48a1.066 1.066 0 01-.592-1.429l1.685-3.778-2.661-2.661-3.778 1.685a1.066 1.066 0 01-1.43-.592L27.881 12h-3.763z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"circle\",null,{\"cx\":\"25.899\",\"cy\":\"25.828\",\"transform\":\"rotate(-15 25.899 25.828)\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\",\"r\":\"4\"}]]]}]\na2:{\"title\":\"Encoding\",\"href\":\"/encoding\",\"icon\":\"$a3\",\"description\":\"Cloud encoding platform for on-demand and live streaming\"}\n97:[\"$98\",\"$9a\",\"$9c\",\"$9e\",\"$a0\",\"$a2\"]\n96:{\"title\":\"Mux Video\",\"sections\":\"$97\"}\na7:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Globe\"}],[\"$\",\"g\",null,{\"strokeMiterlimit\":\"10\",\"className\":\"stroke-current\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M21 41c11.046 0 20-8.954 20-20S32.046 1 21 1 1 9.954 1 21s8.954 20 20 20ZM25.761 21H40.65M1 21h15.237\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M21 1s12.232 6.877 11.794 19.935C32.356 33.994 21 41 21 41M21 1S8.767 7.932 9.205 20.99C9.643 34.05 21 41 21 41M21 1v15.238M20.999 25.761V41\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]]}]\na6:{\"title\":\"Overview\",\"href\":\"/data\",\"icon\":\"$a7\",\"description\":\"Understand your user engagement and Quality of Experience\"}\na9:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"c"])</script><script>self.__next_f.push([1,"lassName\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Mux Data\"}],[\"$\",\"g\",null,{\"className\":\"stroke-current\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M41.25 17.25H.75v24h40.5v-24Z\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"d\":\"M17.25 24.938 26 29.75l-8.75 4.813v-9.626Z\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M9.75 13.5v-6M23.25 13.5v-12M32.25 13.5V0M18.75 13.5V5.25M14.25 13.5V3.75M27.75 13.5V3.75\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]]}]\na8:{\"title\":\"Features\",\"href\":\"/data/features\",\"icon\":\"$a9\",\"description\":\"Everything you need to understand, monitor, and improve\"}\nab:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Graph\"}],[\"$\",\"g\",null,{\"strokeMiterlimit\":\"10\",\"className\":\"stroke-current\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M41.25 41.25H.75V.75\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M5.308 30h4.739c10.449 0 8.424-18.844 23.611-18.844h6.075\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]]}]\naa:{\"title\":\"Monitor\",\"href\":\"/data-operations\",\"icon\":\"$ab\",\"description\":\"Your most critical metrics all in one real-time view\"}\na5:[\"$a6\",\"$a8\",\"$aa\"]\na4:{\"title\":\"Mux Data\",\"sections\":\"$a5\"}\nac:{\"title\":\"Mux Player\",\"href\":\"/player\"}\n95:[\"$96\",\"$a4\",\"$ac\"]\n94:{\"title\":\"Products\",\"sections\":\"$95\"}\naf:{\"title\":\"Documentation\",\"href\":\"/docs/guides\"}\nb0:{\"title\":\"API Reference\",\"href\":\"/docs/api-reference\"}\nb1:{\"title\":\"Webhook Reference\",\"href\":\"/docs/webhook-reference\"}\nb2:{\"title\":\"Changelog\",\"href\":\"/docs/changelog\"}\nb3:{\"title\":\"Open Source software\",\"href\":\"/oss\"}\nb4:{\"title\":\"SDKs\",\"href\":\"/oss#platforms\"}\nb5:{\"title\":\"Beta features\",\"href\":\"/beta\"}\nb6:{\"title\":\"Powered by Mux program\",\"href\":\"/powered-by-mux\"}\nb7:{\"title\":\"Contact support\",\"href\":\"/support\"}\nae:[\"$af\",\"$b0\",\"$b1\",\"$b2\",\"$b3\",\"$b4\",\"$b5\",\"$b6\",\"$b7\"]\nad:{\"title\":\"Developers\",\"sections\":\"$ae\"}\nba:{\"title\":\"Video for your vi"])</script><script>self.__next_f.push([1,"deo platform\",\"href\":\"/solutions/video-infra-for-your-video-platform\"}\nbb:{\"title\":\"Video for user generated content\",\"href\":\"/solutions/video-for-ugc\"}\nbc:{\"title\":\"Video for connected fitness\",\"href\":\"/solutions/video-for-fitness\"}\nbd:{\"title\":\"Video for generative AI\",\"href\":\"/solutions/video-for-generative-ai\"}\nbe:{\"title\":\"Video for Vercel users\",\"href\":\"/solutions/video-for-vercel\"}\nbf:{\"title\":\"Data for broadcasters\",\"href\":\"/solutions/data-for-broadcasters\"}\nc0:{\"title\":\"Data for telco operators\",\"href\":\"/solutions/data-for-telco\"}\nc1:{\"title\":\"Data for sports\",\"href\":\"/solutions/data-for-sports\"}\nc2:{\"title\":\"Customer stories\",\"href\":\"/customers\"}\nb9:[\"$ba\",\"$bb\",\"$bc\",\"$bd\",\"$be\",\"$bf\",\"$c0\",\"$c1\",\"$c2\"]\nb8:{\"title\":\"Solutions\",\"sections\":\"$b9\"}\nc5:{\"title\":\"Mux Video pricing\",\"href\":\"/pricing/video\"}\nc6:{\"title\":\"Mux Data pricing\",\"href\":\"/pricing/data\"}\nc4:[\"$c5\",\"$c6\"]\nc3:{\"title\":\"Pricing\",\"sections\":\"$c4\"}\nc7:{\"title\":\"Blog\",\"href\":\"/blog\"}\n93:[\"$94\",\"$ad\",\"$b8\",\"$c3\",\"$c7\"]\n"])</script><script>self.__next_f.push([1,"79:[\"$L92\",[[\"$\",\"div\",null,{\"className\":\"-my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-charcoal border-ctx-black text-white dark set-bg-ctx-charcoal set-border-ctx-black set-decoration-ctx-gray-underline sticky -top-1px z-50\",\"children\":[\"$\",\"div\",null,{\"className\":\"col-start-2 col-end-3 border-x border-ctx-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"-m-0.5px grid-cols-1 relative h-2 md:h-3 flex items-center justify-end\",\"style\":\"$undefined\",\"children\":[[\"$\",\"a\",null,{\"href\":\"#skip-nav\",\"className\":\"group/button block h-full absolute left-0 top-0 z-10 transition-opacity duration-short ease-in-out-energetic pointer-events-none opacity-0 focus:pointer-events-auto focus:opacity-100\",\"children\":[[\"$\",\"span\",null,{\"className\":\"h-full min-h-2 flex items-center justify-center cursor-pointer px-2 py-0.5 text-center text-white bg-black border border-ctx-charcoal rounded-4\",\"aria-hidden\":\"$undefined\",\"children\":\"Skip to content\"}],null]}],[\"$\",\"div\",null,{\"className\":\"mr-auto flex h-full\",\"children\":[[\"$\",\"$L3f\",null,{\"items\":[{\"text\":\"Download logo as SVG\",\"href\":\"/images/mux-logo.svg\",\"download\":true,\"target\":\"_blank\",\"prefetch\":false},{\"text\":\"Download logo as PNG\",\"href\":\"/images/mux-logo.png\",\"download\":true,\"target\":\"_blank\",\"prefetch\":false},{\"text\":\"Get the full press kit\",\"href\":\"/files/mux-press-kit.zip\",\"download\":true,\"target\":\"_blank\",\"prefetch\":false}],\"linkComponent\":\"$40\",\"logoHref\":\"/\",\"width\":84,\"className\":\"flex h-full items-center px-1\"}],null]}],\"$undefined\",[\"$\",\"$L41\",null,{\"navigation\":[{\"title\":\"Products\",\"sections\":[{\"title\":\"Mux Video\",\"sections\":[{\"title\":\"Video API\",\"href\":\"/video-api\",\"icon\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"43\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 43 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Eyeball\"}],[\"$\",\"g\",null,{\"children\":[\"$\",\"g\",null,{\"strokeMiterlimit\":\"10\",\"className\":\"stroke-current\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M24.902 19.629H18.31c-.975 0-1.766.79-1.766 1.766v6.593c0 .975.791 1.766 1.767 1.766h6.593c.975 0 1.766-.79 1.766-1.766v-6.593c0-.976-.791-1.766-1.767-1.766Z\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M40.476 24.69s-4.417-11.508-18.87-11.508C7.155 13.182 2.74 24.69 2.74 24.69S7.165 36.2 21.617 36.2c14.453 0 18.859-11.509 18.859-11.509Z\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M21.606 36.199c5.847 0 10.586-5.153 10.586-11.509 0-6.356-4.74-11.508-10.586-11.508-5.847 0-10.586 5.152-10.586 11.508 0 6.356 4.74 11.509 10.586 11.509ZM21.596 10.883V5.361M4.934 17.018.932 13.142M42.318 13.185l-4.05 3.924M12.68 12.205 10.54 7.204M31.415 12.249l2.158-5.047\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]}]]}],\"description\":\"One API to build and scale unlimited video possibilities\"},{\"title\":\"Features\",\"href\":\"/features\",\"icon\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Mux Video\"}],[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M2.5 33.5v-19h24v19h-24ZM26.5 18.909l13-4.221v18.624l-13-4.22V18.908ZM15 9V3M20 12l4-4M9 12 5 8\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]}],\"description\":\"Everything you need to build your dream video experience\"},{\"title\":\"On-demand\",\"href\":\"/on-demand\",\"icon\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Video File\"}],[\"$\",\"path\",null,{\"d\":\"M0.5 11.5H14H28H41.5V30.5H28H14H0.5V11.5ZM28.5 31.5H41.5V37.5H28.5V31.5ZM27.5 31.5V37.5H14.5V31.5H27.5ZM13.5 31.5V37.5H0.5V31.5H13.5ZM13.5 10.5H0.5V4.5H13.5V10.5ZM14.5 10.5V4.5H27.5V10.5H14.5ZM28.5 10.5V4.5H41.5V10.5H28.5Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]}],\"description\":\"Build video into your product without being a video expert\"},{\"title\":\"Live\",\"href\":\"/live\",\"icon\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Live\"}],[[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M20.926 19.457a4.532 4.532 0 1 0 0-9.064 4.532 4.532 0 0 0 0 9.064Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M14.75 21.868c-1.93-1.736-3.183-4.243-3.183-7.04a9.301 9.301 0 0 1 9.354-9.353 9.301 9.301 0 0 1 9.354 9.354c0 2.796-1.254 5.303-3.183 7.039\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M20.925.75C28.735.75 35.1 7.114 35.1 14.925c0 4.821-2.41 9.064-6.075 11.668M12.825 26.497C9.161 23.893 6.75 19.65 6.75 14.829M19.192 19.168 10.128 41.25h6.267l1.736-5.014h5.786l1.543 5.014h6.171l-9.064-22.179M7.138 11.647c1.157-5.111 5.207-9.258 10.318-10.511\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}],\"description\":\"Live stream to millions, get started in minutes\"},{\"title\":\"Interactive\",\"href\":\"/interactive-live-streaming\",\"icon\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Low Latency\"}],[[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M36 12H6v18h30V12Z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M19.25 23.848v-5.696L23.807 21l-4.557 2.848Z\",\"className\":\"fill-current stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeMiterlimit\":\"10\",\"d\":\"M12 7.5a19.212 19.212 0 0 1 9-2.25c3.125 0 6.206.77 9 2.25M30 34.5a19.212 19.212 0 0 1-9 2.25c-3.125 0-6.206-.77-9-2.25M6.75 4.5C11.03 2.049 15.966.75 21 .75c5.034 0 9.97 1.299 14.25 3.75M35.25 37.5c-4.283 2.452-9.217 3.75-14.25 3.75-5.033 0-9.967-1.298-14.25-3.75\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}]]]}],\"description\":\"Low-latency live streaming\"},{\"title\":\"Encoding\",\"href\":\"/encoding\",\"icon\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Gears\"}],[[\"$\",\"path\",null,{\"d\":\"M8.06 2l-.54 1.407c-.218.57-.87.84-1.429.592l-1.375-.614-1.331 1.33.614 1.376a1.066 1.066 0 01-.592 1.43L2 8.058v1.882l1.407.539c.57.218.84.87.592 1.429l-.614 1.375 1.33 1.331 1.376-.614a1.066 1.066 0 011.43.592L8.058 16h1.882l.539-1.407c.218-.57.87-.84 1.429-.592l1.375.614 1.331-1.33-.614-1.376a1.066 1.066 0 01.592-1.43L16 9.942V8.059l-1.407-.539a1.066 1.066 0 01-.592-1.429l.614-1.375-1.33-1.331-1.376.614a1.066 1.066 0 01-1.43-.592L9.942 2H8.059z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"circle\",null,{\"cx\":\"9\",\"cy\":\"9\",\"r\":\"2\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M24.118 12l-1.48 3.863c-.218.571-.87.841-1.429.592l-3.778-1.685-2.661 2.661 1.685 3.778a1.066 1.066 0 01-.592 1.43L12 24.119v3.763l3.863 1.48c.571.218.841.87.592 1.429l-1.685 3.778 2.661 2.661 3.778-1.685a1.066 1.066 0 011.43.592L24.119 40h3.763l1.48-3.863c.218-.571.87-.841 1.429-.592l3.778 1.685 2.661-2.661-1.685-3.778a1.066 1.066 0 01.592-1.43L40 27.881v-3.763l-3.863-1.48a1.066 1.066 0 01-.592-1.429l1.685-3.778-2.661-2.661-3.778 1.685a1.066 1.066 0 01-1.43-.592L27.881 12h-3.763z\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"circle\",null,{\"cx\":\"25.899\",\"cy\":\"25.828\",\"transform\":\"rotate(-15 25.899 25.828)\",\"className\":\"stroke-current\",\"vectorEffect\":\"non-scaling-stroke\",\"r\":\"4\"}]]]}],\"description\":\"Cloud encoding platform for on-demand and live streaming\"}]},{\"title\":\"Mux Data\",\"sections\":[{\"title\":\"Overview\",\"href\":\"/data\",\"icon\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Globe\"}],[\"$\",\"g\",null,{\"strokeMiterlimit\":\"10\",\"className\":\"stroke-current\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M21 41c11.046 0 20-8.954 20-20S32.046 1 21 1 1 9.954 1 21s8.954 20 20 20ZM25.761 21H40.65M1 21h15.237\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M21 1s12.232 6.877 11.794 19.935C32.356 33.994 21 41 21 41M21 1S8.767 7.932 9.205 20.99C9.643 34.05 21 41 21 41M21 1v15.238M20.999 25.761V41\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]]}],\"description\":\"Understand your user engagement and Quality of Experience\"},{\"title\":\"Features\",\"href\":\"/data/features\",\"icon\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Mux Data\"}],[\"$\",\"g\",null,{\"className\":\"stroke-current\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M41.25 17.25H.75v24h40.5v-24Z\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"d\":\"M17.25 24.938 26 29.75l-8.75 4.813v-9.626Z\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M9.75 13.5v-6M23.25 13.5v-12M32.25 13.5V0M18.75 13.5V5.25M14.25 13.5V3.75M27.75 13.5V3.75\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]]}],\"description\":\"Everything you need to understand, monitor, and improve\"},{\"title\":\"Monitor\",\"href\":\"/data-operations\",\"icon\":[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42\",\"height\":\"42\",\"fill\":\"none\",\"viewBox\":\"0 0 42 42\",\"className\":\"h-1 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Graph\"}],[\"$\",\"g\",null,{\"strokeMiterlimit\":\"10\",\"className\":\"stroke-current\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M41.25 41.25H.75V.75\",\"vectorEffect\":\"non-scaling-stroke\"}],[\"$\",\"path\",null,{\"d\":\"M5.308 30h4.739c10.449 0 8.424-18.844 23.611-18.844h6.075\",\"vectorEffect\":\"non-scaling-stroke\"}]]}]]}],\"description\":\"Your most critical metrics all in one real-time view\"}]},{\"title\":\"Mux Player\",\"href\":\"/player\"}]},{\"title\":\"Developers\",\"sections\":[{\"title\":\"Documentation\",\"href\":\"/docs/guides\"},{\"title\":\"API Reference\",\"href\":\"/docs/api-reference\"},{\"title\":\"Webhook Reference\",\"href\":\"/docs/webhook-reference\"},{\"title\":\"Changelog\",\"href\":\"/docs/changelog\"},{\"title\":\"Open Source software\",\"href\":\"/oss\"},{\"title\":\"SDKs\",\"href\":\"/oss#platforms\"},{\"title\":\"Beta features\",\"href\":\"/beta\"},{\"title\":\"Powered by Mux program\",\"href\":\"/powered-by-mux\"},{\"title\":\"Contact support\",\"href\":\"/support\"}]},{\"title\":\"Solutions\",\"sections\":[{\"title\":\"Video for your video platform\",\"href\":\"/solutions/video-infra-for-your-video-platform\"},{\"title\":\"Video for user generated content\",\"href\":\"/solutions/video-for-ugc\"},{\"title\":\"Video for connected fitness\",\"href\":\"/solutions/video-for-fitness\"},{\"title\":\"Video for generative AI\",\"href\":\"/solutions/video-for-generative-ai\"},{\"title\":\"Video for Vercel users\",\"href\":\"/solutions/video-for-vercel\"},{\"title\":\"Data for broadcasters\",\"href\":\"/solutions/data-for-broadcasters\"},{\"title\":\"Data for telco operators\",\"href\":\"/solutions/data-for-telco\"},{\"title\":\"Data for sports\",\"href\":\"/solutions/data-for-sports\"},{\"title\":\"Customer stories\",\"href\":\"/customers\"}]},{\"title\":\"Pricing\",\"sections\":[{\"title\":\"Mux Video pricing\",\"href\":\"/pricing/video\"},{\"title\":\"Mux Data pricing\",\"href\":\"/pricing/data\"}]},{\"title\":\"Blog\",\"href\":\"/blog\"}],\"active\":\"$undefined\",\"LinkComponent\":\"$40\",\"className\":\"block lg:hidden\",\"ctas\":[{\"text\":\"Talk to us\",\"href\":\"/sales-contact\",\"data-analytics-selector\":\"navbar-sales-contact\"},{\"text\":\"Log in\",\"href\":\"https://dashboard.mux.com/login\",\"data-analytics-selector\":\"navbar-login\"}],\"color\":\"charcoal\",\"ctaColor\":\"$undefined\"}],[\"$\",\"$L42\",null,{\"navigation\":\"$93\",\"active\":\"$undefined\",\"LinkComponent\":\"$40\",\"className\":\"hidden lg:flex\",\"color\":\"charcoal\"}],[\"$\",\"div\",null,{\"className\":\"grid h-full hidden lg:grid\",\"style\":{\"gridTemplateColumns\":\"repeat(2, auto)\",\"direction\":\"rtl\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"border-ctx-black bg-charcoal dark [\u0026\u003e*]:set-border-ctx-black [\u0026\u003e*]:set-decoration-ctx-gray-underline [\u0026\u003e*]:set-bg-ctx-charcoal text-white border -m-0.5px font-mono text-sm leading-mono font-normal uppercase grid\",\"children\":[null,null,null,null,[[\"$\",\"$L40\",null,{\"href\":\"/sales-contact\",\"data-analytics-selector\":\"navbar-sales-contact\",\"className\":\"relative group/button block -m-1px w-full-2px h-full-2px whitespace-nowrap\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-full h-full flex items-center justify-center cursor-pointer px-1.5 text-center bg-ctx border border-ctx-green-dark user-select-none min-h-0 py-0\",\"aria-hidden\":\"$undefined\",\"children\":\"Talk to us\"}],[\"$\",\"span\",null,{\"className\":\"absolute inset-0 flex items-center justify-center cursor-pointer px-1.5 text-center text-black bg-green border border-ctx-green-dark transition-[border-radius] duration-medium ease-in-out-energetic rounded-4 group-hover/button:rounded-none group-focus-visible/button:rounded-none min-h-0 py-0\",\"aria-hidden\":true,\"children\":\"Talk to us\"}]]}],null],null]}],[\"$\",\"div\",null,{\"className\":\"border-ctx-black bg-charcoal dark [\u0026\u003e*]:set-border-ctx-black [\u0026\u003e*]:set-decoration-ctx-gray-underline [\u0026\u003e*]:set-bg-ctx-charcoal text-white border -m-0.5px font-mono text-sm leading-mono font-normal uppercase grid\",\"children\":[null,null,null,null,[[\"$\",\"$L40\",null,{\"href\":\"https://dashboard.mux.com/login\",\"data-analytics-selector\":\"navbar-login\",\"className\":\"relative group/button block -m-1px w-full-2px h-full-2px whitespace-nowrap\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-full h-full flex items-center justify-center cursor-pointer px-1 text-center text-white bg-black border border-ctx-current user-select-none min-h-0 py-0\",\"aria-hidden\":\"$undefined\",\"children\":\"Log in\"}],[\"$\",\"span\",null,{\"className\":\"absolute inset-0 flex items-center justify-center cursor-pointer px-1 text-center bg-ctx border border-ctx-current group-hover/button:opacity-0 group-focus-visible/button:opacity-0 min-h-0 py-0\",\"aria-hidden\":true,\"children\":\"Log in\"}]]}],null],null]}]]}]]}]}]}],[\"$\",\"div\",null,{\"id\":\"skip-nav\"}]]]\n"])</script><script>self.__next_f.push([1,"91:[\"$Lc8\",[\"$\",\"footer\",null,{\"className\":\"relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-charcoal border-ctx-black text-white dark set-bg-ctx-charcoal set-border-ctx-black set-decoration-ctx-gray-underline z-10\",\"children\":[\"$\",\"div\",null,{\"className\":\"col-start-2 col-end-3 border-x border-ctx-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"-m-0.5px grid-cols-1 block gap-1 px-1 md:columns-2 md:px-2 lg:columns-3 xl:columns-4\",\"style\":{\"paddingBottom\":\"6rem\"},\"children\":[[\"$\",\"section\",null,{\"className\":\"relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]\",\"style\":{\"--pt\":\"4rem\",\"--pt-first\":\"4rem\"},\"children\":[[\"$\",\"h3\",null,{\"style\":{\"lineHeight\":2,\"--mb\":\"2rem\",\"--mb-md\":\"2rem\",\"position\":\"$undefined\",\"top\":\"$undefined\"},\"className\":\"font-body tracking-wide text-base leading-normal font-bold normal-case mb-[--mb] md:mb-[--mb-md]\",\"children\":[null,null,null,null,\"Platform\",null]}],[\"$\",\"ul\",null,{\"children\":[\"$undefined\",[[\"$\",\"section\",null,{\"className\":\"relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]\",\"style\":{\"--pt\":\"2rem\",\"--pt-first\":\"0\"},\"children\":[[\"$\",\"h3\",null,{\"style\":{\"lineHeight\":2.2857142857142856,\"--mb\":\"0\",\"--mb-md\":\"0\",\"position\":\"relative\",\"top\":\"-0.0625rem\"},\"className\":\"font-mono text-sm leading-mono font-normal uppercase text-yellow mb-[--mb] md:mb-[--mb-md]\",\"children\":[null,null,null,null,\"Mux Video\",null]}],[\"$\",\"ul\",null,{\"children\":[[[\"$\",\"li\",\"Video API-/video-api\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-api\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Video API\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Features-/features\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/features\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Features\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"On-Demand-/on-demand\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/on-demand\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"On-Demand\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Live-/live\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/live\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Live\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Interactive-/interactive-live-streaming\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/interactive-live-streaming\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Interactive\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Encoding-/encoding\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/encoding\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Encoding\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Pricing-/pricing/video\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/pricing/video\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Pricing\",\"$undefined\"],null]}]}]],\"$undefined\"]}],\"$undefined\"]}],[\"$\",\"section\",null,{\"className\":\"relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]\",\"style\":{\"--pt\":\"2rem\",\"--pt-first\":\"0\"},\"children\":[[\"$\",\"h3\",null,{\"style\":{\"lineHeight\":2.2857142857142856,\"--mb\":\"0\",\"--mb-md\":\"0\",\"position\":\"relative\",\"top\":\"-0.0625rem\"},\"className\":\"font-mono text-sm leading-mono font-normal uppercase text-yellow mb-[--mb] md:mb-[--mb-md]\",\"children\":[null,null,null,null,\"Mux Data\",null]}],[\"$\",\"ul\",null,{\"children\":[[[\"$\",\"li\",\"Overview-/data\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/data\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Overview\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Features-/data/features\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/data/features\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Features\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Monitoring-/data-operations\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/data-operations\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Monitoring\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Pricing-/pricing/data\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/pricing/data\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Pricing\",\"$undefined\"],null]}]}]],\"$undefined\"]}],\"$undefined\"]}],[\"$\",\"section\",null,{\"className\":\"relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]\",\"style\":{\"--pt\":\"2rem\",\"--pt-first\":\"0\"},\"children\":[[\"$\",\"h3\",null,{\"style\":{\"lineHeight\":2.2857142857142856,\"--mb\":\"0\",\"--mb-md\":\"0\",\"position\":\"relative\",\"top\":\"-0.0625rem\"},\"className\":\"font-mono text-sm leading-mono font-normal uppercase text-yellow mb-[--mb] md:mb-[--mb-md]\",\"children\":[null,null,null,null,\"Mux Player\",null]}],[\"$\",\"ul\",null,{\"children\":[[[\"$\",\"li\",\"Overview-/player\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/player\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Overview\",\"$undefined\"],null]}]}]],\"$undefined\"]}],\"$undefined\"]}]]]}],\"$undefined\"]}],[\"$\",\"section\",null,{\"className\":\"relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]\",\"style\":{\"--pt\":\"4rem\",\"--pt-first\":\"4rem\"},\"children\":[[\"$\",\"h3\",null,{\"style\":{\"lineHeight\":2,\"--mb\":\"0\",\"--mb-md\":\"2rem\",\"position\":\"$undefined\",\"top\":\"$undefined\"},\"className\":\"font-body tracking-wide text-base leading-normal font-bold normal-case mb-[--mb] md:mb-[--mb-md]\",\"children\":[null,null,null,null,\"Developers\",null]}],[\"$\",\"ul\",null,{\"children\":[[[\"$\",\"li\",\"Documentation-/docs\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/docs\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Documentation\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"API reference-/docs/api-reference\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/docs/api-reference\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"API reference\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Webhook reference-/docs/webhook-reference\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/docs/webhook-reference\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Webhook reference\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Open source software-/oss\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/oss\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Open source software\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Beta features-/beta\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/beta\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Beta features\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Contact support-/support\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/support\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Contact support\",\"$undefined\"],null]}]}]],\"$undefined\"]}],\"$undefined\"]}],[\"$\",\"section\",null,{\"className\":\"relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]\",\"style\":{\"--pt\":\"4rem\",\"--pt-first\":\"4rem\"},\"children\":[[\"$\",\"h3\",null,{\"style\":{\"lineHeight\":2,\"--mb\":\"0\",\"--mb-md\":\"2rem\",\"position\":\"$undefined\",\"top\":\"$undefined\"},\"className\":\"font-body tracking-wide text-base leading-normal font-bold normal-case mb-[--mb] md:mb-[--mb-md]\",\"children\":[null,null,null,null,\"Resources\",null]}],[\"$\",\"ul\",null,{\"children\":[[[\"$\",\"li\",\"Video glossary-/video-glossary\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-glossary\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Video glossary\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Learn about video-/articles\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/articles\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Learn about video\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Demuxed-https://demuxed.com/\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"https://demuxed.com/\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Demuxed\",[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"56\",\"height\":\"56\",\"fill\":\"none\",\"viewBox\":\"0 0 56 56\",\"className\":\"ml-0.25 inline-block h-0.5 w-0.5\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Arrow Up Right\"}],[\"$\",\"g\",null,{\"strokeMiterlimit\":\"10\",\"className\":\"stroke-current\",\"children\":[\"$\",\"path\",null,{\"d\":\"m46.031 44.41.001-33.94-33.942-.001M46.031 10.469 9.97 46.53\",\"vectorEffect\":\"non-scaling-stroke\"}]}]]}]],null]}]}],[\"$\",\"li\",\"HowVideo.Works-https://howvideo.works/\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"https://howvideo.works/\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"HowVideo.Works\",[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"56\",\"height\":\"56\",\"fill\":\"none\",\"viewBox\":\"0 0 56 56\",\"className\":\"ml-0.25 inline-block h-0.5 w-0.5\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Arrow Up Right\"}],[\"$\",\"g\",null,{\"strokeMiterlimit\":\"10\",\"className\":\"stroke-current\",\"children\":[\"$\",\"path\",null,{\"d\":\"m46.031 44.41.001-33.94-33.942-.001M46.031 10.469 9.97 46.53\",\"vectorEffect\":\"non-scaling-stroke\"}]}]]}]],null]}]}],[\"$\",\"li\",\"Mux vs. Cloudflare Stream-/compare/cloudflare-stream\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/compare/cloudflare-stream\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Mux vs. Cloudflare Stream\",\"$undefined\"],null]}]}]],\"$undefined\"]}],\"$undefined\"]}],[\"$\",\"section\",null,{\"className\":\"relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]\",\"style\":{\"--pt\":\"4rem\",\"--pt-first\":\"4rem\"},\"children\":[[\"$\",\"h3\",null,{\"style\":{\"lineHeight\":2,\"--mb\":\"0\",\"--mb-md\":\"2rem\",\"position\":\"$undefined\",\"top\":\"$undefined\"},\"className\":\"font-body tracking-wide text-base leading-normal font-bold normal-case mb-[--mb] md:mb-[--mb-md]\",\"children\":[null,null,null,null,\"Solutions\",null]}],[\"$\",\"ul\",null,{\"children\":[[[\"$\",\"li\",\"Video for your video platform-/solutions/video-infra-for-your-video-platform\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/solutions/video-infra-for-your-video-platform\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Video for your video platform\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Video for UGC-/solutions/video-for-ugc\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/solutions/video-for-ugc\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Video for UGC\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Video for connected fitness-/solutions/video-for-fitness\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/solutions/video-for-fitness\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Video for connected fitness\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Video for AI-/solutions/video-for-generative-ai\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/solutions/video-for-generative-ai\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Video for AI\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Video for Vercel users-/solutions/video-for-vercel\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/solutions/video-for-vercel\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Video for Vercel users\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Data for broadcasters-/solutions/data-for-broadcasters\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/solutions/data-for-broadcasters\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Data for broadcasters\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Data for telco operators-/solutions/data-for-telco\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/solutions/data-for-telco\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Data for telco operators\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Data for sports-/solutions/data-for-sports\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/solutions/data-for-sports\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Data for sports\",\"$undefined\"],null]}]}]],\"$undefined\"]}],\"$undefined\"]}],[\"$\",\"section\",null,{\"className\":\"relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]\",\"style\":{\"--pt\":\"4rem\",\"--pt-first\":\"4rem\"},\"children\":[[\"$\",\"h3\",null,{\"style\":{\"lineHeight\":2,\"--mb\":\"0\",\"--mb-md\":\"2rem\",\"position\":\"$undefined\",\"top\":\"$undefined\"},\"className\":\"font-body tracking-wide text-base leading-normal font-bold normal-case mb-[--mb] md:mb-[--mb-md]\",\"children\":[null,null,null,null,\"Integrations\",null]}],[\"$\",\"ul\",null,{\"children\":[[[\"$\",\"li\",\"Node-/video-for/node\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/node\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Node\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Ruby-/video-for/ruby\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/ruby\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Ruby\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"PHP-/video-for/php\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/php\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"PHP\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Python-/video-for/python\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/python\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Python\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Elixir-/video-for/elixir\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/elixir\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Elixir\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Go-/video-for/go\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/go\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Go\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Astro-/video-for/astro\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/astro\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Astro\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"SvelteKit-/video-for/sveltekit\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/sveltekit\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"SvelteKit\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Flutter-/video-for/flutter\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/flutter\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Flutter\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Next.js-/video-for/next-js\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/next-js\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Next.js\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"React Native-/video-for/react-native\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/react-native\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"React Native\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Remix.js-/video-for/remix-js\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/remix-js\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Remix.js\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Laravel-/video-for/laravel\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/video-for/laravel\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Laravel\",\"$undefined\"],null]}]}]],\"$undefined\"]}],\"$undefined\"]}],[\"$\",\"section\",null,{\"className\":\"relative break-inside-avoid pt-[--pt] first:pt-[--pt-first]\",\"style\":{\"--pt\":\"4rem\",\"--pt-first\":\"4rem\"},\"children\":[[\"$\",\"h3\",null,{\"style\":{\"lineHeight\":2,\"--mb\":\"0\",\"--mb-md\":\"2rem\",\"position\":\"$undefined\",\"top\":\"$undefined\"},\"className\":\"font-body tracking-wide text-base leading-normal font-bold normal-case mb-[--mb] md:mb-[--mb-md]\",\"children\":[null,null,null,null,\"Company\",null]}],[\"$\",\"ul\",null,{\"children\":[[[\"$\",\"li\",\"Blog-/blog\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/blog\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Blog\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Team-/team\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/team\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Team\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Customers-/customers\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/customers\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Customers\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Partners-/partners\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/partners\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Partners\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Jobs-/jobs\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/jobs\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Jobs\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Startup Program-/startups\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/startups\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Startup Program\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Powered by Mux Program-/powered-by-mux\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/powered-by-mux\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Powered by Mux Program\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Sign up for our newsletter-/newsletter/signup\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/newsletter/signup\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Sign up for our newsletter\",\"$undefined\"],null]}]}],[\"$\",\"li\",\"Download Press Kit-/files/mux-press-kit.zip\",{\"children\":[\"$\",\"$L40\",null,{\"href\":\"/files/mux-press-kit.zip\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,[\"Download Press Kit\",\"$undefined\"],null]}]}]],\"$undefined\"]}],[\"$\",\"section\",null,{\"className\":\"flex gap-1\",\"style\":{\"marginTop\":\"calc(6rem - 1.75rem * 0.75)\"},\"children\":[[\"$\",\"$L40\",null,{\"href\":\"https://twitter.com/muxhq\",\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline block\",\"children\":[null,null,null,null,[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Mux on Twitter\"}],[\"$\",\"svg\",null,{\"role\":\"img\",\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 20 20\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"h-0.75 w-0.75\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Twitter, or I guess it's called X now\"}],[\"$\",\"path\",null,{\"d\":\"M11.64 8.464L18.923 0h-1.725l-6.323 7.35L5.824 0H0l7.636 11.114L0 19.99h1.726l6.676-7.761 5.334 7.76h5.824L11.64 8.465zm-2.363 2.747l-.773-1.106-6.157-8.806h2.65l4.969 7.107.774 1.106 6.458 9.238h-2.65l-5.27-7.538z\",\"vectorEffect\":\"non-scaling-stroke\",\"className\":\"fill-current\"}]]}]],null]}],[\"$\",\"$L40\",null,{\"href\":\"https://www.linkedin.com/company/mux/\",\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline block\",\"children\":[null,null,null,null,[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Mux on LinkedIn\"}],[\"$\",\"svg\",null,{\"role\":\"img\",\"width\":\"56\",\"height\":\"56\",\"viewBox\":\"0 0 20 20\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"h-0.75 w-0.75\",\"children\":[[\"$\",\"title\",null,{\"children\":\"LinkedIn\"}],[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M1.47631 0H18.5187C19.3337 0 20.0004 0.644996 20.0004 1.44082V18.559C20.0004 19.3557 19.3337 19.9999 18.5187 19.9999H1.47631C0.660484 19.9999 0.000488281 19.3557 0.000488281 18.559V1.44082C0.000488281 0.644996 0.660484 0 1.47631 0ZM2.729 4.47306C2.729 5.42222 3.49483 6.19388 4.44816 6.19388C5.39732 6.19388 6.16815 5.42222 6.16815 4.47306C6.16815 3.52473 5.39815 2.75391 4.44816 2.75391C3.49567 2.75391 2.729 3.52473 2.729 4.47306ZM14.0784 17.0429H17.0401H17.0409V11.8046C17.0409 9.23378 16.4859 7.25879 13.4851 7.25879C12.0409 7.25879 11.0743 8.05045 10.6768 8.80045H10.6384V7.49962H7.79346V17.0429H10.7551V12.3204C10.7551 11.0754 10.9909 9.87127 12.5351 9.87127C14.0559 9.87127 14.0784 11.2954 14.0784 12.4021V17.0429ZM5.93336 17.0433H2.96338V7.5H5.93336V17.0433Z\",\"className\":\"fill-current\"}]]}]],null]}],[\"$\",\"$L40\",null,{\"href\":\"https://www.github.com/muxinc/\",\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline block\",\"children\":[null,null,null,null,[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Mux on GitHub\"}],[\"$\",\"svg\",null,{\"role\":\"img\",\"width\":\"56\",\"height\":\"56\",\"viewBox\":\"0 0 32 32\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"h-0.75 w-0.75\",\"children\":[[\"$\",\"title\",null,{\"children\":\"GitHub\"}],[\"$\",\"path\",null,{\"d\":\"M15.999.395C7.164.395 0 7.558 0 16.396c0 7.068 4.584 13.066 10.942 15.182.801.146 1.092-.348 1.092-.771 0-.38-.014-1.386-.021-2.722-4.451.967-5.39-2.144-5.39-2.144-.728-1.849-1.777-2.341-1.777-2.341-1.452-.993.11-.972.11-.972 1.606.113 2.451 1.648 2.451 1.648 1.427 2.446 3.745 1.739 4.657 1.33.145-1.035.559-1.74 1.015-2.14-3.552-.403-7.288-1.776-7.288-7.907 0-1.747.624-3.175 1.647-4.294-.165-.404-.714-2.031.158-4.234 0 0 1.342-.43 4.399 1.64A15.352 15.352 0 0116 8.133c1.36.006 2.728.184 4.006.538 3.055-2.07 4.395-1.64 4.395-1.64.874 2.203.325 3.83.161 4.234 1.025 1.119 1.644 2.547 1.644 4.294 0 6.146-3.741 7.499-7.305 7.895.574.494 1.085 1.47 1.085 2.963 0 2.139-.019 3.865-.019 4.39 0 .427.288.925 1.1.769C27.42 29.456 32 23.463 32 16.396 32 7.558 24.836.395 15.999.395z\",\"className\":\"fill-current\"}]]}]],null]}],[\"$\",\"$L40\",null,{\"href\":\"https://www.youtube.com/channel/UCGaddSlVSK83POSytkL21rQ\",\"className\":\"normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline block\",\"children\":[null,null,null,null,[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Mux on YouTube\"}],[\"$\",\"svg\",null,{\"role\":\"img\",\"width\":\"56\",\"height\":\"56\",\"viewBox\":\"0 0 29 20\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"h-0.75 w-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"YouTube\"}],[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M25.45.597a3.578 3.578 0 012.526 2.526c.594 2.228.597 6.877.597 6.877s0 4.65-.598 6.878a3.578 3.578 0 01-2.526 2.526C23.222 20 14.287 20 14.287 20s-8.935 0-11.162-.598a3.578 3.578 0 01-2.526-2.525C0 14.65 0 10 0 10s0-4.65.598-6.877A3.578 3.578 0 013.125.597C5.352 0 14.287 0 14.287 0s8.935 0 11.162.597zm-6.6 9.404l-7.422 4.285v-8.57L18.851 10z\",\"className\":\"fill-current\"}]]}]],null]}]]}]]}]]}]}]}],[\"$\",\"div\",null,{\"className\":\"relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-charcoal border-ctx-black text-white dark set-bg-ctx-charcoal set-border-ctx-black set-decoration-ctx-gray-underline z-10\",\"style\":{\"--pt\":\"4rem\",\"--pt-lg\":\"2rem\",\"--pb\":\"max(env(safe-area-inset-bottom,0px), 4rem)\",\"--pb-lg\":\"max(env(safe-area-inset-bottom,0px), 2rem)\"},\"children\":[\"$\",\"div\",null,{\"className\":\"col-start-2 col-end-3 border-x border-ctx-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"-m-0.5px grid-cols-1 block items-center px-1 pb-[--pb] pt-[--pt] md:px-2 lg:flex lg:pb-[--pb-lg] lg:pt-[--pt-lg]\",\"style\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col lg:flex-row lg:items-center lg:gap-x-2\",\"children\":[[\"$\",\"span\",null,{\"style\":{\"lineHeight\":\"2\"},\"className\":\"font-body tracking-wide text-base leading-normal font-normal normal-case\",\"children\":[null,null,null,null,[\"© Mux, Inc. \",2025],null]}],[[\"$\",\"$L40\",null,{\"href\":\"/terms\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"font-body tracking-wide text-base leading-normal font-normal normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,\"Terms of service\",null]}],[\"$\",\"$L40\",null,{\"href\":\"/security\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"font-body tracking-wide text-base leading-normal font-normal normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,\"Security\",null]}],[\"$\",\"$L40\",null,{\"href\":\"/privacy\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"font-body tracking-wide text-base leading-normal font-normal normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,\"Privacy policy\",null]}],[\"$\",\"$L40\",null,{\"href\":\"/sitemap\",\"style\":{\"lineHeight\":\"2\"},\"className\":\"font-body tracking-wide text-base leading-normal font-normal normal-case underline-offset-normal cursor-pointer hover:underline focus-visible:underline group-hover:underline group-focus-visible:underline\",\"children\":[null,null,null,null,\"Sitemap\",null]}]]]}],[\"$\",\"$L78\",null,{\"className\":\"-ml-1 mt-[--mt] rounded-none bg-black md:rounded-4 md:bg-charcoal lg:ml-auto lg:mt-0\",\"style\":{\"--mt\":\"2rem\"}}]]}]}]}]]\n"])</script><script>self.__next_f.push([1,"3e:null\ncd:[\"multi-CDN strategy\"]\ncc:[null,null,null,null,\"$cd\",null]\ncb:\"$cc\"\nca:{\"href\":\"https://www.mux.com/video-glossary/multi-cdn\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"normal-case underline-offset-normal cursor-pointer underline hover:no-underline focus-visible:no-underline group-hover:no-underline group-focus-visible:no-underline decoration-ctx-gray-underline\",\"children\":\"$cb\"}\nc9:[\"$\",\"$L40\",null,\"$ca\"]\n7e:[\"$\",\"$7c\",null,{\"fallback\":\"$c9\",\"children\":[\"$\",\"$7c\",null,{\"fallback\":null,\"children\":[[\"$\",\"$L7d\",null,{\"moduleIds\":[\"app/(marketing)/_components/NextLink/VideoGlossaryHoverCard/VideoGlossaryHoverCard.server.tsx -\u003e ./VideoGlossaryHoverCard.client\"]}],[\"$\",\"$Lce\",null,{\"card\":[\"$\",\"$L40\",null,{\"className\":\"block overflow-hidden rounded-1 border-ctx-gray bg-white [\u0026\u003e*]:set-border-ctx-gray [\u0026\u003e*]:set-bg-ctx-white text-black border group w-16 cursor-pointer p-1 hover:bg-putty-light focus-visible:bg-putty-light\",\"href\":\"https://www.mux.com/video-glossary/multi-cdn\",\"style\":{\"maxWidth\":\"var(--radix-hover-card-content-available-width)\",\"maxHeight\":\"var(--radix-hover-card-content-available-height)\"},\"children\":[[\"$\",\"p\",null,{\"className\":\"font-body text-lg leading-heading font-bold normal-case mb-0.5 flex w-full justify-between gap-0.5\",\"children\":[null,null,null,null,[[\"$\",\"span\",null,{\"children\":\"Multi-CDN\"}],\" \",[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"56\",\"height\":\"56\",\"fill\":\"none\",\"viewBox\":\"0 0 56 56\",\"className\":\"h-1 w-1 text-gray-dark group-hover:text-black group-focus-visible:text-black\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Arrow Up Right\"}],[\"$\",\"g\",null,{\"strokeMiterlimit\":\"10\",\"className\":\"stroke-current\",\"children\":[\"$\",\"path\",null,{\"d\":\"m46.031 44.41.001-33.94-33.942-.001M46.031 10.469 9.97 46.53\",\"vectorEffect\":\"non-scaling-stroke\"}]}]]}]],null]}],[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-sm leading-normal font-normal normal-case\",\"children\":[null,null,null,null,[\"Multi-CDN refers to using multiple CDNs to deliver video "])</script><script>self.__next_f.push([1,"(and other content) more reliably, performantly, and/or affordably. The process involves taking constant measurements of CDN performance and deciding which CDN is \\\"best\\\" in real-time.\",\" Read more...\"],null]}]]}],\"children\":\"$c9\"}]]}]}]\n"])</script><script>self.__next_f.push([1,"92:null\nd2:{\"className\":\"hidden md:inline\",\"children\":\"for free\"}\nd1:[\"$\",\"span\",null,\"$d2\"]\nd0:[\"Start building \",\"$d1\"]\ncf:[\"$\",\"span\",null,{\"className\":\"font-display tracking-wide text-2xl md:text-5xl leading-heading-2 font-normal normal-case\",\"children\":[null,null,null,null,\"$d0\",null]}]\nd8:[\"$\",\"svg\",null,{\"role\":\"img\",\"width\":\"56\",\"height\":\"56\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"mb-0.5 md:mb-0 md:mr-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Docs\"}],[[\"$\",\"path\",null,{\"d\":\"M42.793.5L50.5 8.207V43.5h-33V.5h25.293z\",\"className\":\"stroke-current translate-x-[-12px] translate-y-[12px] fill-ctx-putty dark:fill-ctx-charcoal transition-transform duration-medium ease-in-out-energetic group-hover:translate-x-[-6px] group-focus-visible:translate-x-[-6px] group-hover:translate-y-[6px] group-focus-visible:translate-y-[6px]\",\"strokeMiterlimit\":\"10\"}],[\"$\",\"path\",null,{\"d\":\"M42.793.5L50.5 8.207V43.5h-33V.5h25.293z\",\"className\":\"stroke-current fill-ctx-putty dark:fill-ctx-charcoal translate-x-[-6px] translate-y-[6px]\",\"strokeMiterlimit\":\"10\"}],[\"$\",\"path\",null,{\"d\":\"M42.793.5L50.5 8.207V43.5h-33V.5h25.293z\",\"className\":\"stroke-current fill-ctx-putty dark:fill-ctx-charcoal transition-transform duration-medium ease-in-out-energetic group-hover:translate-x-[-6px] group-focus-visible:translate-x-[-6px] group-hover:translate-y-[6px] group-focus-visible:translate-y-[6px]\",\"strokeMiterlimit\":\"10\"}],[\"$\",\"path\",null,{\"d\":\"M42.5.5v8h8M32 20l-4 4 4 4m4 0l4-4-4-4\",\"className\":\"stroke-current transition-transform duration-medium ease-in-out-energetic group-hover:translate-x-[-6px] group-hover:translate-y-[6px] group-focus-visible:translate-x-[-6px] group-focus-visible:translate-y-[6px]\"}]]]}]\nd7:{\"children\":\"$d8\"}\nd6:[\"$\",\"div\",null,\"$d7\"]\ndc:[\"$\",\"div\",null,{\"className\":\"font-body text-xl leading-heading last:mb-0 mb-0.25 font-bold normal-case\",\"children\":[null,null,null,null,\"Explore our APIs\",null]}]\ndd:[\"$\",\"div\",null,{\"className\":\"font-mono text-sm leading-mono font-normal uppercase underline under"])</script><script>self.__next_f.push([1,"line-offset-mono\",\"children\":[null,null,null,null,\"Read the docs\",null]}]\ndb:[\"$dc\",\"$dd\"]\nda:{\"className\":\"inline-block\",\"children\":\"$db\"}\nd9:[\"$\",\"div\",null,\"$da\"]\nd5:[\"$d6\",\"$d9\"]\nd4:{\"className\":\"flex flex-col items-center justify-center md:flex-row\",\"children\":\"$d5\"}\nd3:[\"$\",\"div\",null,\"$d4\"]\ne3:[\"$\",\"svg\",null,{\"role\":\"img\",\"width\":\"56\",\"height\":\"56\",\"viewBox\":\"0 0 56 56\",\"fill\":\"none\",\"className\":\"mb-0.5 md:mb-0 md:mr-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Demo\"}],[[\"$\",\"path\",null,{\"d\":\"M55.5 6H0.5V46H55.5V6Z\",\"className\":\"stroke-current\",\"strokeMiterlimit\":\"10\"}],[\"$\",\"path\",null,{\"d\":\"M1 10H55\",\"className\":\"stroke-current\"}],[\"$\",\"path\",null,{\"d\":\"M9 15L6 18L9 21\",\"className\":\"stroke-current\"}],[\"$\",\"path\",null,{\"d\":\"M12 21L15 18L12 15\",\"className\":\"stroke-current\"}],[\"$\",\"path\",null,{\"d\":\"M29.9706 32.9706L35.2739 49.5876L39.163 45.6985L46.5876 53.1231L50.1231 49.5876L42.6985 42.163L46.5876 38.2739L29.9706 32.9706Z\",\"className\":\"stroke-current transition-transform duration-medium ease-in-out-energetic group-hover:[transform:rotate3d(1,-1,0,20deg)] fill-ctx-putty dark:fill-ctx-charcoal\"}],[\"$\",\"g\",null,{\"className\":\"stroke-current transition-opacity duration-medium ease-in-out-energetic group-hover:opacity-0\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M25.728 28.7279L21.4854 24.4853\"}],[\"$\",\"path\",null,{\"d\":\"M34.9202 29.435L39.1628 25.1924\"}],[\"$\",\"path\",null,{\"d\":\"M22.1924 42.163L26.4351 37.9203\"}],[\"$\",\"path\",null,{\"d\":\"M30.6777 26.3639V20.7071\"}],[\"$\",\"path\",null,{\"d\":\"M17.7072 33.6777H23.364\"}]]}]]]}]\ne2:{\"children\":\"$e3\"}\ne1:[\"$\",\"div\",null,\"$e2\"]\ne7:[\"$\",\"div\",null,{\"className\":\"font-body text-xl leading-heading last:mb-0 mb-0.25 font-bold normal-case\",\"children\":[null,null,null,null,\"Get a demo\",null]}]\ne8:[\"$\",\"div\",null,{\"className\":\"font-mono text-sm leading-mono font-normal uppercase underline underline-offset-mono\",\"children\":[null,null,null,null,\"Let's chat\",null]}]\ne6:[\"$e7\",\"$e8\"]\ne5:{\"className\":\"inline-block\",\"children\":\"$e6\"}\ne4:[\"$\",\"div\",null,\"$e5\"]\ne0:[\"$e1\",\"$e4\"]\ndf:{\"className\":\"fl"])</script><script>self.__next_f.push([1,"ex flex-col items-center justify-center md:flex-row\",\"children\":\"$e0\"}\nde:[\"$\",\"div\",null,\"$df\"]\n"])</script><script>self.__next_f.push([1,"c8:[[\"$\",\"div\",null,{\"className\":\"relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-yellow border-ctx-yellow-dark text-black set-bg-ctx-yellow set-border-ctx-yellow-dark z-10\",\"children\":[\"$\",\"div\",null,{\"className\":\"col-start-2 col-end-3 border-x border-ctx-yellow-dark\",\"children\":[\"$\",\"div\",null,{\"className\":\"-m-0.5px grid grid-cols-1 p-1 text-center\",\"style\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-md leading-normal font-normal normal-case whitespace-pre-line\",\"children\":[null,null,null,null,\"No credit card required to start using Mux.\",null]}]}]}]}],[\"$\",\"div\",null,{\"className\":\"relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-yellow border-ctx-yellow-dark text-black set-bg-ctx-yellow set-border-ctx-yellow-dark z-10\",\"children\":[\"$\",\"div\",null,{\"className\":\"col-start-2 col-end-3 border-x border-ctx-yellow-dark\",\"children\":[\"$\",\"div\",null,{\"className\":\"-m-0.5px grid grid-cols-1 md:min-h-3\",\"style\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"block border-ctx-yellow-dark bg-yellow [\u0026\u003e*]:set-border-ctx-yellow-dark [\u0026\u003e*]:set-bg-ctx-yellow text-black border -m-0.5px\",\"children\":[\"$\",\"$L40\",null,{\"href\":\"https://dashboard.mux.com/signup\",\"data-analytics-selector\":\"prefooter-signup\",\"className\":\"relative group/button block -m-1px w-full-2px h-full-2px\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-full h-full min-h-2 flex items-center justify-center cursor-pointer px-2 bg-ctx border border-ctx-black user-select-none text-center py-2\",\"aria-hidden\":\"$undefined\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-display tracking-wide text-2xl md:text-5xl leading-heading-2 font-normal normal-case\",\"children\":[null,null,null,null,[\"Start building \",[\"$\",\"span\",null,{\"className\":\"hidden md:inline\",\"children\":\"for free\"}]],null]}]}],[\"$\",\"span\",null,{\"className\":\"absolute inset-0 min-h-2 flex items-center justify-center cursor-pointer px-2 text-white bg-charcoal border border-ctx-black transition-[border-radius] duration-medium ease-in-out-energetic rounded-4 group-hover/button:rounded-none group-focus-visible/button:rounded-none text-center py-2\",\"aria-hidden\":true,\"children\":\"$cf\"}]]}]}]}]}]}],[\"$\",\"div\",null,{\"className\":\"relative -my-1px border-y grid grid-cols-xs sm:grid-cols-sm lg:grid-cols-lg xl:grid-cols-xl bg-yellow border-ctx-yellow-dark text-black set-bg-ctx-yellow set-border-ctx-yellow-dark z-10\",\"children\":[\"$\",\"div\",null,{\"className\":\"col-start-2 col-end-3 border-x border-ctx-yellow-dark\",\"children\":[\"$\",\"div\",null,{\"className\":\"-m-0.5px grid grid-cols-1 md:grid-cols-2\",\"style\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"block border-ctx-yellow-dark bg-yellow [\u0026\u003e*]:set-border-ctx-yellow-dark [\u0026\u003e*]:set-bg-ctx-yellow text-black border -m-0.5px\",\"children\":[\"$\",\"$L40\",null,{\"href\":\"/docs\",\"data-analytics-selector\":\"prefooter-docs\",\"className\":\"relative group/button block -m-1px w-full-2px h-full-2px group\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-full h-full min-h-2 flex items-center justify-center cursor-pointer px-2 bg-ctx border border-ctx-yellow-dark user-select-none text-center md:text-left py-2\",\"aria-hidden\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center justify-center md:flex-row\",\"children\":[[\"$\",\"div\",null,{\"children\":[\"$\",\"svg\",null,{\"role\":\"img\",\"width\":\"56\",\"height\":\"56\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"mb-0.5 md:mb-0 md:mr-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Docs\"}],[[\"$\",\"path\",null,{\"d\":\"M42.793.5L50.5 8.207V43.5h-33V.5h25.293z\",\"className\":\"stroke-current translate-x-[-12px] translate-y-[12px] fill-ctx-putty dark:fill-ctx-charcoal transition-transform duration-medium ease-in-out-energetic group-hover:translate-x-[-6px] group-focus-visible:translate-x-[-6px] group-hover:translate-y-[6px] group-focus-visible:translate-y-[6px]\",\"strokeMiterlimit\":\"10\"}],[\"$\",\"path\",null,{\"d\":\"M42.793.5L50.5 8.207V43.5h-33V.5h25.293z\",\"className\":\"stroke-current fill-ctx-putty dark:fill-ctx-charcoal translate-x-[-6px] translate-y-[6px]\",\"strokeMiterlimit\":\"10\"}],[\"$\",\"path\",null,{\"d\":\"M42.793.5L50.5 8.207V43.5h-33V.5h25.293z\",\"className\":\"stroke-current fill-ctx-putty dark:fill-ctx-charcoal transition-transform duration-medium ease-in-out-energetic group-hover:translate-x-[-6px] group-focus-visible:translate-x-[-6px] group-hover:translate-y-[6px] group-focus-visible:translate-y-[6px]\",\"strokeMiterlimit\":\"10\"}],[\"$\",\"path\",null,{\"d\":\"M42.5.5v8h8M32 20l-4 4 4 4m4 0l4-4-4-4\",\"className\":\"stroke-current transition-transform duration-medium ease-in-out-energetic group-hover:translate-x-[-6px] group-hover:translate-y-[6px] group-focus-visible:translate-x-[-6px] group-focus-visible:translate-y-[6px]\"}]]]}]}],[\"$\",\"div\",null,{\"className\":\"inline-block\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-body text-xl leading-heading last:mb-0 mb-0.25 font-bold normal-case\",\"children\":[null,null,null,null,\"Explore our APIs\",null]}],[\"$\",\"div\",null,{\"className\":\"font-mono text-sm leading-mono font-normal uppercase underline underline-offset-mono\",\"children\":[null,null,null,null,\"Read the docs\",null]}]]}]]}]}],[\"$\",\"span\",null,{\"className\":\"absolute inset-0 min-h-2 flex items-center justify-center cursor-pointer px-2 bg-ctx border border-ctx-yellow-dark transition-[border-radius] duration-medium ease-in-out-energetic group-hover/button:rounded-4 group-focus-visible/button:rounded-4 text-center md:text-left py-2\",\"aria-hidden\":true,\"children\":\"$d3\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"block border-ctx-yellow-dark bg-yellow [\u0026\u003e*]:set-border-ctx-yellow-dark [\u0026\u003e*]:set-bg-ctx-yellow text-black border -m-0.5px\",\"children\":[\"$\",\"$L40\",null,{\"href\":\"/sales-contact\",\"data-analytics-selector\":\"prefooter-sales-contact\",\"className\":\"relative group/button block -m-1px w-full-2px h-full-2px group\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-full h-full min-h-2 flex items-center justify-center cursor-pointer px-2 bg-ctx border border-ctx-yellow-dark user-select-none text-center md:text-left py-2\",\"aria-hidden\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center justify-center md:flex-row\",\"children\":[[\"$\",\"div\",null,{\"children\":[\"$\",\"svg\",null,{\"role\":\"img\",\"width\":\"56\",\"height\":\"56\",\"viewBox\":\"0 0 56 56\",\"fill\":\"none\",\"className\":\"mb-0.5 md:mb-0 md:mr-1\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Demo\"}],[[\"$\",\"path\",null,{\"d\":\"M55.5 6H0.5V46H55.5V6Z\",\"className\":\"stroke-current\",\"strokeMiterlimit\":\"10\"}],[\"$\",\"path\",null,{\"d\":\"M1 10H55\",\"className\":\"stroke-current\"}],[\"$\",\"path\",null,{\"d\":\"M9 15L6 18L9 21\",\"className\":\"stroke-current\"}],[\"$\",\"path\",null,{\"d\":\"M12 21L15 18L12 15\",\"className\":\"stroke-current\"}],[\"$\",\"path\",null,{\"d\":\"M29.9706 32.9706L35.2739 49.5876L39.163 45.6985L46.5876 53.1231L50.1231 49.5876L42.6985 42.163L46.5876 38.2739L29.9706 32.9706Z\",\"className\":\"stroke-current transition-transform duration-medium ease-in-out-energetic group-hover:[transform:rotate3d(1,-1,0,20deg)] fill-ctx-putty dark:fill-ctx-charcoal\"}],[\"$\",\"g\",null,{\"className\":\"stroke-current transition-opacity duration-medium ease-in-out-energetic group-hover:opacity-0\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M25.728 28.7279L21.4854 24.4853\"}],[\"$\",\"path\",null,{\"d\":\"M34.9202 29.435L39.1628 25.1924\"}],[\"$\",\"path\",null,{\"d\":\"M22.1924 42.163L26.4351 37.9203\"}],[\"$\",\"path\",null,{\"d\":\"M30.6777 26.3639V20.7071\"}],[\"$\",\"path\",null,{\"d\":\"M17.7072 33.6777H23.364\"}]]}]]]}]}],[\"$\",\"div\",null,{\"className\":\"inline-block\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-body text-xl leading-heading last:mb-0 mb-0.25 font-bold normal-case\",\"children\":[null,null,null,null,\"Get a demo\",null]}],[\"$\",\"div\",null,{\"className\":\"font-mono text-sm leading-mono font-normal uppercase underline underline-offset-mono\",\"children\":[null,null,null,null,\"Let's chat\",null]}]]}]]}]}],[\"$\",\"span\",null,{\"className\":\"absolute inset-0 min-h-2 flex items-center justify-center cursor-pointer px-2 bg-ctx border border-ctx-yellow-dark transition-[border-radius] duration-medium ease-in-out-energetic group-hover/button:rounded-4 group-focus-visible/button:rounded-4 text-center md:text-left py-2\",\"aria-hidden\":true,\"children\":\"$de\"}]]}]}]]}]}]}]]\n"])</script></body></html>