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/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.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/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.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/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.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/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.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/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.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/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.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/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.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/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.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/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.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/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.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/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.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/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.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 Astro applications | Mux</title><meta name="description" content="Quickly add video to your Astro site using the Mux API. Our example repo and responsive player make it simple to get started"/><link rel="canonical" href="https://www.mux.com/video-for/astro"/><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 Astro applications | Mux"/><meta property="og:description" content="Quickly add video to your Astro site using the Mux API. Our example repo and responsive player make it simple to get started"/><meta property="og:url" content="https://www.mux.com/video-for/astro"/><meta property="og:locale" content="en-US"/><meta property="og:image" content="https://cdn.sanity.io/images/2ejqxsnu/production/0874a18e1fe0100f50638abebe2e40018c7f4025-2400x1260.png"/><meta property="og:image:width" content="2400"/><meta property="og:image:height" content="1260"/><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 Astro applications | Mux"/><meta name="twitter:description" content="Quickly add video to your Astro site using the Mux API. Our example repo and responsive player make it simple to get started"/><meta name="twitter:image" content="https://cdn.sanity.io/images/2ejqxsnu/production/0874a18e1fe0100f50638abebe2e40018c7f4025-2400x1260.png"/><meta name="twitter:image:width" content="2400"/><meta name="twitter:image:height" content="1260"/><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-blue-neon border-ctx-blue-dark text-black set-bg-ctx-blue-neon set-border-ctx-blue-dark relative ease-in-out-energetic duration-medium z-60" style="transition-property:margin-top;margin-top:0"><div class="col-start-2 col-end-3 border-x border-ctx-blue-dark"><div class="-m-0.5px grid grid-cols-1 relative min-h-2"><div class="flex h-full w-full items-center py-0.5 pl-1 pr-2.5 sm:justify-center sm:px-2.5 sm:text-center"><p class="font-body tracking-wide text-sm leading-normal font-normal normal-case max-w-32 break-words [text-wrap:pretty] sm:[text-wrap:balance] md:text-base">Join us poolside at NAB Show, April 7 & 8 in Las Vegas. <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="/nab-2025">Book time to chat</a>.</p></div><button class="group absolute right-0.25 top-1/2 flex h-2 w-2 -translate-y-1/2 items-center justify-center"><svg role="img" xmlns="http://www.w3.org/2000/svg" width="42" height="42" fill="none" viewBox="0 0 42 42" stroke-linecap="square" stroke-miterlimit="1.5" class="h-0.5 w-0.5 text-border-ctx group-hover:text-black group-focus-visible:text-black"><title>X</title><path d="M1 1l40 40M41 1L1 41" class="stroke-current" vector-effect="non-scaling-stroke"></path></svg><span class="sr-only">Close banner</span></button></div></div></div><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 Astro 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 Astro 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] jsx md:text-base"><span class="line-number"></span><span class="token operator">--</span><span class="token operator">-</span> <span class="line-number"></span><span class="token keyword">const</span> <span class="token punctuation">{</span> playbackId <span class="token punctuation">}</span> <span class="token operator">=</span> Astro<span class="token punctuation">.</span>params<span class="token punctuation">;</span> <span class="line-number"></span><span class="token operator">--</span><span class="token operator">-</span> <span class="line-number"></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>mux-player</span> <span class="token attr-name">playback-id</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span>playbackId<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span> <span class="line-number"></span> <span class="line-number"></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span><span class="token punctuation">></span></span><span class="token plain-text"> <span class="line-number"></span> import "@mux/mux-player"; <span class="line-number"></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></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 state of the art video infrastructure to your Astro 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]"><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="/player">Mux Player</a> gives you a customizable, accessible player with features like thumbnails and Chromecast built right in. Need more? You can bring your own HLS-compatible player, too.</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>Mux Data</title><g class="stroke-current"><path d="M41.25 17.25H.75v24h40.5v-24Z" vector-effect="non-scaling-stroke"></path><path stroke-linecap="round" d="M17.25 24.938 26 29.75l-8.75 4.813v-9.626Z" vector-effect="non-scaling-stroke"></path><path 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" vector-effect="non-scaling-stroke"></path></g></svg><div><h4 class="font-body text-xl leading-heading last:mb-0 mb-0.5 font-bold normal-case">Data for your viewing experience</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]"><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">Mux Data</a> measures video quality-of-experience metrics, the same way you measure front-end page performance</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 Astro</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="quickly-drop-in-a-video-with-mux-player" 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="#quickly-drop-in-a-video-with-mux-player" 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>Quickly drop in a video with mux-player</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">The quickest way to add a video to your site is 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://docs.mux.com/guides/mux-player-web">Mux Player</a>. Here's what Mux Player looks like in action:</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">astro</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] jsx with-line-numbers"><span class="line-number"></span><span class="token operator">--</span><span class="token operator">-</span> <span class="line-number"></span><span class="token keyword">import</span> Layout <span class="token keyword">from</span> <span class="token string">'../layouts/Layout.astro'</span><span class="token punctuation">;</span> <span class="line-number"></span><span class="token keyword">const</span> <span class="token punctuation">{</span> playbackId <span class="token punctuation">}</span> <span class="token operator">=</span> Astro<span class="token punctuation">.</span>params<span class="token punctuation">;</span> <span class="line-number"></span><span class="token operator">--</span><span class="token operator">-</span> <span class="line-number"></span> <span class="line-number"></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span><span class="token class-name">Layout</span></span><span class="token punctuation">></span></span><span class="token plain-text"> <span class="line-number"></span> </span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>mux-player</span> <span class="token attr-name">playback-id</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span>playbackId<span class="token punctuation">}</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>mux-player</span><span class="token punctuation">></span></span><span class="token plain-text"> <span class="line-number"></span> </span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span><span class="token punctuation">></span></span><span class="token plain-text"> <span class="line-number"></span> import '@mux/mux-player'; <span class="line-number"></span> </span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span><span class="token plain-text"> <span class="line-number"></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span><span class="token class-name">Layout</span></span><span class="token punctuation">></span></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><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 thorugh 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-:R19b9uutjskq:" 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-:R29b9uutjskq:" 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 can be used in the <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">playbackId</span> prop of the Mux Player component.</p><button type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-:R1r9uutjskq:" 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">You can read more about Mux Player, including how to customize its look and feel, over 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/mux-player-web">Mux Player guides</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'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">Since we'll be doing a lot of work on the server that will be different for every user, make sure you <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.astro.build/en/guides/server-side-rendering/">place your app into SSR mode</a> before you begin.</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">All good? Great. Let's move on.</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>. Users will upload to that URL 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://docs.mux.com/guides/mux-uploader">Mux Uploader</a>:</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">app/<wbr/>pages/<wbr/>upload.astro</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] jsx with-line-numbers"><span class="line-number"></span><span class="token operator">--</span><span class="token operator">-</span> <span class="line-number"></span><span class="token keyword">import</span> Layout <span class="token keyword">from</span> <span class="token string">'../../layouts/Layout.astro'</span><span class="token punctuation">;</span> <span class="line-number"></span><span class="token keyword">import</span> Mux <span class="token keyword">from</span> <span class="token string">"@mux/mux-node"</span><span class="token punctuation">;</span> <span class="line-number"></span> <span class="line-number"></span><span class="token keyword">const</span> mux <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Mux</span><span class="token punctuation">(</span><span class="token punctuation">{</span> <span class="line-number"></span> <span class="token literal-property property">tokenId</span><span class="token operator">:</span> <span class="token keyword">import</span><span class="token punctuation">.</span>meta<span class="token punctuation">.</span>env<span class="token punctuation">.</span><span class="token constant">MUX_TOKEN_ID</span><span class="token punctuation">,</span> <span class="line-number"></span> <span class="token literal-property property">tokenSecret</span><span class="token operator">:</span> <span class="token keyword">import</span><span class="token punctuation">.</span>meta<span class="token punctuation">.</span>env<span class="token punctuation">.</span><span class="token constant">MUX_TOKEN_SECRET</span> <span class="line-number"></span><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">const</span> upload <span class="token operator">=</span> <span class="token keyword">await</span> mux<span class="token punctuation">.</span>video<span class="token punctuation">.</span>uploads<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span> <span class="line-number"></span> <span class="token literal-property property">new_asset_settings</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="line-number"></span> <span class="token literal-property property">playback_policy</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token string">'public'</span><span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="line-number"></span> <span class="token literal-property property">encoding_tier</span><span class="token operator">:</span> <span class="token string">'baseline'</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="token literal-property property">cors_origin</span><span class="token operator">:</span> <span class="token string">'*'</span><span class="token punctuation">,</span> <span class="line-number"></span><span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="line-number"></span><span class="token operator">--</span><span class="token operator">-</span> <span class="line-number"></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span><span class="token class-name">Layout</span></span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Upload a video to Mux<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token plain-text"> <span class="line-number"></span> </span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>mux-uploader</span> <span class="token attr-name">endpoint</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span>upload<span class="token punctuation">.</span>url<span class="token punctuation">}</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>mux-uploader</span><span class="token punctuation">></span></span><span class="token plain-text"> <span class="line-number"></span> </span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span><span class="token punctuation">></span></span><span class="token plain-text"> <span class="line-number"></span> import '@mux/mux-uploader'; <span class="line-number"></span> </span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span><span class="token plain-text"> <span class="line-number"></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span><span class="token class-name">Layout</span></span><span class="token punctuation">></span></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><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">Next, we'll <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><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">app/<wbr/>pages/<wbr/>mux-webhook.json.ts</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] typescript with-line-numbers"><span class="line-number"></span><span class="token keyword">export</span> <span class="token keyword">const</span> <span class="token constant">POST</span><span class="token operator">:</span> <span class="token function-variable function">APIRoute</span> <span class="token operator">=</span> <span class="token keyword">async</span> <span class="token punctuation">(</span><span class="token punctuation">{</span> request <span class="token punctuation">}</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span> <span class="line-number"></span> <span class="token keyword">const</span> <span class="token punctuation">{</span> type<span class="token punctuation">,</span> data <span class="token punctuation">}</span> <span class="token operator">=</span> <span class="token keyword">await</span> request<span class="token punctuation">.</span><span class="token function">json</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="line-number"></span> <span class="token keyword">if</span> <span class="token punctuation">(</span>type <span class="token operator">===</span> <span class="token string">'video.asset.ready'</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="line-number"></span> <span class="token function">saveAssetToDatabase</span><span class="token punctuation">(</span>data<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="line-number"></span> <span class="token punctuation">}</span> <span class="token keyword">else</span> <span class="token punctuation">{</span> <span class="line-number"></span> <span class="token comment">/* handle other event types */</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">return</span> <span class="token keyword">new</span> <span class="token class-name">Response</span><span class="token punctuation">(</span><span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span><span class="token punctuation">{</span> message<span class="token operator">:</span> <span class="token string">'ok'</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> <span class="line-number"></span> headers<span class="token operator">:</span> <span class="token punctuation">{</span> <span class="line-number"></span> <span class="token string-property property">'Content-Type'</span><span class="token operator">:</span> <span class="token string">'application/json'</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="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="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><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">Finally, let's make a playback page. We retrieve the video from our database, and play it by passing its <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">playbackId</span> 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/player">Mux Player</a>:</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">app/<wbr/>pages/<wbr/>videos/<wbr/>[playbackId].astro</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] jsx with-line-numbers"><span class="line-number"></span><span class="token operator">--</span><span class="token operator">-</span> <span class="line-number"></span><span class="token keyword">import</span> Layout <span class="token keyword">from</span> <span class="token string">'../../layouts/Layout.astro'</span><span class="token punctuation">;</span> <span class="line-number"></span> <span class="line-number"></span><span class="token keyword">const</span> <span class="token punctuation">{</span> playbackId <span class="token punctuation">}</span> <span class="token operator">=</span> Astro<span class="token punctuation">.</span>params<span class="token punctuation">;</span> <span class="line-number"></span><span class="token keyword">const</span> <span class="token punctuation">{</span> title <span class="token punctuation">}</span> <span class="token operator">=</span> <span class="token function">getAssetFromDatabase</span><span class="token punctuation">(</span>Astro<span class="token punctuation">.</span>params<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="line-number"></span><span class="token operator">--</span><span class="token operator">-</span> <span class="line-number"></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span><span class="token class-name">Layout</span></span> <span class="token attr-name">title</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span>title<span class="token punctuation">}</span></span><span class="token punctuation">></span></span><span class="token plain-text"> <span class="line-number"></span> </span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>mux-player</span> <span class="token attr-name">playback-id</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span>playbackId<span class="token punctuation">}</span></span> <span class="token attr-name">metadata-video-title</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span>title<span class="token punctuation">}</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>mux-player</span><span class="token punctuation">></span></span><span class="token plain-text"> <span class="line-number"></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span><span class="token class-name">Layout</span></span><span class="token punctuation">></span></span> <span class="line-number"></span> <span class="line-number"></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span><span class="token punctuation">></span></span><span class="token plain-text"> <span class="line-number"></span> import '@mux/mux-player'; <span class="line-number"></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></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><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">And we've got upload and playback. Nice!</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">What's next? Check out our full walkthrough in <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/astro">the docs</a>, or the example project below:</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 lg:grid-cols-3"><h2 class="font-body text-xl md:text-3xl leading-heading font-bold normal-case p-2 text-center lg:text-left">Example Project</h2><div class="grid lg:col-span-2"><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 flex flex-col row-span-5"><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 block min-h-1"></div><div class="p-1 flex flex-1 flex-col row-span-4"><div class="mb-1 last:mb-0"><div class="relative h-full max-h-12 min-h-4"><img alt="Astro" loading="lazy" decoding="async" data-nimg="fill" class="mx-auto h-full w-full max-w-6 object-contain" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 504px) 33vw, (max-width: 784px) 33vw, (max-width: 1176px) 33vw, (max-width: 1456px) 33vw, 480.48px" srcSet="https://cdn.sanity.io/images/2ejqxsnu/production/ba1cb97f6e8c3c5a5db4794bcd7527ea4c808e0f-1517x500.png?w=256&q=75&fit=clip&auto=format 256w, https://cdn.sanity.io/images/2ejqxsnu/production/ba1cb97f6e8c3c5a5db4794bcd7527ea4c808e0f-1517x500.png?w=384&q=75&fit=clip&auto=format 384w, https://cdn.sanity.io/images/2ejqxsnu/production/ba1cb97f6e8c3c5a5db4794bcd7527ea4c808e0f-1517x500.png?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/ba1cb97f6e8c3c5a5db4794bcd7527ea4c808e0f-1517x500.png?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/ba1cb97f6e8c3c5a5db4794bcd7527ea4c808e0f-1517x500.png?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/ba1cb97f6e8c3c5a5db4794bcd7527ea4c808e0f-1517x500.png?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/ba1cb97f6e8c3c5a5db4794bcd7527ea4c808e0f-1517x500.png?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/ba1cb97f6e8c3c5a5db4794bcd7527ea4c808e0f-1517x500.png?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/ba1cb97f6e8c3c5a5db4794bcd7527ea4c808e0f-1517x500.png?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/ba1cb97f6e8c3c5a5db4794bcd7527ea4c808e0f-1517x500.png?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/ba1cb97f6e8c3c5a5db4794bcd7527ea4c808e0f-1517x500.png?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="mb-0.5 last:mb-0"><h4 class="font-body text-xl leading-heading font-bold normal-case whitespace-pre-line">muxinc/examples/astro-uploader-and-player</h4></div><div class="mb-1 last:mb-0"><p class="font-body tracking-wide text-base leading-normal last:mb-0 mb-1 font-normal normal-case break-words [text-wrap:pretty]">This is a bare-bones starter application built with Astro that uses: </p><ul class="font-body tracking-wide text-base leading-normal last:mb-0 mb-1 font-normal normal-case list-disc pl-1 break-words [text-wrap:pretty] [&_li:not(:last-child)>p]:mb-1"><li>Mux <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-files-directly">Direct Uploads</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-uploader">Mux Uploader</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="/video">Mux Video</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" href="/data">Mux Data</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="/player">Mux Player</a></li></ul></div><div class="mt-auto"><a class="relative group/button block w-full" href="https://github.com/muxinc/examples/tree/main/astro-uploader-and-player"><span class="w-full min-h-2 flex items-center justify-center cursor-pointer px-2 py-0.5 text-center text-black bg-orange border border-ctx-current rounded-4 user-select-none"><span class="font-mono text-sm leading-mono font-normal uppercase">View Project</span></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-ctx-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"><span class="font-mono text-sm leading-mono font-normal uppercase">View Project</span></span></a></div></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-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-['”']"><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 [&>*]: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-['”']">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 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-['”']"><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 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-['”']">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><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="scene" style="--scene-width:3.5rem;--mux-logo-perspective:calc(var(--scene-width) * 2);width:var(--scene-width);height:var(--scene-width);perspective:var(--mux-logo-perspective)"><div class="cube relative h-full w-full origin-center transition-transform ease-in-out-energetic [transform-style:preserve-3d] [transform:translateZ(calc(var(--mux-logo-perspective)/-4))]"><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(0deg) translateZ(calc(var(--mux-logo-perspective) / 4))"><div class="relative bg-ctx" style="height:28px;width:140px"><img alt="Imgix logo" _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/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(-90deg) translateZ(calc(var(--mux-logo-perspective) / 4))"><div class="relative bg-ctx" style="height:28px;width:140px"><img alt="Vimeo" _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/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(-180deg) translateZ(calc(var(--mux-logo-perspective) / 4))" aria-hidden="true"><div class="relative bg-ctx" style="height:28px;width:140px"><img alt="Imgix logo" _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/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(-270deg) translateZ(calc(var(--mux-logo-perspective) / 4))" aria-hidden="true"><div class="relative bg-ctx" style="height:28px;width:140px"><img alt="Vimeo" _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/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg?w=3840&q=75&fit=clip&auto=format"/></div></div></div></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="scene" style="--scene-width:3.5rem;--mux-logo-perspective:calc(var(--scene-width) * 2);width:var(--scene-width);height:var(--scene-width);perspective:var(--mux-logo-perspective)"><div class="cube relative h-full w-full origin-center transition-transform ease-in-out-energetic [transform-style:preserve-3d] [transform:translateZ(calc(var(--mux-logo-perspective)/-4))]"><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(0deg) translateZ(calc(var(--mux-logo-perspective) / 4))"><div class="relative bg-ctx" style="height:24.5px;width:140px"><img alt="Hubla logo" _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/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(-90deg) translateZ(calc(var(--mux-logo-perspective) / 4))"><div class="relative bg-ctx" style="height:28px;width:140px"><img alt="Vercel" _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/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(-180deg) translateZ(calc(var(--mux-logo-perspective) / 4))" aria-hidden="true"><div class="relative bg-ctx" style="height:24.5px;width:140px"><img alt="Hubla logo" _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/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(-270deg) translateZ(calc(var(--mux-logo-perspective) / 4))" aria-hidden="true"><div class="relative bg-ctx" style="height:28px;width:140px"><img alt="Vercel" _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/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg?w=3840&q=75&fit=clip&auto=format"/></div></div></div></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="scene" style="--scene-width:3.5rem;--mux-logo-perspective:calc(var(--scene-width) * 2);width:var(--scene-width);height:var(--scene-width);perspective:var(--mux-logo-perspective)"><div class="cube relative h-full w-full origin-center transition-transform ease-in-out-energetic [transform-style:preserve-3d] [transform:translateZ(calc(var(--mux-logo-perspective)/-4))]"><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(0deg) translateZ(calc(var(--mux-logo-perspective) / 4))"><div class="relative bg-ctx" style="height:35px;width:140px"><img alt="Plex logo" _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/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(-90deg) translateZ(calc(var(--mux-logo-perspective) / 4))"><div class="relative bg-ctx" style="height:31.5px;width:140px"><img alt="Fox" _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/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(-180deg) translateZ(calc(var(--mux-logo-perspective) / 4))" aria-hidden="true"><div class="relative bg-ctx" style="height:35px;width:140px"><img alt="Plex logo" _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/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(-270deg) translateZ(calc(var(--mux-logo-perspective) / 4))" aria-hidden="true"><div class="relative bg-ctx" style="height:31.5px;width:140px"><img alt="Fox" _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/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg?w=3840&q=75&fit=clip&auto=format"/></div></div></div></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="scene" style="--scene-width:3.5rem;--mux-logo-perspective:calc(var(--scene-width) * 2);width:var(--scene-width);height:var(--scene-width);perspective:var(--mux-logo-perspective)"><div class="cube relative h-full w-full origin-center transition-transform ease-in-out-energetic [transform-style:preserve-3d] [transform:translateZ(calc(var(--mux-logo-perspective)/-4))]"><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(0deg) translateZ(calc(var(--mux-logo-perspective) / 4))"><div class="relative bg-ctx" style="height:23px;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/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(-90deg) translateZ(calc(var(--mux-logo-perspective) / 4))"><div class="relative bg-ctx" style="height:31.5px;width:140px"><img alt="Loom logo" _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/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(-180deg) translateZ(calc(var(--mux-logo-perspective) / 4))" aria-hidden="true"><div class="relative bg-ctx" style="height:23px;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/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(-270deg) translateZ(calc(var(--mux-logo-perspective) / 4))" aria-hidden="true"><div class="relative bg-ctx" style="height:31.5px;width:140px"><img alt="Loom logo" _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/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg?w=3840&q=75&fit=clip&auto=format"/></div></div></div></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="scene" style="--scene-width:3.5rem;--mux-logo-perspective:calc(var(--scene-width) * 2);width:var(--scene-width);height:var(--scene-width);perspective:var(--mux-logo-perspective)"><div class="cube relative h-full w-full origin-center transition-transform ease-in-out-energetic [transform-style:preserve-3d] [transform:translateZ(calc(var(--mux-logo-perspective)/-4))]"><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(0deg) translateZ(calc(var(--mux-logo-perspective) / 4))"><div class="relative bg-ctx" style="height:31.5px;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/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(-90deg) translateZ(calc(var(--mux-logo-perspective) / 4))"><div class="relative bg-ctx" style="height:35px;width:140px"><img alt="Barstool logo" _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/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(-180deg) translateZ(calc(var(--mux-logo-perspective) / 4))" aria-hidden="true"><div class="relative bg-ctx" style="height:31.5px;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/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(-270deg) translateZ(calc(var(--mux-logo-perspective) / 4))" aria-hidden="true"><div class="relative bg-ctx" style="height:35px;width:140px"><img alt="Barstool logo" _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/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg?w=3840&q=75&fit=clip&auto=format"/></div></div></div></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="scene" style="--scene-width:3.5rem;--mux-logo-perspective:calc(var(--scene-width) * 2);width:var(--scene-width);height:var(--scene-width);perspective:var(--mux-logo-perspective)"><div class="cube relative h-full w-full origin-center transition-transform ease-in-out-energetic [transform-style:preserve-3d] [transform:translateZ(calc(var(--mux-logo-perspective)/-4))]"><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(0deg) translateZ(calc(var(--mux-logo-perspective) / 4))"><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/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(-90deg) translateZ(calc(var(--mux-logo-perspective) / 4))"><div class="relative bg-ctx" style="height:28px;width:126px"><img alt="Gamestry logo" _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/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(-180deg) translateZ(calc(var(--mux-logo-perspective) / 4))" aria-hidden="true"><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/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg?w=3840&q=75&fit=clip&auto=format"/></div></div><div class="face absolute inset-0 grid content-center items-center justify-center [backface-visibility:hidden]" style="transform:rotateX(-270deg) translateZ(calc(var(--mux-logo-perspective) / 4))" aria-hidden="true"><div class="relative bg-ctx" style="height:28px;width:126px"><img alt="Gamestry logo" _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/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=640&q=75&fit=clip&auto=format 640w, https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=750&q=75&fit=clip&auto=format 750w, https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=828&q=75&fit=clip&auto=format 828w, https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=1080&q=75&fit=clip&auto=format 1080w, https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=1200&q=75&fit=clip&auto=format 1200w, https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=1920&q=75&fit=clip&auto=format 1920w, https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=2048&q=75&fit=clip&auto=format 2048w, https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=3840&q=75&fit=clip&auto=format 3840w" src="https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg?w=3840&q=75&fit=clip&auto=format"/></div></div></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-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\",\"astro\",\"d\"]\n19:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$Lf\",null,{\"buildId\":\"aeeKyDVRNlavA0I3a0daQ\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"video-for\",\"astro\"],\"initialTree\":[\"\",{\"children\":[\"(marketing)\",{\"children\":[\"video-for\",{\"children\":[[\"sdkOrFramework\",\"astro\",\"d\"],{\"children\":[\"__PAGE__\",{}]}]}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"(marketing)\",{\"children\":[\"video-for\",{\"children\":[[\"sdkOrFramework\",\"astro\",\"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,"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 Astro applications | Mux\"}],[\"$\",\"meta\",\"4\",{\"name\":\"description\",\"content\":\"Quickly add video to your Astro site using the Mux API. Our example repo and responsive player make it simple to get started\"}],[\"$\",\"link\",\"5\",{\"rel\":\"canonical\",\"href\":\"https://www.mux.com/video-for/astro\"}],[\"$\",\"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 Astro applications | Mux\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:description\",\"content\":\"Quickly add video to your Astro site using the Mux API. Our example repo and responsive player make it simple to get started\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:url\",\"content\":\"https://www.mux.com/video-for/astro\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:locale\",\"content\":\"en-US\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:image\",\"content\":\"https://cdn.sanity.io/images/2ejqxsnu/production/0874a18e1fe0100f50638abebe2e40018c7f4025-2400x1260.png\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image:width\",\"content\":\"2400\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:height\",\"content\":\"1260\"}],[\"$\",\"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 Astro applications | Mux\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:description\",\"content\":\"Quickly add video to your Astro site using the Mux API. Our example repo and responsive player make it simple to get started\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:image\",\"content\":\"https://cdn.sanity.io/images/2ejqxsnu/production/0874a18e1fe0100f50638abebe2e40018c7f4025-2400x1260.png\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:image:width\",\"content\":\"2400\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:image:height\",\"content\":\"1260\"}],[\"$\",\"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\n"])</script><script>self.__next_f.push([1,"3f: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\"]\n41:\"$Sreact.suspense\"\n42: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\"]\n45: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-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\"]\n48: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-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\"]\n4a: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"])</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\"]\n52: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\"]\n53: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\"]\n54:I[79715,[\"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:T5b5,\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003cspan class=\"token operator\"\u003e--\u003c/span\u003e\u003cspan class=\"token operator\"\u003e-\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003cspan class=\"token keyword\"\u003econst\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e playbackId \u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e \u003cspan class=\"token operator\"\u003e=\u003c/span\u003e Astro\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003eparams\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003cspan class=\"token operator\"\u003e--\u003c/span\u003e\u003cspan class=\"token operator\"\u003e-\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token punctuation\"\u003e\u0026lt;\u003c/span\u003emux-player\u003c/span\u003e \u003cspan class=\"token attr-name\"\u003eplayback-id\u003c/span\u003e\u003cspan class=\"token script language-javascript\"\u003e\u003cspan class=\"token script-punctuation punctuation\"\u003e=\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003eplaybackId\u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e/\u003e\u003c/span\u003e\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003cspan cla"])</script><script>self.__next_f.push([1,"ss=\"token tag\"\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token punctuation\"\u003e\u0026lt;\u003c/span\u003escript\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token plain-text\"\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e import \"@mux/mux-player\";\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token punctuation\"\u003e\u0026lt;/\u003c/span\u003escript\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e49:T961,"])</script><script>self.__next_f.push([1,"\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003cspan class=\"token operator\"\u003e--\u003c/span\u003e\u003cspan class=\"token operator\"\u003e-\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003cspan class=\"token keyword\"\u003eimport\u003c/span\u003e Layout \u003cspan class=\"token keyword\"\u003efrom\u003c/span\u003e \u003cspan class=\"token string\"\u003e'../layouts/Layout.astro'\u003c/span\u003e\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 \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e playbackId \u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e \u003cspan class=\"token operator\"\u003e=\u003c/span\u003e Astro\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003eparams\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003cspan class=\"token operator\"\u003e--\u003c/span\u003e\u003cspan class=\"token operator\"\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 tag\"\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token punctuation\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"token class-name\"\u003eLayout\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token plain-text\"\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\t\u003c/span\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token punctuation\"\u003e\u0026lt;\u003c/span\u003emux-player\u003c/span\u003e \u003cspan class=\"token attr-name\"\u003eplayback-id\u003c/span\u003e\u003cspan class=\"token script language-javascript\"\u003e\u003cspan class=\"token script-punctuation punctuation\"\u003e=\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003eplaybackId\u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token punctuation\"\u003e\u0026lt;/\u003c/span\u003emux-player\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token plain-text\"\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\t\u003c/span\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token punctuation\"\u003e\u0026lt;\u003c/span\u003escript\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token plain-text\"\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\t\timport '@mux/mux-player';\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\t\u003c/span\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token punctuation\"\u003e\u0026lt;/\u003c/span\u003escript\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token plain-text\"\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token punctuation\"\u003e\u0026lt;/\u003c/span\u003e\u003cspan class=\"token class-name\"\u003eLayout\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e"])</script><script>self.__next_f.push([1,"4e:T1536,"])</script><script>self.__next_f.push([1,"\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003cspan class=\"token operator\"\u003e--\u003c/span\u003e\u003cspan class=\"token operator\"\u003e-\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003cspan class=\"token keyword\"\u003eimport\u003c/span\u003e Layout \u003cspan class=\"token keyword\"\u003efrom\u003c/span\u003e \u003cspan class=\"token string\"\u003e'../../layouts/Layout.astro'\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 Mux \u003cspan class=\"token keyword\"\u003efrom\u003c/span\u003e \u003cspan class=\"token string\"\u003e\"@mux/mux-node\"\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\"\u003econst\u003c/span\u003e mux \u003cspan class=\"token operator\"\u003e=\u003c/span\u003e \u003cspan class=\"token keyword\"\u003enew\u003c/span\u003e \u003cspan class=\"token class-name\"\u003eMux\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 literal-property property\"\u003etokenId\u003c/span\u003e\u003cspan class=\"token operator\"\u003e:\u003c/span\u003e \u003cspan class=\"token keyword\"\u003eimport\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003emeta\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003eenv\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token constant\"\u003eMUX_TOKEN_ID\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e,\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003cspan class=\"token literal-property property\"\u003etokenSecret\u003c/span\u003e\u003cspan class=\"token operator\"\u003e:\u003c/span\u003e \u003cspan class=\"token keyword\"\u003eimport\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003emeta\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003eenv\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token constant\"\u003eMUX_TOKEN_SECRET\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\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\"\u003econst\u003c/span\u003e upload \u003cspan class=\"token operator\"\u003e=\u003c/span\u003e \u003cspan class=\"token keyword\"\u003eawait\u003c/span\u003e mux\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003evideo\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003euploads\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003ecreate\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 literal-property property\"\u003enew_asset_settings\u003c/span\u003e\u003cspan class=\"token operator\"\u003e:\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003cspan class=\"token literal-property property\"\u003eplayback_policy\u003c/span\u003e\u003cspan class=\"token operator\"\u003e:\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e[\u003c/span\u003e\u003cspan class=\"token string\"\u003e'public'\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 literal-property property\"\u003eencoding_tier\u003c/span\u003e\u003cspan class=\"token operator\"\u003e:\u003c/span\u003e \u003cspan class=\"token string\"\u003e'baseline'\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 \u003cspan class=\"token literal-property property\"\u003ecors_origin\u003c/span\u003e\u003cspan class=\"token operator\"\u003e:\u003c/span\u003e \u003cspan class=\"token string\"\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\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003cspan class=\"token operator\"\u003e--\u003c/span\u003e\u003cspan class=\"token operator\"\u003e-\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token punctuation\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"token class-name\"\u003eLayout\u003c/span\u003e\u003c/span\u003e \u003cspan class=\"token attr-name\"\u003etitle\u003c/span\u003e\u003cspan class=\"token attr-value\"\u003e\u003cspan class=\"token punctuation attr-equals\"\u003e=\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e\"\u003c/span\u003eUpload a video to Mux\u003cspan class=\"token punctuation\"\u003e\"\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token plain-text\"\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003c/span\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token punctuation\"\u003e\u0026lt;\u003c/span\u003emux-uploader\u003c/span\u003e \u003cspan class=\"token attr-name\"\u003eendpoint\u003c/span\u003e\u003cspan class=\"token script language-javascript\"\u003e\u003cspan class=\"token script-punctuation punctuation\"\u003e=\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003eupload\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003eurl\u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token punctuation\"\u003e\u0026lt;/\u003c/span\u003emux-uploader\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token plain-text\"\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003c/span\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token punctuation\"\u003e\u0026lt;\u003c/span\u003escript\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token plain-text\"\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e import '@mux/mux-uploader';\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003c/span\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token punctuation\"\u003e\u0026lt;/\u003c/span\u003escript\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token plain-text\"\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token punctuation\"\u003e\u0026lt;/\u003c/span\u003e\u003cspan class=\"token class-name\"\u003eLayout\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e"])</script><script>self.__next_f.push([1,"4f:Td21,"])</script><script>self.__next_f.push([1,"\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003cspan class=\"token keyword\"\u003eexport\u003c/span\u003e \u003cspan class=\"token keyword\"\u003econst\u003c/span\u003e \u003cspan class=\"token constant\"\u003ePOST\u003c/span\u003e\u003cspan class=\"token operator\"\u003e:\u003c/span\u003e \u003cspan class=\"token function-variable function\"\u003eAPIRoute\u003c/span\u003e \u003cspan class=\"token operator\"\u003e=\u003c/span\u003e \u003cspan class=\"token keyword\"\u003easync\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e request \u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e \u003cspan class=\"token operator\"\u003e=\u003e\u003c/span\u003e \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 \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e type\u003cspan class=\"token punctuation\"\u003e,\u003c/span\u003e data \u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e \u003cspan class=\"token operator\"\u003e=\u003c/span\u003e \u003cspan class=\"token keyword\"\u003eawait\u003c/span\u003e request\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003ejson\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 keyword\"\u003eif\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003etype \u003cspan class=\"token operator\"\u003e===\u003c/span\u003e \u003cspan class=\"token string\"\u003e'video.asset.ready'\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\"\u003esaveAssetToDatabase\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003edata\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\"\u003eelse\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003cspan class=\"token comment\"\u003e/* handle other event types */\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\"\u003ereturn\u003c/span\u003e \u003cspan class=\"token keyword\"\u003enew\u003c/span\u003e \u003cspan class=\"token class-name\"\u003eResponse\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token constant\"\u003eJSON\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003estringify\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e message\u003cspan class=\"token operator\"\u003e:\u003c/span\u003e \u003cspan class=\"token string\"\u003e'ok'\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 \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e headers\u003cspan class=\"token operator\"\u003e:\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003cspan class=\"token string-property property\"\u003e'Content-Type'\u003c/span\u003e\u003cspan class=\"token operator\"\u003e:\u003c/span\u003e \u003cspan class=\"token string\"\u003e'application/json'\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 \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\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e"])</script><script>self.__next_f.push([1,"50:Tcfb,"])</script><script>self.__next_f.push([1,"\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003cspan class=\"token operator\"\u003e--\u003c/span\u003e\u003cspan class=\"token operator\"\u003e-\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003cspan class=\"token keyword\"\u003eimport\u003c/span\u003e Layout \u003cspan class=\"token keyword\"\u003efrom\u003c/span\u003e \u003cspan class=\"token string\"\u003e'../../layouts/Layout.astro'\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\"\u003econst\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e playbackId \u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e \u003cspan class=\"token operator\"\u003e=\u003c/span\u003e Astro\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003eparams\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 \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e title \u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e \u003cspan class=\"token operator\"\u003e=\u003c/span\u003e \u003cspan class=\"token function\"\u003egetAssetFromDatabase\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003eAstro\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003eparams\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 operator\"\u003e--\u003c/span\u003e\u003cspan class=\"token operator\"\u003e-\u003c/span\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token punctuation\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"token class-name\"\u003eLayout\u003c/span\u003e\u003c/span\u003e \u003cspan class=\"token attr-name\"\u003etitle\u003c/span\u003e\u003cspan class=\"token script language-javascript\"\u003e\u003cspan class=\"token script-punctuation punctuation\"\u003e=\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003etitle\u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token plain-text\"\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e \u003c/span\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token punctuation\"\u003e\u0026lt;\u003c/span\u003emux-player\u003c/span\u003e \u003cspan class=\"token attr-name\"\u003eplayback-id\u003c/span\u003e\u003cspan class=\"token script language-javascript\"\u003e\u003cspan class=\"token script-punctuation punctuation\"\u003e=\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003eplaybackId\u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e\u003c/span\u003e \u003cspan class=\"token attr-name\"\u003emetadata-video-title\u003c/span\u003e\u003cspan class=\"token script language-javascript\"\u003e\u003cspan class=\"token script-punctuation punctuation\"\u003e=\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003etitle\u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token punctuation\"\u003e\u0026lt;/\u003c/span\u003emux-player\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token plain-text\"\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token punctuation\"\u003e\u0026lt;/\u003c/span\u003e\u003cspan class=\"token class-name\"\u003eLayout\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e\u003e\u003c/span\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 tag\"\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token punctuation\"\u003e\u0026lt;\u003c/span\u003escript\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token plain-text\"\u003e\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\timport '@mux/mux-player';\n\u003cspan class=\"line-number\"\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token tag\"\u003e\u003cspan class=\"token punctuation\"\u003e\u0026lt;/\u003c/span\u003escript\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e\u003e\u003c/span\u003e\u003c/span\u003e"])</script><script>self.__next_f.push([1,"51:[\"$\",\"span\",null,{\"className\":\"font-mono text-sm leading-mono font-normal uppercase\",\"children\":[null,null,null,null,\"View Project\",null]}]\n"])</script><script>self.__next_f.push([1,"11:[\"$L3e\",[\"$\",\"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 Astro application\",null]}],[\"$\",\"div\",null,{\"className\":\"mx-auto whitespace-pre-line max-w-28\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-1\",\"children\":[\"$\",\"$L3f\",null,{\"scrollToValue\":true,\"children\":[\"$\",\"$L3f\",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 Astro 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\":\"$40\"},\"className\":\"font-mono leading-code normal-case max-w-full text-sm prism [font-variant-ligatures:none] jsx 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 state of the art video infrastructure to your Astro 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\":[[\"$\",\"$41\",null,{\"fallback\":null,\"children\":[[\"$\",\"$L42\",null,{\"moduleIds\":[\"app/(marketing)/_components/IconForName.jsx -\u003e @repo/components/icons/AdaptiveBitrate42Icon\"]}],\"$L43\"]}],[\"$\",\"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,[\"$\",\"$L3f\",null,{\"scrollToValue\":true,\"children\":[\"$\",\"$L3f\",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\":[[\"$\",\"$41\",null,{\"fallback\":null,\"children\":[[\"$\",\"$L42\",null,{\"moduleIds\":[\"app/(marketing)/_components/IconForName.jsx -\u003e @repo/components/icons/Integration42Icon\"]}],\"$L44\"]}],[\"$\",\"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,[\"$\",\"$L3f\",null,{\"scrollToValue\":true,\"children\":[\"$\",\"$L3f\",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. \",[\"$\",\"$L45\",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\":[[\"$\",\"$41\",null,{\"fallback\":null,\"children\":[[\"$\",\"$L42\",null,{\"moduleIds\":[\"app/(marketing)/_components/IconForName.jsx -\u003e @repo/components/icons/Player42Icon\"]}],\"$L46\"]}],[\"$\",\"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,[\"$\",\"$L3f\",null,{\"scrollToValue\":true,\"children\":[\"$\",\"$L3f\",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,[[\"$\",\"$L45\",null,{\"href\":\"https://www.mux.com/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,[\"Mux Player\"],null]}],\" gives you a customizable, accessible player with features like thumbnails and Chromecast built right in. Need more? You can bring your own HLS-compatible player, too.\"],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\":[[\"$\",\"$41\",null,{\"fallback\":null,\"children\":[[\"$\",\"$L42\",null,{\"moduleIds\":[\"app/(marketing)/_components/IconForName.jsx -\u003e @repo/components/icons/MuxData42Icon\"]}],\"$L47\"]}],[\"$\",\"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,\"Data for your viewing experience\",null]}],[\"$\",\"div\",null,{\"className\":\"font-body tracking-wide text-md leading-normal font-normal normal-case\",\"children\":[null,null,null,null,[\"$\",\"$L3f\",null,{\"scrollToValue\":true,\"children\":[\"$\",\"$L3f\",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,[[\"$\",\"$L45\",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,[\"Mux Data\"],null]}],\" measures video quality-of-experience metrics, the same way you measure front-end page performance\"],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 Astro\",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\":[\"$\",\"$L3f\",null,{\"scrollToValue\":true,\"children\":[\"$\",\"$L3f\",null,{\"scrollToValue\":true,\"children\":[[\"$\",\"h3\",null,{\"id\":\"quickly-drop-in-a-video-with-mux-player\",\"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,[\"$\",\"$L45\",null,{\"href\":\"#quickly-drop-in-a-video-with-mux-player\",\"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\"}]]]}]}]}],[\"Quickly drop in a video with mux-player\"]]}],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 quickest way to add a video to your site is with \",[\"$\",\"$L45\",null,{\"href\":\"https://docs.mux.com/guides/mux-player-web\",\"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\"],null]}],\". Here's what Mux Player looks like in action:\"],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\":\"astro\"}]],null]}],[\"$\",\"$L48\",null,{\"outerTrim\":true,\"rounded\":false,\"copyText\":\"---\\nimport Layout from '../layouts/Layout.astro';\\nconst { playbackId } = Astro.params;\\n---\\n\\n\u003cLayout\u003e\\n\\t\u003cmux-player playback-id={playbackId}\u003e\u003c/mux-player\u003e\\n\\t\u003cscript\u003e\\n\\t\\timport '@mux/mux-player';\\n\\t\u003c/script\u003e\\n\u003c/Layout\u003e\\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\":\"$49\"},\"className\":\"font-mono leading-code normal-case max-w-full text-sm prism [font-variant-ligatures:none] jsx 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\"}]]}]]}]}],[\"$\",\"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 thorugh the dashboard. In the \",[\"$\",\"$L45\",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\":[[\"$\",\"$41\",\"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\":[[\"$\",\"$L4a\",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\":\"$L4b\"}],[\"$\",\"$41\",\"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\":[[\"$\",\"$L4a\",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\":\"$L4c\"}]]}],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 can be used in the \",[\"$\",\"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,[\"playbackId\"],null]}],\" prop of the Mux Player component.\"],null]}],[\"$\",\"$41\",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\":[[\"$\",\"$L4a\",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\":\"$L4d\"}],[\"$\",\"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 can read more about Mux Player, including how to customize its look and feel, over in the \",[\"$\",\"$L45\",null,{\"href\":\"https://docs.mux.com/guides/mux-player-web\",\"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 guides\"],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're managing more videos, you might take a look at our \",[\"$\",\"$L45\",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,[\"$\",\"$L45\",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,[\"Since we'll be doing a lot of work on the server that will be different for every user, make sure you \",[\"$\",\"$L45\",null,{\"href\":\"https://docs.astro.build/en/guides/server-side-rendering/\",\"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,[\"place your app into SSR mode\"],null]}],\" before you begin.\"],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,[\"All good? Great. Let's move on.\"],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 \",[\"$\",\"$L45\",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 \",[\"$\",\"$L45\",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]}],\". Users will upload to that URL with \",[\"$\",\"$L45\",null,{\"href\":\"https://docs.mux.com/guides/mux-uploader\",\"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\"],null]}],\":\"],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\":[\"app\",\"/\",[\"$\",\"wbr\",null,{}]]}],[\"$\",\"$1c\",\"1\",{\"children\":[\"pages\",\"/\",[\"$\",\"wbr\",null,{}]]}],[\"$\",\"$1c\",\"2\",{\"children\":\"upload.astro\"}]],null]}],[\"$\",\"$L48\",null,{\"outerTrim\":true,\"rounded\":false,\"copyText\":\"---\\nimport Layout from '../../layouts/Layout.astro';\\nimport Mux from \\\"@mux/mux-node\\\";\\n\\nconst mux = new Mux({\\n tokenId: import.meta.env.MUX_TOKEN_ID,\\n tokenSecret: import.meta.env.MUX_TOKEN_SECRET\\n});\\n\\nconst upload = await mux.video.uploads.create({\\n new_asset_settings: {\\n playback_policy: ['public'],\\n encoding_tier: 'baseline',\\n },\\n cors_origin: '*',\\n});\\n---\\n\u003cLayout title=\\\"Upload a video to Mux\\\"\u003e\\n \u003cmux-uploader endpoint={upload.url}\u003e\u003c/mux-uploader\u003e\\n \u003cscript\u003e\\n import '@mux/mux-uploader';\\n \u003c/script\u003e\\n\u003c/Layout\u003e\",\"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\":\"$4e\"},\"className\":\"font-mono leading-code normal-case max-w-full text-sm prism [font-variant-ligatures:none] jsx 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\"}]]}]]}]}],[\"$\",\"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,[\"Next, we'll \",[\"$\",\"$L45\",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]}],[\"$\",\"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\":[\"app\",\"/\",[\"$\",\"wbr\",null,{}]]}],[\"$\",\"$1c\",\"1\",{\"children\":[\"pages\",\"/\",[\"$\",\"wbr\",null,{}]]}],[\"$\",\"$1c\",\"2\",{\"children\":\"mux-webhook.json.ts\"}]],null]}],[\"$\",\"$L48\",null,{\"outerTrim\":true,\"rounded\":false,\"copyText\":\"export const POST: APIRoute = async ({ request }) =\u003e {\\n const { type, data } = await request.json();\\n if (type === 'video.asset.ready') {\\n saveAssetToDatabase(data);\\n } else {\\n /* handle other event types */\\n }\\n\\n return new Response(JSON.stringify({ message: 'ok' }), {\\n headers: {\\n 'Content-Type': 'application/json',\\n },\\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\":\"$4f\"},\"className\":\"font-mono leading-code normal-case max-w-full text-sm prism [font-variant-ligatures:none] typescript 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\"}]]}]]}]}],[\"$\",\"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,[\"Finally, let's make a playback page. We retrieve the video from our database, and play it by passing its \",[\"$\",\"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,[\"playbackId\"],null]}],\" to \",[\"$\",\"$L45\",null,{\"href\":\"https://docs.mux.com/guides/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,[\"Mux Player\"],null]}],\":\"],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\":[\"app\",\"/\",[\"$\",\"wbr\",null,{}]]}],[\"$\",\"$1c\",\"1\",{\"children\":[\"pages\",\"/\",[\"$\",\"wbr\",null,{}]]}],[\"$\",\"$1c\",\"2\",{\"children\":[\"videos\",\"/\",[\"$\",\"wbr\",null,{}]]}],[\"$\",\"$1c\",\"3\",{\"children\":\"[playbackId].astro\"}]],null]}],[\"$\",\"$L48\",null,{\"outerTrim\":true,\"rounded\":false,\"copyText\":\"---\\nimport Layout from '../../layouts/Layout.astro';\\n\\nconst { playbackId } = Astro.params;\\nconst { title } = getAssetFromDatabase(Astro.params);\\n---\\n\u003cLayout title={title}\u003e\\n \u003cmux-player playback-id={playbackId} metadata-video-title={title}\u003e\u003c/mux-player\u003e\\n\u003c/Layout\u003e\\n\\n\u003cscript\u003e\\n\\timport '@mux/mux-player';\\n\u003c/script\u003e\\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\":\"$50\"},\"className\":\"font-mono leading-code normal-case max-w-full text-sm prism [font-variant-ligatures:none] jsx 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\"}]]}]]}]}],[\"$\",\"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,[\"And we've got upload and playback. Nice!\"],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,[\"What's next? Check out our full walkthrough in \",[\"$\",\"$L45\",null,{\"href\":\"https://docs.mux.com/integrations/astro\",\"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,[\"the docs\"],null]}],\", or the example project below:\"],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 grid-cols-1 lg:grid-cols-3\",\"style\":\"$undefined\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-body text-xl md:text-3xl leading-heading font-bold normal-case p-2 text-center lg:text-left\",\"children\":[null,null,null,null,[\"Example Project\",\"\"],null]}],[\"$\",\"div\",null,{\"className\":\"grid lg:col-span-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"overflow-hidden rounded-1 border-ctx-gray bg-white [\u0026\u003e*]:set-border-ctx-gray [\u0026\u003e*]:set-bg-ctx-white text-black border -m-0.5px flex flex-col row-span-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"border-ctx-orange-dark bg-orange [\u0026\u003e*]:set-border-ctx-orange-dark [\u0026\u003e*]:set-bg-ctx-orange text-black border -m-0.5px -mx-1px -mt-1px block min-h-1\",\"children\":\"$undefined\"}],[\"$\",\"div\",null,{\"className\":\"p-1 flex flex-1 flex-col row-span-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-1 last:mb-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative h-full max-h-12 min-h-4\",\"children\":[\"$\",\"$L4a\",null,{\"image\":{\"width\":1517,\"height\":500,\"crop\":null,\"hotspot\":null,\"asset\":{\"_id\":\"image-ba1cb97f6e8c3c5a5db4794bcd7527ea4c808e0f-1517x500-png\",\"extension\":\"png\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/ba1cb97f6e8c3c5a5db4794bcd7527ea4c808e0f-1517x500.png\",\"metadata\":{\"dimensions\":{\"width\":1517,\"aspectRatio\":3.034,\"height\":500}}}},\"alt\":\"Astro\",\"widthAtBreakpoint\":{\"xs\":\"33%\"},\"className\":\"mx-auto h-full w-full max-w-6 object-contain\",\"fill\":true}]}]}],[\"$\",\"div\",null,{\"className\":\"mb-0.5 last:mb-0\",\"children\":[\"$\",\"h4\",null,{\"className\":\"font-body text-xl leading-heading font-bold normal-case whitespace-pre-line\",\"children\":[null,null,null,null,\"muxinc/examples/astro-uploader-and-player\",null]}]}],[\"$\",\"div\",null,{\"className\":\"mb-1 last:mb-0\",\"children\":[\"$\",\"$L3f\",null,{\"scrollToValue\":true,\"children\":[\"$\",\"$L3f\",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,[\"This is a bare-bones starter application built with Astro that uses:\u2028\"],null]}],[\"$\",\"ul\",null,{\"className\":\"font-body tracking-wide text-base leading-normal last:mb-0 mb-1 font-normal normal-case list-disc pl-1 break-words [text-wrap:pretty] [\u0026_li:not(:last-child)\u003ep]:mb-1\",\"children\":[null,null,null,null,[[\"$\",\"li\",null,{\"children\":[\"Mux \",[\"$\",\"$L45\",null,{\"href\":\"https://docs.mux.com/guides/upload-files-directly\",\"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\"],null]}],\"\u2028 and \",[\"$\",\"$L45\",null,{\"href\":\"https://docs.mux.com/guides/mux-uploader\",\"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\"],null]}]]}],[\"$\",\"li\",null,{\"children\":[[\"$\",\"$L45\",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,[\"Mux Video\"],null]}],\" + \",[\"$\",\"$L45\",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,[\"Mux Data\"],null]}],\"\u2028\"]}],[\"$\",\"li\",null,{\"children\":[[\"$\",\"$L45\",null,{\"href\":\"https://www.mux.com/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,[\"Mux Player\"],null]}]]}]],null]}]]}]}]}],[\"$\",\"div\",null,{\"className\":\"mt-auto\",\"children\":[\"$\",\"$L45\",null,{\"href\":\"https://github.com/muxinc/examples/tree/main/astro-uploader-and-player\",\"className\":\"relative group/button block w-full\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-full min-h-2 flex items-center justify-center cursor-pointer px-2 py-0.5 text-center text-black bg-orange border border-ctx-current rounded-4 user-select-none\",\"aria-hidden\":\"$undefined\",\"children\":[\"$\",\"span\",null,{\"className\":\"font-mono text-sm leading-mono font-normal uppercase\",\"children\":[null,null,null,null,\"View Project\",null]}]}],[\"$\",\"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-ctx-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\":\"$51\"}]]}]}]]}],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 grid-cols-1\",\"style\":\"$undefined\",\"children\":[\"$\",\"$L52\",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,[\"$\",\"$L3f\",null,{\"scrollToValue\":true,\"children\":[\"$\",\"$L3f\",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\":[[\"$\",\"$L45\",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\":\"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,[\"$\",\"$L3f\",null,{\"scrollToValue\":true,\"children\":[\"$\",\"$L3f\",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: \",[\"$\",\"$L45\",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\":\"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]}]}]}]}],[\"$\",\"$L53\",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\":[\"$\",\"$L54\",null,{\"firstLogo\":[\"$\",\"div\",null,{\"className\":\"relative bg-ctx\",\"style\":{\"height\":28,\"width\":140},\"children\":[[\"$\",\"$L4a\",null,{\"priority\":true,\"_type\":\"sanity\",\"alt\":\"Imgix logo\",\"image\":{\"crop\":null,\"hotspot\":null,\"asset\":{\"_id\":\"image-714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30-svg\",\"extension\":\"svg\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/714e5788cdcc2e72b9cb9de6f7672fcfc80a27a2-92x30.svg\",\"metadata\":{\"dimensions\":{\"width\":92,\"aspectRatio\":3.066666666666667,\"height\":30}}}},\"widthAtBreakpoint\":{\"xs\":\"100%\"},\"fill\":true,\"className\":\"object-contain\"}],false]}],\"secondLogo\":[\"$\",\"div\",null,{\"className\":\"relative bg-ctx\",\"style\":{\"height\":28,\"width\":140},\"children\":[[\"$\",\"$L4a\",null,{\"priority\":true,\"_type\":\"sanity\",\"alt\":\"Vimeo\",\"image\":{\"crop\":null,\"hotspot\":null,\"asset\":{\"_id\":\"image-ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32-svg\",\"extension\":\"svg\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/ae6615fc2e0b6dc8908c1c316d91f988de4a418e-112x32.svg\",\"metadata\":{\"dimensions\":{\"width\":112,\"aspectRatio\":3.5,\"height\":32}}}},\"widthAtBreakpoint\":{\"xs\":\"100%\"},\"fill\":true,\"className\":\"object-contain\"}],false]}],\"thirdLogo\":\"$undefined\",\"fourthLogo\":\"$undefined\",\"animationIndex\":0,\"isLastCube\":false}]}],[\"$\",\"div\",null,{\"className\":\"border-ctx border -m-0.5px flex items-center justify-center p-1 md:py-2 lg:aspect-square\",\"children\":[\"$\",\"$L54\",null,{\"firstLogo\":[\"$\",\"div\",null,{\"className\":\"relative bg-ctx\",\"style\":{\"height\":24.5,\"width\":140},\"children\":[[\"$\",\"$L4a\",null,{\"priority\":true,\"_type\":\"sanity\",\"alt\":\"Hubla logo\",\"image\":{\"crop\":null,\"hotspot\":null,\"asset\":{\"_id\":\"image-e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24-svg\",\"extension\":\"svg\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/e1918847f9b2417bba59d139cf7fb0fa3734ffbd-107x24.svg\",\"metadata\":{\"dimensions\":{\"width\":107,\"aspectRatio\":4.458333333333333,\"height\":24}}}},\"widthAtBreakpoint\":{\"xs\":\"100%\"},\"fill\":true,\"className\":\"object-contain\"}],false]}],\"secondLogo\":[\"$\",\"div\",null,{\"className\":\"relative bg-ctx\",\"style\":{\"height\":28,\"width\":140},\"children\":[[\"$\",\"$L4a\",null,{\"priority\":true,\"_type\":\"sanity\",\"alt\":\"Vercel\",\"image\":{\"crop\":null,\"hotspot\":null,\"asset\":{\"_id\":\"image-0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26-svg\",\"extension\":\"svg\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/0b0e4f229af2b3d4a4b2bcbea4eb73da880282de-115x26.svg\",\"metadata\":{\"dimensions\":{\"width\":115,\"aspectRatio\":4.423076923076923,\"height\":26}}}},\"widthAtBreakpoint\":{\"xs\":\"100%\"},\"fill\":true,\"className\":\"object-contain\"}],false]}],\"thirdLogo\":\"$undefined\",\"fourthLogo\":\"$undefined\",\"animationIndex\":1,\"isLastCube\":false}]}],[\"$\",\"div\",null,{\"className\":\"border-ctx border -m-0.5px flex items-center justify-center p-1 md:py-2 lg:aspect-square\",\"children\":[\"$\",\"$L54\",null,{\"firstLogo\":[\"$\",\"div\",null,{\"className\":\"relative bg-ctx\",\"style\":{\"height\":35,\"width\":140},\"children\":[[\"$\",\"$L4a\",null,{\"priority\":true,\"_type\":\"sanity\",\"alt\":\"Plex logo\",\"image\":{\"crop\":null,\"hotspot\":null,\"asset\":{\"_id\":\"image-89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38-svg\",\"extension\":\"svg\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/89cddaee4c2e206f5ed8b3dcd7d68c2edf053bcd-83x38.svg\",\"metadata\":{\"dimensions\":{\"width\":83,\"aspectRatio\":2.1842105263157894,\"height\":38}}}},\"widthAtBreakpoint\":{\"xs\":\"100%\"},\"fill\":true,\"className\":\"object-contain\"}],false]}],\"secondLogo\":[\"$\",\"div\",null,{\"className\":\"relative bg-ctx\",\"style\":{\"height\":31.5,\"width\":140},\"children\":[[\"$\",\"$L4a\",null,{\"priority\":true,\"_type\":\"sanity\",\"alt\":\"Fox\",\"image\":{\"crop\":null,\"hotspot\":null,\"asset\":{\"_id\":\"image-705792f6cce7046ba93afb4a298e8af8318ac398-650x260-svg\",\"extension\":\"svg\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/705792f6cce7046ba93afb4a298e8af8318ac398-650x260.svg\",\"metadata\":{\"dimensions\":{\"width\":650,\"aspectRatio\":2.5,\"height\":260}}}},\"widthAtBreakpoint\":{\"xs\":\"100%\"},\"fill\":true,\"className\":\"object-contain\"}],false]}],\"thirdLogo\":\"$undefined\",\"fourthLogo\":\"$undefined\",\"animationIndex\":2,\"isLastCube\":false}]}],[\"$\",\"div\",null,{\"className\":\"border-ctx border -m-0.5px flex items-center justify-center p-1 md:py-2 lg:aspect-square\",\"children\":[\"$\",\"$L54\",null,{\"firstLogo\":[\"$\",\"div\",null,{\"className\":\"relative bg-ctx\",\"style\":{\"height\":23,\"width\":140},\"children\":[[\"$\",\"$L4a\",null,{\"priority\":true,\"_type\":\"sanity\",\"alt\":\"Strava\",\"image\":{\"crop\":null,\"hotspot\":null,\"asset\":{\"_id\":\"image-1cc6902548bca2902c111356ac4abaed353727da-110x24-svg\",\"extension\":\"svg\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/1cc6902548bca2902c111356ac4abaed353727da-110x24.svg\",\"metadata\":{\"dimensions\":{\"width\":110,\"aspectRatio\":4.583333333333333,\"height\":24}}}},\"widthAtBreakpoint\":{\"xs\":\"100%\"},\"fill\":true,\"className\":\"object-contain\"}],false]}],\"secondLogo\":[\"$\",\"div\",null,{\"className\":\"relative bg-ctx\",\"style\":{\"height\":31.5,\"width\":140},\"children\":[[\"$\",\"$L4a\",null,{\"priority\":true,\"_type\":\"sanity\",\"alt\":\"Loom logo\",\"image\":{\"crop\":null,\"hotspot\":null,\"asset\":{\"_id\":\"image-d6436a8e26a215062f8cbc0f062eaba418a18608-120x36-svg\",\"extension\":\"svg\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/d6436a8e26a215062f8cbc0f062eaba418a18608-120x36.svg\",\"metadata\":{\"dimensions\":{\"width\":120,\"aspectRatio\":3.3333333333333335,\"height\":36}}}},\"widthAtBreakpoint\":{\"xs\":\"100%\"},\"fill\":true,\"className\":\"object-contain\"}],false]}],\"thirdLogo\":\"$undefined\",\"fourthLogo\":\"$undefined\",\"animationIndex\":3,\"isLastCube\":false}]}],[\"$\",\"div\",null,{\"className\":\"border-ctx border -m-0.5px flex items-center justify-center p-1 md:py-2 lg:aspect-square\",\"children\":[\"$\",\"$L54\",null,{\"firstLogo\":[\"$\",\"div\",null,{\"className\":\"relative bg-ctx\",\"style\":{\"height\":31.5,\"width\":140},\"children\":[[\"$\",\"$L4a\",null,{\"priority\":true,\"_type\":\"sanity\",\"alt\":\"Hubspot\",\"image\":{\"crop\":null,\"hotspot\":null,\"asset\":{\"_id\":\"image-c2e4bfca4957190f36b37b449cc07c94e336197d-115x33-svg\",\"extension\":\"svg\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/c2e4bfca4957190f36b37b449cc07c94e336197d-115x33.svg\",\"metadata\":{\"dimensions\":{\"width\":115,\"aspectRatio\":3.484848484848485,\"height\":33}}}},\"widthAtBreakpoint\":{\"xs\":\"100%\"},\"fill\":true,\"className\":\"object-contain\"}],false]}],\"secondLogo\":[\"$\",\"div\",null,{\"className\":\"relative bg-ctx\",\"style\":{\"height\":35,\"width\":140},\"children\":[[\"$\",\"$L4a\",null,{\"priority\":true,\"_type\":\"sanity\",\"alt\":\"Barstool logo\",\"image\":{\"crop\":null,\"hotspot\":null,\"asset\":{\"_id\":\"image-5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155-svg\",\"extension\":\"svg\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/5d4060536a8ea7d8162f9b81bdc18efa5486a792-502x155.svg\",\"metadata\":{\"dimensions\":{\"width\":502,\"aspectRatio\":3.238709677419355,\"height\":155}}}},\"widthAtBreakpoint\":{\"xs\":\"100%\"},\"fill\":true,\"className\":\"object-contain\"}],false]}],\"thirdLogo\":\"$undefined\",\"fourthLogo\":\"$undefined\",\"animationIndex\":4,\"isLastCube\":false}]}],[\"$\",\"div\",null,{\"className\":\"border-ctx border -m-0.5px flex items-center justify-center p-1 md:py-2 lg:aspect-square\",\"children\":[\"$\",\"$L54\",null,{\"firstLogo\":[\"$\",\"div\",null,{\"className\":\"relative bg-ctx\",\"style\":{\"height\":28,\"width\":140},\"children\":[[\"$\",\"$L4a\",null,{\"priority\":true,\"_type\":\"sanity\",\"alt\":\"Typeform\",\"image\":{\"crop\":null,\"hotspot\":null,\"asset\":{\"_id\":\"image-7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225-svg\",\"extension\":\"svg\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/7ef6cc5cc573af827c20c5d58b8eeb1889b2ea50-1000x225.svg\",\"metadata\":{\"dimensions\":{\"width\":1000,\"aspectRatio\":4.444444444444445,\"height\":225}}}},\"widthAtBreakpoint\":{\"xs\":\"100%\"},\"fill\":true,\"className\":\"object-contain\"}],false]}],\"secondLogo\":[\"$\",\"div\",null,{\"className\":\"relative bg-ctx\",\"style\":{\"height\":28,\"width\":126},\"children\":[[\"$\",\"$L4a\",null,{\"priority\":true,\"_type\":\"sanity\",\"alt\":\"Gamestry logo\",\"image\":{\"crop\":null,\"hotspot\":null,\"asset\":{\"_id\":\"image-51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30-svg\",\"extension\":\"svg\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/51952659bbae77c609a8c7ee286aea0a07fbd0e1-157x30.svg\",\"metadata\":{\"dimensions\":{\"width\":157,\"aspectRatio\":5.233333333333333,\"height\":30}}}},\"widthAtBreakpoint\":{\"xs\":\"100%\"},\"fill\":true,\"className\":\"object-contain\"}],false]}],\"thirdLogo\":\"$undefined\",\"fourthLogo\":\"$undefined\",\"animationIndex\":5,\"isLastCube\":true}]}]]}]}]}]}],[\"$\",\"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\"}]}]}],\"$L55\"]\n"])</script><script>self.__next_f.push([1,"56: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/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\"]\n5a:{\"width\":2964,\"aspectRatio\":1.1043219076005961,\"height\":2684}\n59:{\"dimensions\":\"$5a\"}\n58:{\"_id\":\"image-fd2fcde0bc262aa2a9571a16d0fbbca0671ab945-2964x2684-png\",\"extension\":\"png\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/fd2fcde0bc262aa2a9571a16d0fbbca0671ab945-2964x2684.png\",\"metadata\":\"$59\"}\n57:{\"crop\":null,\"hotspot\":null,\"asset\":\"$58\"}\n4b:[\"$\",\"$L56\",null,{\"value\":{\"image\":\"$57\",\"altText\":\"In the upper-right corner of the Mux Dashboard is a button labeled \\\"Create New Asset\\\"\",\"_type\":\"imageWithAlt\",\"_key\":\"cc1d3adbb239\",\"maxWidth\":448,\"layout\":\"auto\"},\"withMargin\":false}]\n5e:{\"width\":2965,\"aspectRatio\":1.1051062243756988,\"height\":2683}\n5d:{\"dimensions\":\"$5e\"}\n5c:{\"_id\":\"image-6c2b23d16d3de3ab01f28f5407424b3a2147579e-2965x2683-png\",\"extension\":\"png\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/6c2b23d16d3de3ab01f28f5407424b3a2147579e-2965x2683.png\",\"metadata\":\"$5d\"}\n5b:{\"crop\":null,\"hotspot\":null,\"asset\":\"$5c\"}\n4c:[\"$\",\"$L56\",null,{\"value\":{\"altText\":\"At the bottom of the new asset modal is a section allowing you to upload directly to Mux\",\"_type\":\"imageWithAlt\",\"_key\":\"3073e0d82261\",\"maxWidth\":448,\"layout\":\"auto\","])</script><script>self.__next_f.push([1,"\"image\":\"$5b\"},\"withMargin\":false}]\n62:{\"width\":2964,\"aspectRatio\":1.2019464720194648,\"height\":2466}\n61:{\"dimensions\":\"$62\"}\n60:{\"_id\":\"image-3198966e912243a20d4738f4501cd7094e0e5808-2964x2466-png\",\"extension\":\"png\",\"url\":\"https://cdn.sanity.io/images/2ejqxsnu/production/3198966e912243a20d4738f4501cd7094e0e5808-2964x2466.png\",\"metadata\":\"$61\"}\n5f:{\"crop\":null,\"hotspot\":null,\"asset\":\"$60\"}\n4d:[\"$\",\"$L56\",null,{\"value\":{\"caption\":\"Get the playback ID from the dashboard\",\"_key\":\"035c86b42ce0\",\"layout\":\"sideBySide\",\"image\":\"$5f\",\"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\"},\"withAutoWidth\":true}]\n43:[\"$\",\"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\"}]]]}]\n44:[\"$\",\""])</script><script>self.__next_f.push([1,"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\"}]]}]\n46:[\"$\",\"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\"}]]]}]\n47:[\"$\",\"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\":\"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\"}]]}]]}]\n"])</script><script>self.__next_f.push([1,"64: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\"]\n65: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/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\"]\n66: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"])</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\"]\nd2: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\",\"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\"]\n6d:[\"$\",\"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\",nu"])</script><script>self.__next_f.push([1,"ll,{\"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\"}]]}]}]]}]\n6c:{\"title\":\"Video API\",\"href\":\"/video-api\",\"icon\":\"$6d\",\"description\":\"One API to build and scale unlimited video possibilities\"}\n6f:[\"$\",\"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\"}]]}]\n6e:{\"title\":\"Features\",\"href\":\"/features\",\"icon\":\"$6f\",\"description\":\"Everything you need to build your dream video experience\"}\n71:[\"$\",\"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\"}]]}]\n70:{\"title\":\"On-demand\",\"href\":\"/on-demand\",\"icon\":\"$71\",\"description\":\"Build video into your product without being a video expert\"}\n73:[\"$\",\"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\":[[\"$\""])</script><script>self.__next_f.push([1,",\"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\"}]]]}]\n72:{\"title\":\"Live\",\"href\":\"/live\",\"icon\":\"$73\",\"description\":\"Live stream to millions, get started in minutes\"}\n75:[\"$\",\"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\"}]]]}]\n74:{\"title\":\"Interactive\",\"href\":\"/interactive-live-streaming\",\"icon\":\"$75\",\"description\":\"Low-latency live streaming\"}\n77:[\"$\",\"svg\",null,{\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"42"])</script><script>self.__next_f.push([1,"\",\"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\"}]]]}]\n76:{\"title\":\"Encoding\",\"href\":\"/encoding\",\"icon\":\"$77\",\"description\":\"Cloud encoding platform for on-demand and live streaming\"}\n6b:[\"$6c\",\"$6e\",\"$70\",\"$72\",\"$74\",\"$76\"]\n6a:{\"title\":\"Mux Video\",\"sections\":\"$6b\"}\n7b:[\"$\",\"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\":"])</script><script>self.__next_f.push([1,"\"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\"}]]}]]}]\n7a:{\"title\":\"Overview\",\"href\":\"/data\",\"icon\":\"$7b\",\"description\":\"Understand your user engagement and Quality of Experience\"}\n7d:[\"$\",\"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\"}]]}]]}]\n7c:{\"title\":\"Features\",\"href\":\"/data/features\",\"icon\":\"$7d\",\"description\":\"Everything you need to understand, monitor, and improve\"}\n7f:[\"$\",\"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\"}]]}]]}]\n7e:{\"title\":\"Monitor\",\"href\":\"/data-operations\",\"icon\":\"$7f\",\"description\":\"Your most critical metrics all in one real-time view\"}\n79:[\"$7a\",\"$7c\",\"$7e\"]\n78:{\"title\":\"Mux Data\",\"sections\":\"$79\"}\n80:{\"title\":\"Mux Player\",\"href\":\"/player\"}\n69:[\"$6a\",\"$78\",\"$80\"]\n68:{\"title\":\"Products\",\"sections\":\"$"])</script><script>self.__next_f.push([1,"69\"}\n83:{\"title\":\"Documentation\",\"href\":\"/docs/guides\"}\n84:{\"title\":\"API Reference\",\"href\":\"/docs/api-reference\"}\n85:{\"title\":\"Webhook Reference\",\"href\":\"/docs/webhook-reference\"}\n86:{\"title\":\"Changelog\",\"href\":\"/docs/changelog\"}\n87:{\"title\":\"Open Source software\",\"href\":\"/oss\"}\n88:{\"title\":\"SDKs\",\"href\":\"/oss#platforms\"}\n89:{\"title\":\"Beta features\",\"href\":\"/beta\"}\n8a:{\"title\":\"Powered by Mux program\",\"href\":\"/powered-by-mux\"}\n8b:{\"title\":\"Contact support\",\"href\":\"/support\"}\n82:[\"$83\",\"$84\",\"$85\",\"$86\",\"$87\",\"$88\",\"$89\",\"$8a\",\"$8b\"]\n81:{\"title\":\"Developers\",\"sections\":\"$82\"}\n8e:{\"title\":\"Video for your video platform\",\"href\":\"/solutions/video-infra-for-your-video-platform\"}\n8f:{\"title\":\"Video for user generated content\",\"href\":\"/solutions/video-for-ugc\"}\n90:{\"title\":\"Video for connected fitness\",\"href\":\"/solutions/video-for-fitness\"}\n91:{\"title\":\"Video for generative AI\",\"href\":\"/solutions/video-for-generative-ai\"}\n92:{\"title\":\"Video for Vercel users\",\"href\":\"/solutions/video-for-vercel\"}\n93:{\"title\":\"Data for broadcasters\",\"href\":\"/solutions/data-for-broadcasters\"}\n94:{\"title\":\"Data for telco operators\",\"href\":\"/solutions/data-for-telco\"}\n95:{\"title\":\"Data for sports\",\"href\":\"/solutions/data-for-sports\"}\n96:{\"title\":\"Customer stories\",\"href\":\"/customers\"}\n8d:[\"$8e\",\"$8f\",\"$90\",\"$91\",\"$92\",\"$93\",\"$94\",\"$95\",\"$96\"]\n8c:{\"title\":\"Solutions\",\"sections\":\"$8d\"}\n99:{\"title\":\"Mux Video pricing\",\"href\":\"/pricing/video\"}\n9a:{\"title\":\"Mux Data pricing\",\"href\":\"/pricing/data\"}\n98:[\"$99\",\"$9a\"]\n97:{\"title\":\"Pricing\",\"sections\":\"$98\"}\n9b:{\"title\":\"Blog\",\"href\":\"/blog\"}\n67:[\"$68\",\"$81\",\"$8c\",\"$97\",\"$9b\"]\n"])</script><script>self.__next_f.push([1,"1b:[\"$L63\",[[\"$\",\"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\":[[\"$\",\"$L64\",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\":\"$45\",\"logoHref\":\"/\",\"width\":84,\"className\":\"flex h-full items-center px-1\"}],null]}],\"$undefined\",[\"$\",\"$L65\",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\":\"$45\",\"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\"}],[\"$\",\"$L66\",null,{\"navigation\":\"$67\",\"active\":\"$undefined\",\"LinkComponent\":\"$45\",\"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,[[\"$\",\"$L45\",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,[[\"$\",\"$L45\",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,"a3:[\"$\",\"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\"}]]}]}]]}]\na2:{\"title\":\"Video API\",\"href\":\"/video-api\",\"icon\":\"$a3\",\"description\":\"One API to build and scale unlimited video possibilities\"}\na5:[\"$\",\"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\"}]]}]\na4:{\"title\":\"Features\",\"href\":\"/features\",\"icon\":\"$a5\",\"description\":\"Everything you need to build your dream video experience\"}\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\":\"Video File\"}],[\"$\",\"path\",null,{\"d\":\"M0.5 11.5H14H28H41.5V30.5H28H14H0.5V11.5ZM28.5 31"])</script><script>self.__next_f.push([1,".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\"}]]}]\na6:{\"title\":\"On-demand\",\"href\":\"/on-demand\",\"icon\":\"$a7\",\"description\":\"Build video into your product without being a video expert\"}\na9:[\"$\",\"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\"}]]]}]\na8:{\"title\":\"Live\",\"href\":\"/live\",\"icon\":\"$a9\",\"description\":\"Live stream to millions, get started in minutes\"}\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\":\"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\""])</script><script>self.__next_f.push([1,":\"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\"}]]]}]\naa:{\"title\":\"Interactive\",\"href\":\"/interactive-live-streaming\",\"icon\":\"$ab\",\"description\":\"Low-latency live streaming\"}\nad:[\"$\",\"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-sc"])</script><script>self.__next_f.push([1,"aling-stroke\",\"r\":\"4\"}]]]}]\nac:{\"title\":\"Encoding\",\"href\":\"/encoding\",\"icon\":\"$ad\",\"description\":\"Cloud encoding platform for on-demand and live streaming\"}\na1:[\"$a2\",\"$a4\",\"$a6\",\"$a8\",\"$aa\",\"$ac\"]\na0:{\"title\":\"Mux Video\",\"sections\":\"$a1\"}\nb1:[\"$\",\"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\"}]]}]]}]\nb0:{\"title\":\"Overview\",\"href\":\"/data\",\"icon\":\"$b1\",\"description\":\"Understand your user engagement and Quality of Experience\"}\nb3:[\"$\",\"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\"}]]}]]}]\nb2:{\"title\":\"Features\",\"href\":\"/data/features\",\"icon\":\"$b3\",\"description\":\"Everything you need to understand, monitor, and improve\"}\nb5:[\"$\",\"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"])</script><script>self.__next_f.push([1,"\",\"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\"}]]}]]}]\nb4:{\"title\":\"Monitor\",\"href\":\"/data-operations\",\"icon\":\"$b5\",\"description\":\"Your most critical metrics all in one real-time view\"}\naf:[\"$b0\",\"$b2\",\"$b4\"]\nae:{\"title\":\"Mux Data\",\"sections\":\"$af\"}\nb6:{\"title\":\"Mux Player\",\"href\":\"/player\"}\n9f:[\"$a0\",\"$ae\",\"$b6\"]\n9e:{\"title\":\"Products\",\"sections\":\"$9f\"}\nb9:{\"title\":\"Documentation\",\"href\":\"/docs/guides\"}\nba:{\"title\":\"API Reference\",\"href\":\"/docs/api-reference\"}\nbb:{\"title\":\"Webhook Reference\",\"href\":\"/docs/webhook-reference\"}\nbc:{\"title\":\"Changelog\",\"href\":\"/docs/changelog\"}\nbd:{\"title\":\"Open Source software\",\"href\":\"/oss\"}\nbe:{\"title\":\"SDKs\",\"href\":\"/oss#platforms\"}\nbf:{\"title\":\"Beta features\",\"href\":\"/beta\"}\nc0:{\"title\":\"Powered by Mux program\",\"href\":\"/powered-by-mux\"}\nc1:{\"title\":\"Contact support\",\"href\":\"/support\"}\nb8:[\"$b9\",\"$ba\",\"$bb\",\"$bc\",\"$bd\",\"$be\",\"$bf\",\"$c0\",\"$c1\"]\nb7:{\"title\":\"Developers\",\"sections\":\"$b8\"}\nc4:{\"title\":\"Video for your video platform\",\"href\":\"/solutions/video-infra-for-your-video-platform\"}\nc5:{\"title\":\"Video for user generated content\",\"href\":\"/solutions/video-for-ugc\"}\nc6:{\"title\":\"Video for connected fitness\",\"href\":\"/solutions/video-for-fitness\"}\nc7:{\"title\":\"Video for generative AI\",\"href\":\"/solutions/video-for-generative-ai\"}\nc8:{\"title\":\"Video for Vercel users\",\"href\":\"/solutions/video-for-vercel\"}\nc9:{\"title\":\"Data for broadcasters\",\"href\":\"/solutions/data-for-broadcasters\"}\nca:{\"title\":\"Data for telco operators\",\"href\":\"/solutions/data-for-telco\"}\ncb:{\"title\":\"Data for sports\",\"href\":\"/solutions/data-for-sports\"}\ncc:{\"title\":\"Customer stories\",\"href\":\"/customers\"}\nc3:[\"$c4\",\"$c5\",\"$c6\",\"$c7\",\"$c8\",\"$c9\",\"$ca\",\"$cb\",\"$cc\"]\nc2:{\"title\":\"Solutions\",\"sections\":\"$c3\"}\ncf:{\"title\":\"Mux Video pricing\",\"href\":\"/pricing/video\"}\nd0:{\"title\":\"Mux Data pricing\",\"href\":\"/pricing/data\"}\nce:[\"$cf\""])</script><script>self.__next_f.push([1,",\"$d0\"]\ncd:{\"title\":\"Pricing\",\"sections\":\"$ce\"}\nd1:{\"title\":\"Blog\",\"href\":\"/blog\"}\n9d:[\"$9e\",\"$b7\",\"$c2\",\"$cd\",\"$d1\"]\n"])</script><script>self.__next_f.push([1,"3e:[\"$L9c\",[[\"$\",\"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\":[[\"$\",\"$L64\",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\":\"$45\",\"logoHref\":\"/\",\"width\":84,\"className\":\"flex h-full items-center px-1\"}],null]}],\"$undefined\",[\"$\",\"$L65\",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\":\"$45\",\"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\"}],[\"$\",\"$L66\",null,{\"navigation\":\"$9d\",\"active\":\"$undefined\",\"LinkComponent\":\"$45\",\"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,[[\"$\",\"$L45\",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,[[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[[\"$\",\"$L45\",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]}],[\"$\",\"$L45\",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]}],[\"$\",\"$L45\",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]}],[\"$\",\"$L45\",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]}],[[\"$\",\"$L45\",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]}],[\"$\",\"$L45\",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]}],[\"$\",\"$L45\",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]}],[\"$\",\"$L45\",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]}]]]}],[\"$\",\"$Ld2\",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,"55:[\"$Ld3\",[\"$\",\"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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[\"$\",\"$L45\",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\":[[\"$\",\"$L45\",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]}],[\"$\",\"$L45\",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]}],[\"$\",\"$L45\",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]}],[\"$\",\"$L45\",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]}],[[\"$\",\"$L45\",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]}],[\"$\",\"$L45\",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]}],[\"$\",\"$L45\",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]}],[\"$\",\"$L45\",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]}]]]}],[\"$\",\"$Ld2\",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,"ee:I[42416,[\"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\"]\nd7:{\"className\":\"hidden md:inline\",\"children\":\"for free\"}\nd6:[\"$\",\"span\",null,\"$d7\"]\nd5:[\"Start building \",\"$d6\"]\nd4:[\"$\",\"span\",null,{\"className\":\"font-display tracking-wide text-2xl md:text-5xl leading-heading-2 font-normal normal-case\",\"children\":[null,null,null,null,\"$d5\",null]}]\ndd:[\"$\",\"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-cu"])</script><script>self.__next_f.push([1,"rrent 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]\"}]]]}]\ndc:{\"children\":\"$dd\"}\ndb:[\"$\",\"div\",null,\"$dc\"]\ne1:[\"$\",\"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]}]\ne2:[\"$\",\"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]}]\ne0:[\"$e1\",\"$e2\"]\ndf:{\"className\":\"inline-block\",\"children\":\"$e0\"}\nde:[\"$\",\"div\",null,\"$df\"]\nda:[\"$db\",\"$de\"]\nd9:{\"className\":\"flex flex-col items-center justify-center md:flex-row\",\"children\":\"$da\"}\nd8:[\"$\",\"div\",null,\"$d9\"]\ne8:[\"$\",\"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 tran"])</script><script>self.__next_f.push([1,"sition-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\"}]]}]]]}]\ne7:{\"children\":\"$e8\"}\ne6:[\"$\",\"div\",null,\"$e7\"]\nec:[\"$\",\"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]}]\ned:[\"$\",\"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]}]\neb:[\"$ec\",\"$ed\"]\nea:{\"className\":\"inline-block\",\"children\":\"$eb\"}\ne9:[\"$\",\"div\",null,\"$ea\"]\ne5:[\"$e6\",\"$e9\"]\ne4:{\"className\":\"flex flex-col items-center justify-center md:flex-row\",\"children\":\"$e5\"}\ne3:[\"$\",\"div\",null,\"$e4\"]\n"])</script><script>self.__next_f.push([1,"d3:[[\"$\",\"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\":[\"$\",\"$L45\",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\":\"$d4\"}]]}]}]}]}]}],[\"$\",\"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\":[\"$\",\"$L45\",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\":\"$d8\"}]]}]}],[\"$\",\"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\":[\"$\",\"$L45\",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\":\"$e3\"}]]}]}]]}]}]}]]\n"])</script><script>self.__next_f.push([1,"63:[\"$\",\"$Lee\",null,{\"gridColor\":\"orange-neon\",\"textLinks\":[\"/nab-2025\"],\"children\":[\"$\",\"$L3f\",null,{\"scrollToValue\":true,\"children\":[[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-sm leading-normal font-normal normal-case max-w-32 break-words [text-wrap:pretty] sm:[text-wrap:balance] md:text-base\",\"children\":[null,null,null,null,[\"Join us poolside at NAB Show, April 7 \u0026 8 in Las Vegas. \",[\"$\",\"$L45\",null,{\"href\":\"https://www.mux.com/nab-2025\",\"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,[\"Book time to chat\"],null]}],\".\"],null]}]]}]}]\n9c:[\"$\",\"$Lee\",null,{\"gridColor\":\"blue-neon\",\"textLinks\":[\"/nab-2025\"],\"children\":[\"$\",\"$L3f\",null,{\"scrollToValue\":true,\"children\":[[\"$\",\"p\",null,{\"className\":\"font-body tracking-wide text-sm leading-normal font-normal normal-case max-w-32 break-words [text-wrap:pretty] sm:[text-wrap:balance] md:text-base\",\"children\":[null,null,null,null,[\"Join us poolside at NAB Show, April 7 \u0026 8 in Las Vegas. \",[\"$\",\"$L45\",null,{\"href\":\"https://www.mux.com/nab-2025\",\"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,[\"Book time to chat\"],null]}],\".\"],null]}]]}]}]\n"])</script></body></html>