1<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"> 2<meta name="viewport" content="width=device-width, initial-scale=1"> 3<title>Vue AudioMotion Analyzer · Vue AudioMotion Analyzer</title> 4<meta name="twitter:card" content="summary_large_image"> 5<meta name="description" content="Vue plugin for audioMotion-analyzer"> 6<meta property="og:description" content="Vue plugin for audioMotion-analyzer"> 7<meta property="og:image" content="https://user-images.githubusercontent.com/904724/185365452-87b7ca7b-6030-4813-a2db-5e65c785bf88.png"> 8<meta property="og:title" content="Vue AudioMotion Analyzer"> 9<link rel="search" type="application/opensearchdescription+xml" href="opensearch.xml"> 10<link rel="preload" as="fetch" crossorigin="anonymous" href="/_payload.json"> 11<link rel="stylesheet" href="/_nuxt/entry.Bg46Oa_E.css"> 12<link rel="stylesheet" href="/_nuxt/DocumentDrivenNotFound.FvlpTDBc.css"> 13<link rel="stylesheet" href="/_nuxt/ButtonLink.BjR98Ve5.css"> 14<link rel="stylesheet" href="/_nuxt/page.CtlZCVLb.css"> 15<link rel="stylesheet" href="/_nuxt/Ellipsis.rBgM-7kw.css"> 16<link rel="stylesheet" href="/_nuxt/BlockHero.DtA3yYDj.css"> 17<link rel="stylesheet" href="/_nuxt/Terminal.P3rhB-R8.css"> 18<link rel="stylesheet" href="/_nuxt/VideoPlayer.DE5D6QVN.css"> 19<link rel="stylesheet" href="/_nuxt/List.qtSO-wXN.css"> 20<link rel="stylesheet" href="/_nuxt/ProseStrong.Df8f92JT.css"> 21<link rel="stylesheet" href="/_nuxt/ProseA.BeM3dq5t.css"> 22<link rel="stylesheet" href="/_nuxt/DemoAnalyzer.D5nC6RzK.css"> 23<link rel="stylesheet" href="/_nuxt/ProseH2.CrEjqEJg.css"> 24<link rel="stylesheet" href="/_nuxt/CardGrid.CnzTJSn0.css"> 25<link rel="stylesheet" href="/_nuxt/Card.DhPGAuaM.css"> 26<link rel="modulepreload" as="script" crossorigin href="/_nuxt/C0e1xAnF.js"> 27<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DofIIOZW.js"> 28<link rel="modulepreload" as="script" crossorigin href="/_nuxt/CQFC3_aw.js"> 29<link rel="modulepreload" as="script" crossorigin href="/_nuxt/D7MkbVme.js"> 30<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DnbK8euP.js"> 31<link rel="modulepreload" as="script" crossorigin href="/_nuxt/C9bBIh48.js"> 32<link rel="modulepreload" as="script" crossorigin href="/_nuxt/uRp3M2LA.js"> 33<link rel="modulepreload" as="script" crossorigin href="/_nuxt/L1awZwWS.js"> 34<link rel="modulepreload" as="script" crossorigin href="/_nuxt/2ETV-d1z.js"> 35<link rel="modulepreload" as="script" crossorigin href="/_nuxt/uIcezgb_.js"> 36<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DF_z1nkb.js"> 37<link rel="modulepreload" as="script" crossorigin href="/_nuxt/xo1oakz0.js"> 38<link rel="modulepreload" as="script" crossorigin href="/_nuxt/CVK68A8-.js"> 39<link rel="modulepreload" as="script" crossorigin href="/_nuxt/BKuVD7Xt.js"> 40<link rel="modulepreload" as="script" crossorigin href="/_nuxt/Dl5RXvC4.js"> 41<link rel="modulepreload" as="script" crossorigin href="/_nuxt/odN31DdR.js"> 42<link rel="modulepreload" as="script" crossorigin href="/_nuxt/FOilOaZ0.js"> 43<link rel="modulepreload" as="script" crossorigin href="/_nuxt/ySOPOCz6.js"> 44<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DiebO8pv.js"> 45<link rel="modulepreload" as="script" crossorigin href="/_nuxt/Bbi-adqj.js"> 46<link rel="modulepreload" as="script" crossorigin href="/_nuxt/hoe0v-Yl.js"> 47<link rel="modulepreload" as="script" crossorigin href="/_nuxt/4TmmXSef.js"> 48<link rel="modulepreload" as="script" crossorigin href="/_nuxt/BVsJY2tP.js"> 49<link rel="modulepreload" as="script" crossorigin href="/_nuxt/CTP4PaBB.js"> 50<link rel="modulepreload" as="script" crossorigin href="/_nuxt/D2MbOqJm.js"> 51<link rel="modulepreload" as="script" crossorigin href="/_nuxt/EAn_BIkW.js"> 52<link rel="prefetch" as="style" href="/_nuxt/DocsPageLayout.Ce15DWLD.css"> 53<link rel="prefetch" as="style" href="/_nuxt/DocsAside.CjhJ2L-1.css"> 54<link rel="prefetch" as="style" href="/_nuxt/ProseCodeInline.DzAHBjZW.css"> 55<link rel="prefetch" as="style" href="/_nuxt/Alert.C3tCcsMA.css"> 56<link rel="prefetch" as="style" href="/_nuxt/DocsPageBottom.IWdMHDyN.css"> 57<link rel="prefetch" as="style" href="/_nuxt/DocsPrevNext.CZJJ6tgI.css"> 58<link rel="prefetch" as="style" href="/_nuxt/DocsToc.DO6X2I6B.css"> 59<link rel="prefetch" as="style" href="/_nuxt/DocsTocLinks.1QplZl7W.css"> 60<link rel="prefetch" as="script" crossorigin href="/_nuxt/BxFBxzLn.js"> 61<link rel="prefetch" as="script" crossorigin href="/_nuxt/BjSmXlgo.js"> 62<link rel="prefetch" as="script" crossorigin href="/_nuxt/DuwWSp4n.js"> 63<link rel="prefetch" as="script" crossorigin href="/_nuxt/C2q7G2GZ.js"> 64<link rel="prefetch" as="script" crossorigin href="/_nuxt/Clk-jXYE.js"> 65<link rel="prefetch" as="script" crossorigin href="/_nuxt/BmBHZYqK.js"> 66<link rel="prefetch" as="script" crossorigin href="/_nuxt/B-ktW-SY.js"> 67<link rel="prefetch" as="script" crossorigin href="/_nuxt/CzwqaCQp.js"> 68<link rel="prefetch" as="script" crossorigin href="/_nuxt/2bEqhfGq.js"> 69<link rel="prefetch" as="script" crossorigin href="/_nuxt/-KiXzT5I.js"> 70<link rel="prefetch" as="script" crossorigin href="/_nuxt/4cocxAE4.js"> 71<link rel="prefetch" as="style" href="/_nuxt/useStudio.Bv1sZwVP.css"> 72<link rel="prefetch" as="script" crossorigin href="/_nuxt/C0diLDoR.js"> 73<link rel="prefetch" as="style" href="/_nuxt/error-404.CI-cZmbS.css"> 74<link rel="prefetch" as="script" crossorigin href="/_nuxt/Z9s_zL2S.js"> 75<link rel="prefetch" as="style" href="/_nuxt/error-500.5pt5tnmy.css"> 76<link rel="prefetch" as="script" crossorigin href="/_nuxt/DsMQvV9t.js">
77<script type="module" src="/_nuxt/C0e1xAnF.js" crossorigin></script>
77<style id="pinceau-runtime-hydratable">@media{.phy[--]{--puid:bl6hFH-v;}.pv-NS-vUz{max-width:var(--elements-container-maxWidth);padding-left:var(--elements-container-padding-mobile);padding-right:var(--elements-container-padding-mobile);}@media (min-width: 475px){.pv-NS-vUz{padding-left:var(--elements-container-padding-xs);padding-right:var(--elements-container-padding-xs);}}@media (min-width: 640px){.pv-NS-vUz{padding-left:var(--elements-container-padding-sm);padding-right:var(--elements-container-padding-sm);}}@media (min-width: 768px){.pv-NS-vUz{padding-left:var(--elements-container-padding-md);padding-right:var(--elements-container-padding-md);}}} @media{.phy[--]{--puid:8zMYoy-c;}.pc-8zMYoy[data-v-36ea35a8]{---c-cn-top:0;---eih-inset-inline-start:auto;---if-b-inset-inline-end:0px;---ss-e-z-index:10;---wj8-max-width:75%;---t33-height:10rem;---jfd-filter:blur(140px);---y-uj-background:linear-gradient(97.62deg, rgba(0, 71, 225, 0.22) 2.27%, rgba(26, 214, 255, 0.22) 50.88%, rgba(0, 220, 130, 0.22) 98.48%);}} @media{.phy[--]{--puid:4dkF8e-c;}.pc-4dkF8e[data-v-9c5349e0]{---ym9-button-primary:var(--color-primary-600);---a23-button-secondary:var(--color-primary-500);}} @media{.phy[--]{--puid:4dkF8e-v;}.pv-t8rDrq{padding:var(--space-rem-625) var(--space-5);font-size:var(--text-base-fontSize);line-height:var(--text-base-lineHeight);}} @media{.phy[--]{--puid:S1PsK8-c;}.pc-S1PsK8[data-v-9c5349e0]{---ym9-button-primary:var(--color-primary-600);---a23-button-secondary:var(--color-primary-500);}} @media{.phy[--]{--puid:8tbC1u-c;}.pc-8tbC1u[data-v-9c5349e0]{---ym9-button-primary:var(--color-primary-600);---a23-button-secondary:var(--color-primary-500);}} @media{.phy[--]{--puid:r6Gfv4-c;}.pc-r6Gfv4[data-v-36ea35a8]{---c-cn-top:0rem;---eih-inset-inline-start:0px;---if-b-inset-inline-end:auto;---ss-e-z-index:10;---wj8-max-width:40rem;---t33-height:10rem;---jfd-filter:blur(150px);---y-uj-background:linear-gradient(97.62deg, rgba(0, 71, 225, 0.22) 2.27%, rgba(26, 214, 255, 0.22) 50.88%, rgba(0, 220, 130, 0.22) 98.48%);}} </style><style id="pinceau-theme">@media { :root {--pinceau-mq: initial; --docus-search-results-highlight-color: white;--docus-search-results-window-maxHeight: 100%;--docus-search-results-window-maxWidth: 640px;--docus-search-results-window-marginTop: 0;--docus-search-input-borderStyle: solid;--docus-search-input-borderWidth: 1px;--docus-search-backdropFilter: blur(24px);--docus-loadingBar-gradientColorStop3: #0047e1;--docus-loadingBar-gradientColorStop2: #34cdfe;--docus-loadingBar-gradientColorStop1: #00dc82;--docus-loadingBar-height: 3px;--docus-readableLine: 78ch;--docus-footer-height: 145px;--docus-header-height: 64px;--prose-code-inline-padding: 0.2rem 0.375rem 0.2rem 0.375rem;--prose-code-block-backdropFilter: contrast(1);--prose-code-block-border-style: solid;--prose-code-block-border-width: 1px;--prose-tbody-tr-borderBottom-style: dashed;--prose-tbody-tr-borderBottom-width: 1px;--prose-th-textAlign: inherit;--prose-thead-borderBottom-style: solid;--prose-thead-borderBottom-width: 1px;--prose-thead-border-style: solid;--prose-thead-border-width: 0px;--prose-table-textAlign: start;--prose-hr-width: 1px;--prose-hr-style: solid;--prose-li-listStylePosition: outside;--prose-ol-li-markerColor: currentColor;
77--prose-ol-paddingInlineStart: 21px;--prose-ol-listStyleType: decimal;--prose-ul-li-markerColor: currentColor;--prose-ul-paddingInlineStart: 21px;--prose-ul-listStyleType: disc;--prose-blockquote-border-style: solid;--prose-blockquote-border-width: 4px;--prose-blockquote-quotes: '201C' '201D' '2018' '2019';--prose-blockquote-paddingInlineStart: 24px;--prose-a-code-color-hover: currentColor;--prose-a-code-color-static: currentColor;--prose-a-hasCode-borderBottom: none;--prose-a-border-distance: 2px;--prose-a-border-color-hover: currentColor;--prose-a-border-color-static: currentColor;--prose-a-border-style-hover: solid;--prose-a-border-style-static: dashed;--prose-a-border-width: 1px;--prose-a-color-static: inherit;--prose-a-textDecoration: none;--prose-h6-margin: 3rem 0 2rem;--prose-h5-margin: 3rem 0 2rem;--prose-h4-margin: 3rem 0 2rem;--prose-h3-margin: 3rem 0 2rem;--prose-h2-margin: 3rem 0 2rem;--prose-h1-margin: 0 0 2rem;--typography-lead-loose: 2;--typography-lead-relaxed: 1.625;--typography-lead-normal: 1.5;--typography-lead-snug: 1.375;--typography-lead-tight: 1.25;--typography-lead-none: 1;--typography-lead-10: 2.5rem;--typography-lead-9: 2.25rem;--typography-lead-8: 2rem;--typography-lead-7: 1.75rem;--typography-lead-6: 1.5rem;--typography-lead-5: 1.25rem;--typography-lead-4: 1rem;--typography-lead-3: .75rem;--typography-lead-2: .5rem;--typography-lead-1: .025rem;--typography-fontWeight-black: 900;--typography-fontWeight-extrabold: 800;--typography-fontWeight-bold: 700;--typography-fontWeight-semibold: 600;--typography-fontWeight-medium: 500;--typography-fontWeight-normal: 400;--typography-fontWeight-light: 300;--typography-fontWeight-extralight: 200;--typography-fontWeight-thin: 100;--typography-fontSize-9xl: 128px;--typography-fontSize-8xl: 96px;--typography-fontSize-7xl: 72px;--typography-fontSize-6xl: 60px;--typography-fontSize-5xl: 48px;--typography-fontSize-4xl: 36px;--typography-fontSize-3xl: 30px;--typography-fontSize-2xl: 24px;--typography-fontSize-xl: 20px;--typography-fontSize-lg: 18px;--typography-fontSize-base: 16px;--typography-fontSize-sm: 14px;--typography-fontSize-xs: 12px;--typography-letterSpacing-wide: 0.025em;--typography-letterSpacing-tight: -0.025em;--typography-verticalMargin-base: 24px;--typography-verticalMargin-sm: 16px;--elements-border-secondary-hover: [object Object];--elements-backdrop-background: #fffc;--elements-backdrop-filter: saturate(200%) blur(20px);--elements-container-maxWidth: 80rem;--lead-loose: 2;--lead-relaxed: 1.625;--lead-normal: 1.5;--lead-snug: 1.375;--lead-tight: 1.25;--lead-none: 1;--lead-10: 2.5rem;--lead-9: 2.25rem;--lead-8: 2rem;--lead-7: 1.75rem;--lead-6: 1.5rem;--lead-5: 1.25rem;--lead-4: 1rem;--lead-3: .75rem;--lead-2: .5rem;--lead-1: .025rem;--letterSpacing-widest: 0.1em;--letterSpacing-wider: 0.05em;--letterSpacing-wide: 0.025em;--letterSpacing-normal: 0em;--letterSpacing-tight: -0.025em;--letterSpacing-tighter: -0.05em;--fontSize-9xl: 8rem;--fontSize-8xl: 6rem;--fontSize-7xl: 4.5rem;--fontSize-6xl: 3.75rem;--fontSize-5xl: 3rem;--fontSize-4xl: 2.25rem;--fontSize-3xl: 1.875rem;--fontSize-2xl: 1.5rem;--fontSize-xl: 1.25rem;--fontSize-lg: 1.125rem;--fontSize-base: 1rem;--fontSize-sm: 0.875rem;--fontSize-xs: 0.75rem;--fontWeight-black: 900;--fontWeight-extrabold: 800;--fontWeight-bold: 700;--fontWeight-semibold: 600;--fontWeight-medium: 500;--fontWeight-normal: 400;--fontWeight-light: 300;--fontWeight-extralight: 200;--fontWeight-thin: 100;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--font-serif: ui-serif, Georgia, Cambria, Times New Roman, Times, serif;--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;--opacity-total: 1;--opacity-high: 0.8;--opacity-medium: 0.5;--opacity-soft: 0.3;--opacity-light: 0.15;--opacity-bright: 0.1;--opacity-noOpacity: 0;--borderWidth-lg: 3px;--borderWidth-md: 2px;--borderWidth-sm: 1px;--borderWidth-noBorder: 0;--space-rem-875: 0.875rem;--space-rem-625: 0.625rem;--space-rem-375: 0.375rem;--space-rem-125: 0.125rem;--space-px: 1px;--space-128: 32rem;--space-96: 24rem;--space-80: 20rem;--space-72: 18rem;--space-64: 16rem;--space-60: 15rem;--space-56: 14rem;--space-52: 13rem;--space-48: 12rem;--space-44: 11rem;--space-40: 10rem;--space-36: 9rem;
77--space-32: 8rem;--space-28: 7rem;--space-24: 6rem;--space-20: 5rem;--space-16: 4rem;--space-14: 3.5rem;--space-12: 3rem;--space-11: 2.75rem;--space-10: 2.5rem;--space-9: 2.25rem;--space-8: 2rem;--space-7: 1.75rem;--space-6: 1.5rem;--space-5: 1.25rem;--space-4: 1rem;--space-3: 0.75rem;--space-2: 0.5rem;--space-1: 0.25rem;--space-0: 0px;--size-full: 100%;--size-7xl: 80rem;--size-6xl: 72rem;--size-5xl: 64rem;--size-4xl: 56rem;--size-3xl: 48rem;--size-2xl: 42rem;--size-xl: 36rem;--size-lg: 32rem;--size-md: 28rem;--size-sm: 24rem;--size-xs: 20rem;--size-200: 200px;--size-104: 104px;--size-80: 80px;--size-64: 64px;--size-56: 56px;--size-48: 48px;--size-40: 40px;--size-32: 32px;--size-24: 24px;--size-20: 20px;--size-16: 16px;--size-12: 12px;--size-8: 8px;--size-6: 6px;--size-4: 4px;--size-2: 2px;--size-0: 0px;--radii-full: 9999px;--radii-3xl: 1.75rem;--radii-2xl: 1.5rem;--radii-xl: 1rem;--radii-lg: 0.75rem;--radii-md: 0.5rem;--radii-sm: 0.375rem;--radii-xs: 0.25rem;--radii-2xs: 0.125rem;--radii-none: 0px;--shadow-none: 0px 0px 0px 0px transparent;--height-screen: 100vh;--width-screen: 100vw;--color-primary-900: #D0BC25;--color-primary-800: #BFAC22;--color-primary-700: #AD9D1F;--color-primary-600: #9C8E1B;--color-primary-500: #8B7D18;--color-primary-400: #7A6E15;--color-primary-300: #695F12;--color-primary-200: #574F0F;--color-primary-100: #463F0C;--color-primary-50: #342F09;--color-ruby-900: #380011;--color-ruby-800: #700021;--color-ruby-700: #a90032;--color-ruby-600: #e10043;--color-ruby-500: #ff1a5e;--color-ruby-400: #ff4079;--color-ruby-300: #ff6694;--color-ruby-200: #ff8dae;--color-ruby-100: #ffb3c9;--color-ruby-50: #ffd9e4;--color-pink-900: #380025;--color-pink-800: #70004b;--color-pink-700: #a90070;--color-pink-600: #e10095;--color-pink-500: #ff1ab2;--color-pink-400: #ff40bf;--color-pink-300: #ff66cc;--color-pink-200: #ff8dd8;--color-pink-100: #ffb3e5;--color-pink-50: #ffd9f2;--color-purple-900: #190038;--color-purple-800: #330070;--color-purple-700: #4c00a9;--color-purple-600: #6500e1;--color-purple-500: #811aff;--color-purple-400: #9640ff;--color-purple-300: #ab66ff;--color-purple-200: #c08dff;--color-purple-100: #d5b3ff;--color-purple-50: #ead9ff;--color-royalblue-900: #0b0531;--color-royalblue-800: #160a62;--color-royalblue-700: #211093;--color-royalblue-600: #2c15c4;--color-royalblue-500: #4127e8;--color-royalblue-400: #614bec;--color-royalblue-300: #806ff0;--color-royalblue-200: #a093f3;--color-royalblue-100: #c0b7f7;--color-royalblue-50: #dfdbfb;--color-indigoblue-900: #001238;--color-indigoblue-800: #002370;--color-indigoblue-700: #0035a9;--color-indigoblue-600: #0047e1;--color-indigoblue-500: #1a62ff;--color-indigoblue-400: #407cff;--color-indigoblue-300: #6696ff;--color-indigoblue-200: #8db0ff;--color-indigoblue-100: #b3cbff;--color-indigoblue-50: #d9e5ff;--color-blue-900: #00131D;--color-blue-800: #002235;--color-blue-700: #014267;--color-blue-600: #0069A6;--color-blue-500: #1AADFF;--color-blue-400: #64C7FF;--color-blue-300: #A1DDFF;--color-blue-200: #C6EAFF;--color-blue-100: #DFF3FF;--color-blue-50: #F2FAFF;--color-lightblue-900: #002e38;--color-lightblue-800: #005c70;--color-lightblue-700: #008aa9;--color-lightblue-600: #00b9e1;--color-lightblue-500: #1ad6ff;--color-lightblue-400: #40ddff;--color-lightblue-300: #66e4ff;--color-lightblue-200: #8deaff;--color-lightblue-100: #b3f1ff;--color-lightblue-50: #d9f8ff;--color-teal-900: #062a28;--color-teal-800: #0b544f;--color-teal-700: #117d77;--color-teal-600: #16a79e;--color-teal-500: #1cd1c6;--color-teal-400: #36e4da;--color-teal-300: #5fe9e1;--color-teal-200: #87efe9;--color-teal-100: #aff4f0;--color-teal-50: #d7faf8;--color-pear-900: #2a2b09;--color-pear-800: #545512;--color-pear-700: #7e801b;--color-pear-600: #a8aa24;--color-pear-500: #d0d32f;--color-pear-400: #d8da52;--color-pear-300: #e0e274;--color-pear-200: #e8e997;--color-pear-100: #eff0ba;--color-pear-50: #f7f8dc;--color-red-900: #1C0301;--color-red-800: #340A01;--color-red-700: #701704;--color-red-600: #BB2402;--color-red-500: #FF3B10;--color-red-400: #FF7353;--color-red-300: #FFA692;--color-red-200: #FFDED7;--color-red-100: #FFF3F0;--color-red-50: #FFF9F8;--color-orange-900: #381800;--color-orange-800: #702f00;--color-orange-700: #a94700;--color-orange-600: #e15e00;--color-orange-500: #ff7a1a;--color-orange-400: #ff9040;--color-orange-300: #ffa666;--color-orange-200: #ffbd8d;--color-orange-100: #ffd3b3;--color-orange-50: #ffe9d9;--color-yellow-900: #1B1500;--color-yellow-800: #292100;--color-yellow-700: #614E02;--color-yellow-600: #CBA408;--color-yellow-500: #FBCA05;--color-yellow-400: #FFDC4E;--color-yellow-300: #FFE372;--color-yellow-200: #FFF0B1;--color-yellow-100: #FFF6D3;--color-yellow-50: #FFFCEE;--color-green-900: #00190F;--color-green-800: #002817;--color-green-700: #006037;--color-green-600: #00B467;--color-green-500: #0DD885;--color-green-400: #3CEEA5;--color-green-300: #86FBCB;--color-green-200: #C3FFE6;--color-green-100: #DEFFF1;--color-green-50: #ECFFF7;--color-gray-900: #121110;--color-gray-800: #201E1B;--color-gray-700: #36332E;--color-gray-600: #67635D;--color-gray-500: #97948F;--color-gray-400: #ADA9A4;--color-gray-300: #DBD9D3;--color-gray-200: #ECEBE8;
77--color-gray-100: #F6F5F4;--color-gray-50: #FBFBFB;--color-black: #0B0A0A;--color-white: #ffffff;--media-portrait: only screen and (orientation: portrait);--media-landscape: only screen and (orientation: landscape);--media-rm: (prefers-reduced-motion: reduce);--media-2xl: (min-width: 1536px);--media-xl: (min-width: 1280px);--media-lg: (min-width: 1024px);--media-md: (min-width: 768px);--media-sm: (min-width: 640px);--media-xs: (min-width: 475px);--docus-search-results-highlight-backgroundColor: var(--color-primary-500);--docus-search-results-selected-backgroundColor: var(--color-gray-300);--docus-search-results-window-borderRadius: none;--docus-search-results-window-marginX: 0;--docus-search-input-backgroundColor: var(--color-gray-200);--docus-search-input-padding: var(--space-2) var(--space-4);--docus-search-input-gap: var(--space-2);--docus-search-input-fontSize: var(--fontSize-sm);--docus-search-input-borderColor: var(--color-gray-200);--docus-search-input-borderRadius: var(--radii-2xs);--docus-footer-padding: var(--space-4) 0;--docus-header-title-color-hover: var(--color-primary-500);--docus-header-title-color-static: var(--color-gray-900);--docus-header-title-fontWeight: var(--fontWeight-bold);--docus-header-title-fontSize: var(--fontSize-2xl);--docus-header-logo-height: var(--space-6);--docus-body-fontFamily: var(--font-sans);--docus-body-color: var(--color-gray-800);--docus-body-backgroundColor: var(--color-white);--prose-code-inline-fontWeight: var(--typography-fontWeight-normal);--prose-code-inline-fontSize: var(--typography-fontSize-sm);--prose-code-inline-borderRadius: var(--radii-xs);--prose-code-block-pre-padding: var(--typography-verticalMargin-sm);--prose-code-block-margin: var(--typography-verticalMargin-base) 0;--prose-code-block-fontSize: var(--typography-fontSize-sm);--prose-tbody-code-inline-fontSize: var(--typography-fontSize-sm);--prose-tbody-td-padding: var(--typography-verticalMargin-sm);--prose-th-fontWeight: var(--typography-fontWeight-semibold);--prose-th-padding: 0 var(--typography-verticalMargin-sm) var(--typography-verticalMargin-sm) var(--typography-verticalMargin-sm);--prose-table-lineHeight: var(--typography-lead-6);--prose-table-fontSize: var(--typography-fontSize-sm);--prose-table-margin: var(--typography-verticalMargin-base) 0;--prose-hr-margin: var(--typography-verticalMargin-base) 0;--prose-li-margin: var(--typography-verticalMargin-sm) 0;--prose-ol-margin: var(--typography-verticalMargin-base) 0;--prose-ul-margin: var(--typography-verticalMargin-base) 0;--prose-blockquote-margin: var(--typography-verticalMargin-base) 0;--prose-a-code-border-style: var(--prose-a-border-style-static);--prose-a-code-border-width: var(--prose-a-border-width);--prose-a-fontWeight: var(--typography-fontWeight-medium);--prose-img-margin: var(--typography-verticalMargin-base) 0;--prose-strong-fontWeight: var(--typography-fontWeight-semibold);--prose-h6-iconSize: var(--typography-fontSize-base);--prose-h6-fontWeight: var(--typography-fontWeight-semibold);--prose-h6-lineHeight: var(--typography-lead-normal);--prose-h6-fontSize: var(--typography-fontSize-lg);--prose-h5-iconSize: var(--typography-fontSize-lg);--prose-h5-fontWeight: var(--typography-fontWeight-semibold);--prose-h5-lineHeight: var(--typography-lead-snug);--prose-h5-fontSize: var(--typography-fontSize-xl);--prose-h4-iconSize: var(--typography-fontSize-lg);--prose-h4-letterSpacing: var(--typography-letterSpacing-tight);--prose-h4-fontWeight: var(--typography-fontWeight-semibold);--prose-h4-lineHeight: var(--typography-lead-snug);--prose-h4-fontSize: var(--typography-fontSize-2xl);--prose-h3-iconSize: var(--typography-fontSize-xl);--prose-h3-letterSpacing: var(--typography-letterSpacing-tight);--prose-h3-fontWeight: var(--typography-fontWeight-semibold);--prose-h3-lineHeight: var(--typography-lead-snug);--prose-h3-fontSize: var(--typography-fontSize-3xl);--prose-h2-iconSize: var(--typography-fontSize-2xl);--prose-h2-letterSpacing: var(--typography-letterSpacing-tight);--prose-h2-fontWeight: var(--typography-fontWeight-semibold);--prose-h2-lineHeight: var(--typography-lead-tight);--prose-h2-fontSize: var(--typography-fontSize-4xl);--prose-h1-iconSize: var(--typography-fontSize-3xl);--prose-h1-letterSpacing: var(--typography-letterSpacing-tight);--prose-h1-fontWeight: var(--typography-fontWeight-bold);--prose-h1-lineHeight: var(--typography-lead-tight);--prose-h1-fontSize: var(--typography-fontSize-5xl);--prose-p-br-margin: var(--typography-verticalMargin-base) 0 0 0;--prose-p-margin: var(--typography-verticalMargin-base) 0;--prose-p-lineHeight: var(--typography-lead-normal);--prose-p-fontSize: var(--typography-fontSize-base);--typography-color-secondary-900: var(--color-gray-900);--typography-color-secondary-800: var(--color-gray-800);--typography-color-secondary-700: var(--color-gray-700);--typography-color-secondary-600: var(--color-gray-600);--typography-color-secondary-500: var(--color-gray-500);--typography-color-secondary-400: var(--color-gray-400);--typography-color-secondary-300: var(--color-gray-300);--typography-color-secondary-200: var(--color-gray-200);--typography-color-secondary-100: var(--color-gray-100);--typography-color-secondary-50: var(--color-gray-50);--typography-color-primary-900: var(--color-primary-900);--typography-color-primary-800: var(--color-primary-800);--typography-color-primary-700: var(--color-primary-700);--typography-color-primary-600: var(--color-primary-600);--typography-color-primary-500: var(--color-primary-500);--typography-color-primary-400: var(--color-primary-400);--typography-color-primary-300: var(--color-primary-300);--typography-color-primary-200: var(--color-primary-200);--typography-color-primary-100: var(--color-primary-100);--typography-color-primary-50: var(--color-primary-50);--typography-font-code: var(--font-mono);--typography-font-body: var(--font-sans);--typography-font-display: var(--font-sans);--typography-body-backgroundColor: var(--color-white);--typography-body-color: var(--color-black);--elements-state-danger-borderColor-secondary: var(--color-red-200);--elements-state-danger-borderColor-primary: var(--color-red-100);--elements-state-danger-backgroundColor-secondary: var(--color-red-100);--elements-state-danger-backgroundColor-primary: var(--color-red-50);--elements-state-danger-color-secondary: var(--color-red-600);--elements-state-danger-color-primary: var(--color-red-500);--elements-state-warning-borderColor-secondary: var(--color-yellow-200);--elements-state-warning-borderColor-primary: var(--color-yellow-100);--elements-state-warning-backgroundColor-secondary: var(--color-yellow-100);--elements-state-warning-backgroundColor-primary: var(--color-yellow-50);--elements-state-warning-color-secondary: var(--color-yellow-700);--elements-state-warning-color-primary: var(--color-yellow-600);--elements-state-success-borderColor-secondary: var(--color-green-200);--elements-state-success-borderColor-primary: var(--color-green-100);--elements-state-success-backgroundColor-secondary: var(--color-green-100);--elements-state-success-backgroundColor-primary: var(--color-green-50);--elements-state-success-color-secondary: var(--color-green-600);--elements-state-success-color-primary: var(--color-green-500);--elements-state-info-borderColor-secondary: var(--color-blue-200);--elements-state-info-borderColor-primary: var(--color-blue-100);--elements-state-info-backgroundColor-secondary: var(--color-blue-100);--elements-state-info-backgroundColor-primary: var(--color-blue-50);--elements-state-info-color-secondary: var(--color-blue-600);--elements-state-info-color-primary: var(--color-blue-500);--elements-state-primary-borderColor-secondary: var(--color-primary-200);--elements-state-primary-borderColor-primary: var(--color-primary-100);--elements-state-primary-backgroundColor-secondary: var(--color-primary-100);--elements-state-primary-backgroundColor-primary: var(--color-primary-50);--elements-state-primary-color-secondary: var(--color-primary-700);--elements-state-primary-color-primary: var(--color-primary-600);--elements-surface-secondary-backgroundColor: var(--color-gray-200);--elements-surface-primary-backgroundColor: var(--color-gray-100);--elements-surface-background-base: var(--color-gray-100);--elements-border-secondary-static: var(--color-gray-200);--elements-border-primary-hover: var(--color-gray-200);--elements-border-primary-static: var(--color-gray-100);--elements-container-padding-md: var(--space-6);--elements-container-padding-sm: var(--space-6);--elements-container-padding-xs: var(--space-4);--elements-container-padding-mobile: var(--space-4);--elements-text-secondary-color-hover: var(--color-gray-700);--elements-text-secondary-color-static: var(--color-gray-500);--elements-text-primary-color-static: var(--color-gray-900);--text-6xl-lineHeight: var(--lead-none);--text-6xl-fontSize: var(--fontSize-6xl);--text-5xl-lineHeight: var(--lead-none);--text-5xl-fontSize: var(--fontSize-5xl);--text-4xl-lineHeight: var(--lead-10);--text-4xl-fontSize: var(--fontSize-4xl);--text-3xl-lineHeight: var(--lead-9);--text-3xl-fontSize: var(--fontSize-3xl);--text-2xl-lineHeight: var(--lead-8);--text-2xl-fontSize: var(--fontSize-2xl);--text-xl-lineHeight: var(--lead-7);--text-xl-fontSize: var(--fontSize-xl);--text-lg-lineHeight: var(--lead-7);--text-lg-fontSize: var(--fontSize-lg);--text-base-lineHeight: var(--lead-6);--text-base-fontSize: var(--fontSize-base);--text-sm-lineHeight: var(--lead-5);--text-sm-fontSize: var(--fontSize-sm);--text-xs-lineHeight: var(--lead-4);--text-xs-fontSize: var(--fontSize-xs);--color-shadow: var(--color-gray-400);--color-secondary-900: var(--color-gray-900);--color-secondary-800: var(--color-gray-800);--color-secondary-700: var(--color-gray-700);--color-secondary-600: var(--color-gray-600);--color-secondary-500: var(--color-gray-500);--color-secondary-400: var(--color-gray-400);--color-secondary-300: var(--color-gray-300);--color-secondary-200: var(--color-gray-200);--color-secondary-100: var(--color-gray-100);--color-secondary-50: var(--color-gray-50);--prose-code-inline-backgroundColor: var(--typography-color-secondary-100);--prose-code-inline-color: var(--typography-color-secondary-700);--prose-code-block-backgroundColor: var(--typography-color-secondary-100);--prose-code-block-color: var(--typography-color-secondary-700);--prose-code-block-border-color: var(--typography-color-secondary-200);--prose-tbody-tr-borderBottom-color: var(--typography-color-secondary-200);--prose-th-color: var(--typography-color-secondary-600);--prose-thead-borderBottom-color: var(--typography-color-secondary-200);--prose-thead-border-color: var(--typography-color-secondary-300);--prose-hr-color: var(--typography-color-secondary-200);--prose-blockquote-border-color: var(--typography-color-secondary-200);--prose-blockquote-color: var(--typography-color-secondary-500);
77--prose-a-code-background-hover: var(--typography-color-primary-50);--prose-a-code-border-color-hover: var(--typography-color-primary-500);--prose-a-code-border-color-static: var(--typography-color-secondary-400);--prose-a-color-hover: var(--typography-color-primary-500);--shadow-2xl: 0px 25px 50px -12px var(--color-shadow);--shadow-xl: 0px 20px 25px -5px var(--color-shadow), 0px 8px 10px -6px var(--color-shadow);--shadow-lg: 0px 10px 15px -3px var(--color-shadow), 0px 4px 6px -4px var(--color-shadow);--shadow-md: 0px 4px 6px -1px var(--color-shadow), 0px 2px 4px -2px var(--color-shadow);--shadow-sm: 0px 1px 3px 0px var(--color-shadow), 0px 1px 2px -1px var(--color-shadow);--shadow-xs: 0px 1px 2px 0px var(--color-shadow); } }@media { :root.dark {--pinceau-mq: dark; --prose-code-block-backdropFilter: contrast(1);--prose-ol-li-markerColor: currentColor;--prose-ul-li-markerColor: currentColor;--prose-a-code-color-hover: currentColor;--prose-a-code-color-static: currentColor;--prose-a-border-color-hover: currentColor;--prose-a-border-color-static: currentColor;--prose-a-color-static: inherit;--elements-backdrop-background: #0c0d0ccc;--docus-search-results-selected-backgroundColor: var(--color-gray-700);--docus-search-input-backgroundColor: var(--color-gray-800);--docus-search-input-borderColor: transparent;--docus-header-title-color-static: var(--color-gray-100);--docus-body-color: var(--color-gray-200);--docus-body-backgroundColor: var(--color-black);--typography-body-backgroundColor: var(--color-black);--typography-body-color: var(--color-white);--elements-state-danger-borderColor-secondary: var(--color-red-700);--elements-state-danger-borderColor-primary: var(--color-red-800);--elements-state-danger-backgroundColor-secondary: var(--color-red-800);--elements-state-danger-backgroundColor-primary: var(--color-red-900);--elements-state-danger-color-secondary: var(--color-red-200);--elements-state-danger-color-primary: var(--color-red-300);--elements-state-warning-borderColor-secondary: var(--color-yellow-700);--elements-state-warning-borderColor-primary: var(--color-yellow-800);--elements-state-warning-backgroundColor-secondary: var(--color-yellow-800);--elements-state-warning-backgroundColor-primary: var(--color-yellow-900);--elements-state-warning-color-secondary: var(--color-yellow-200);--elements-state-warning-color-primary: var(--color-yellow-400);--elements-state-success-borderColor-secondary: var(--color-green-700);--elements-state-success-borderColor-primary: var(--color-green-800);--elements-state-success-backgroundColor-secondary: var(--color-green-800);--elements-state-success-backgroundColor-primary: var(--color-green-900);--elements-state-success-color-secondary: var(--color-green-200);--elements-state-success-color-primary: var(--color-green-400);--elements-state-info-borderColor-secondary: var(--color-blue-700);--elements-state-info-borderColor-primary: var(--color-blue-800);--elements-state-info-backgroundColor-secondary: var(--color-blue-800);--elements-state-info-backgroundColor-primary: var(--color-blue-900);--elements-state-info-color-secondary: var(--color-blue-200);--elements-state-info-color-primary: var(--color-blue-400);--elements-state-primary-borderColor-secondary: var(--color-primary-700);--elements-state-primary-borderColor-primary: var(--color-primary-800);--elements-state-primary-backgroundColor-secondary: var(--color-primary-800);--elements-state-primary-backgroundColor-primary: var(--color-primary-900);--elements-state-primary-color-secondary: var(--color-primary-200);--elements-state-primary-color-primary: var(--color-primary-400);--elements-surface-secondary-backgroundColor: var(--color-gray-800);--elements-surface-primary-backgroundColor: var(--color-gray-900);--elements-surface-background-base: var(--color-gray-900);--elements-border-secondary-static: var(--color-gray-800);--elements-border-primary-hover: var(--color-gray-800);--elements-border-primary-static: var(--color-gray-900);--elements-text-secondary-color-hover: var(--color-gray-200);--elements-text-secondary-color-static: var(--color-gray-400);--elements-text-primary-color-static: var(--color-gray-50);--color-shadow: var(--color-gray-800);--prose-code-inline-backgroundColor: var(--typography-color-secondary-800);--prose-code-inline-color: var(--typography-color-secondary-200);--prose-code-block-backgroundColor: var(--typography-color-secondary-900);--prose-code-block-color: var(--typography-color-secondary-200);--prose-code-block-border-color: var(--typography-color-secondary-800);--prose-tbody-tr-borderBottom-color: var(--typography-color-secondary-800);--prose-th-color: var(--typography-color-secondary-400);--prose-thead-borderBottom-color: var(--typography-color-secondary-800);--prose-thead-border-color: var(--typography-color-secondary-600);--prose-hr-color: var(--typography-color-secondary-800);--prose-blockquote-border-color: var(--typography-color-secondary-700);--prose-blockquote-color: var(--typography-color-secondary-400);
77--prose-a-code-background-hover: var(--typography-color-primary-900);--prose-a-code-border-color-hover: var(--typography-color-primary-600);--prose-a-code-border-color-static: var(--typography-color-secondary-600);--prose-a-color-hover: var(--typography-color-primary-400); } }@media (min-width: 640px) { :root {--pinceau-mq: sm; --docus-search-results-window-maxHeight: 320px;--docus-search-results-window-marginTop: 20vh;--docus-footer-height: 100px;--docus-search-results-window-borderRadius: var(--radii-xs);--docus-search-results-window-marginX: var(--space-4);--docus-header-logo-height: var(--space-7); } }</style>
77<script>"use strict";(()=>{const a=window,e=document.documentElement,c=window.localStorage,d=["dark","light"],n=c&&c.getItem&&c.getItem("nuxt-color-mode")||"system";let l=n==="system"?f():n;const i=e.getAttribute("data-color-mode-forced");i&&(l=i),r(l),a["__NUXT_COLOR_MODE__"]={preference:n,value:l,getColorScheme:f,addColorScheme:r,removeColorScheme:u};function r(o){const t=""+o+"",s="theme";e.classList?e.classList.add(t):e.className+=" "+t,s&&e.setAttribute("data-"+s,o)}function u(o){const t=""+o+"",s="theme";e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp(t,"g"),""),s&&e.removeAttribute("data-"+s)}function m(o){return a.matchMedia("(prefers-color-scheme"+o+")")}function f(){if(a.matchMedia&&m("").media!=="not all"){for(const o of d)if(m(":"+o).matches)return o}return"light"}})(); 78</script>
78</head><body><!----><!--teleport anchor--><!----><!--teleport anchor--><div id="__nuxt"><div class="app-layout" data-v-3f494c8a><div class="nuxt-progress" style="width:0%;opacity:0;background-size:Infinity% auto;" data-v-3f494c8a></div><header class="has-dialog" data-v-3f494c8a data-v-87b4a4d1><div class="container pv-NS-vUz pc-bl6hFH" data-v-87b4a4d1 data-v-470250e5><!--[--><div class="section left" data-v-87b4a4d1><!--[--><button aria-label="Menu" data-v-a3b30b43><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="img" class="icon" data-v-a3b30b43 style="" width="1em" height="1em" viewBox="0 0 24 24" data-v-bd0552ea><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg></button><!--teleport start--><!--teleport end--><!--]--><a aria-current="page" href="/" class="router-link-active router-link-exact-active navbar-logo" aria-label="Vue AudioMotion Analyzer" data-v-87b4a4d1 data-v-782d0ee5><span class="title" data-v-782d0ee5>Vue AudioMotion Analyzer</span></a></div><div class="section center" data-v-87b4a4d1><a aria-current="page" href="/" class="router-link-active router-link-exact-active navbar-logo" aria-label="Vue AudioMotion Analyzer" data-v-87b4a4d1 data-v-782d0ee5><span class="title" data-v-782d0ee5>Vue AudioMotion Analyzer</span></a><!----></div><div class="section right" data-v-87b4a4d1><!--[--><button type="button" aria-label="Search" data-v-77f7da00><span class="content" data-v-77f7da00><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" data-v-77f7da00 style="" width="1em" height="1em" viewBox="0 0 24 24" data-v-bd0552ea><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m21 21l-6-6m2-5a7 7 0 1 1-14 0a7 7 0 0 1 14 0"/></svg><span data-v-77f7da00>Search</span><span data-v-77f7da00><kbd data-v-77f7da00>â</kbd><kbd data-v-77f7da00>K</kbd></span></span></button><!--teleport start--><!--teleport end--><!--]--><button aria-label="Color Mode" data-v-87b4a4d1 data-v-9491fc2a><span data-v-9491fc2a>...</span></button><div class="social-icons" data-v-87b4a4d1><!--[--><a href="https://github.com/vernaillen/vue-audiomotion-analyzer" rel="noopener noreferrer" target="_blank" title="vernaillen/vue-audiomotion-analyzer" aria-label="vernaillen/vue-audiomotion-analyzer" data-v-e12b65c2><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" data-v-e12b65c2 style="" width="1em" height="1em" viewBox="0 0 496 512" data-v-bd0552ea><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6c-3.3.3-5.6-1.3-5.6-3.6c0-2 2.3-3.6 5.2-3.6c3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9c2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9c.3 2 2.9 3.3 5.9 2.6c2.9-.7 4.9-2.6 4.6-4.6c-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2c12.8 2.3 17.3-5.6 17.3-12.1c0-6.2-.3-40.4-.3-61.4c0 0-70 15-84.7-29.8c0 0-11.4-29.1-27.8-36.6c0 0-22.9-15.7 1.6-15.4c0 0 24.9 2 38.6 25.8c21.9 38.6 58.6 27.5 72.9 20.9c2.3-16 8.8-27.1 16-33.7c-55.9-6.2-112.3-14.3-112.3-110.5c0-27.5 7.6-41.3 23.6-58.9c-2.6-6.5-11.1-33.3 2.6-67.9c20.9-6.5 69 27 69 27c20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27c13.7 34.7 5.2 61.4 2.6 67.9c16 17.7 25.8 31.5 25.8 58.9c0 96.5-58.9 104.2-114.8 110.5c9.2 7.9 17 22.9 17 46.4c0 33.7-.3 75.4-.3 83.6c0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252C496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2c1.6 1.6 3.9 2.3 5.2 1c1.3-1 1-3.3-.7-5.2c-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9c1.6 1 3.6.7 4.3-.7c.7-1.3-.3-2.9-2.3-3.9c-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2c2.3 2.3 5.2 2.6 6.5 1c1.3-1.3.7-4.3-1.3-6.2c-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2c-1.4-2.3-4-3.3-5.6-2"/></svg></a><!--]--></div></div><!--]--></div></header><main data-v-3f494c8a><!--[--><div class="document-driven-page"><div class="page-layout" data-v-36629f61><div class="container pv-NS-vUz pc-dBNSu9" data-v-36629f61 data-v-470250e5><!--[--><article data-v-36629f61><!--[--><div><div class="ellipsis pc-8zMYoy" data-v-36ea35a8><div class="ellipsis-item" data-v-36ea35a8></div></div><section class="block-hero" data-v-9642a01b><div class="layout" data-v-9642a01b><div class="content" data-v-9642a01b><!----><h1 class="title" data-v-9642a01b><!--[-->Vue AudioMotion Analyzer<!--]--></h1><p class="description" data-v-9642a01b><!--[-->high-resolution real-time audio spectrum analyzer.<!--]--></p><div class="extra" data-v-9642a01b><!--[--><ul data-v-60d9364f><li data-v-60d9364f><span class="list-icon primary" data-v-60d9364f><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" data-v-60d9364f style="" width="1em" height="1em" viewBox="0 0 24 24" data-v-bd0552ea><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m5 13l4 4L19 7"/></svg></span><span data-v-60d9364f><!--[--><!--[--><strong data-v-60d9364f data-v-3f569f2b><!--[-->Vue/Vite plugin<!--]--></strong> wrapping <a href="https://audiomotion.dev/" rel="nofollow" target="blank" data-v-60d9364f data-v-5938a93d><!--[-->Henrique Vianna's <strong data-v-3f569f2b><!--[-->audioMotion-analyzer<!--]--></strong><!--]--></a>
78<!--]--><!--]--></span></li><li data-v-60d9364f><span class="list-icon primary" data-v-60d9364f><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" data-v-60d9364f style="" width="1em" height="1em" viewBox="0 0 24 24" data-v-bd0552ea><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m5 13l4 4L19 7"/></svg></span><span data-v-60d9364f><!--[--><!--[-->Easy to add to any <strong data-v-60d9364f data-v-3f569f2b><!--[-->Vue<!--]--></strong> or <strong data-v-60d9364f data-v-3f569f2b><!--[-->Nuxt<!--]--></strong> project<!--]--><!--]--></span></li></ul><!--]--></div><div class="actions" data-v-9642a01b><!--[--><a href="/guide" class="button-link pv-t8rDrq pc-4dkF8e cta" bold data-v-9642a01b data-v-9c5349e0><!----><!--[-->Get Started<!--]--></a><a href="https://github.com/vernaillen/vue-audiomotion-analyzer" class="secondary" data-v-9642a01b>Code on GitHub â</a><!--]--></div></div><div class="support" data-v-9642a01b><!--[--><div class="terminal" data-v-9642a01b data-v-b99a7cfb><!----><div class="header" data-v-b99a7cfb><div class="controls" data-v-b99a7cfb><div data-v-b99a7cfb></div><div data-v-b99a7cfb></div><div data-v-b99a7cfb></div></div><div class="title" data-v-b99a7cfb> Bash </div></div><div class="window" data-v-b99a7cfb><!--[--><span class="line" data-v-b99a7cfb><span class="sign" data-v-b99a7cfb>$</span><span class="content" data-v-b99a7cfb>pnpm install vue-audiomotion-analyzer</span></span><!--]--></div><div class="prompt" data-v-b99a7cfb> Click to copy </div></div><!--]--></div></div></section><main id="demoAnalyzer"><audio id="audio" src="https://ice2.somafm.com/beatblender-128-mp3" crossorigin="anonymous"></audio><div><a class="button-link pv-t8rDrq pc-S1PsK8 playButton" data-v-9c5349e0><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" data-v-9c5349e0 style="" width="1em" height="1em" viewBox="0 0 24 24" data-v-bd0552ea><path fill="currentColor" d="M8 19V5l11 7z"/></svg><!--[--> Play <!--]--></a><!----><span> (Live stream: <a href="https://somafm.com/beatblender/" rel="noopener" target="_blank">Soma FM Beat Blender</a>) </span></div><div><img src="/analyzerscreenreording.gif" alt="animated gif of analyzer"></div></main><a href="https://stackblitz.com/github/vernaillen/vue-audiomotion-analyzer/" rel="noopener noreferrer" target="_blank" class="button-link pv-t8rDrq pc-8tbC1u" data-v-9c5349e0><svg viewbox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon" width="1em" height="1em" data-v-9c5349e0 data-v-bd0552ea><path d="M11.46 14.773H4L17.638 0l-3.671 10.227h7.46L7.788 25l3.671-10.227h.001Z" fill="currentColor"></path></svg><!--[-->Run on StackBlitz<!--]--></a><div style="margin:20px"></div><h2 id="more-demos" data-v-3661dd94><a aria-current="page" href="/#more-demos" class="router-link-active router-link-exact-active" data-v-3661dd94><!--[-->More Demo's<!--]--><!----></a></h2><ul data-v-60d9364f><li data-v-60d9364f><span class="list-icon primary" data-v-60d9364f><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" data-v-60d9364f style="" width="1em" height="1em" viewBox="0 0 24 24" data-v-bd0552ea><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m5 13l4 4L19 7"/></svg></span><span data-v-60d9364f><!--[--><!--[--><a href="https://demo.vue-audiomotion-analyzer.dev/" rel="nofollow" target="blank" data-v-60d9364f data-v-5938a93d><!--[-->Full Vue Demo<!--]--></a> with customizable options - <a href="https://github.com/vernaillen/vue-audiomotion-analyzer/tree/main/examples/demo" rel="nofollow" target="blank" data-v-60d9364f data-v-5938a93d><!--[--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" style="" width="1em" height="1em" viewBox="0 0 24 24" data-v-bd0552ea><path fill="currentColor" d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03
781.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"/></svg> demo code on GitHub<!--]--></a><!--]--><!--]--></span></li><li data-v-60d9364f><span class="list-icon primary" data-v-60d9364f><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" data-v-60d9364f style="" width="1em" height="1em" viewBox="0 0 24 24" data-v-bd0552ea><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m5 13l4 4L19 7"/></svg></span><span data-v-60d9364f><!--[--><!--[--><a href="https://demo-nuxt.vue-audiomotion-analyzer.dev/" rel="nofollow" target="blank" data-v-60d9364f data-v-5938a93d><!--[-->Nuxt Demo<!--]--></a> - <a href="https://github.com/vernaillen/vue-audiomotion-analyzer/tree/main/examples/demo-nuxt" rel="nofollow" target="blank" data-v-60d9364f data-v-5938a93d><!--[--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" style="" width="1em" height="1em" viewBox="0 0 24 24" data-v-bd0552ea><path fill="currentColor" d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"/></svg> demo-nuxt code on GitHub<!--]--></a><!--]--><!--]--></span></li></ul><div style="margin:80px"></div><section class="card-grid" data-v-2c8aeffc><!--[--><div class="ellipsis pc-r6Gfv4" data-v-36ea35a8><div class="ellipsis-item" data-v-36ea35a8></div></div><!--]--><h2 class="title" data-v-2c8aeffc><!--[-->Features<!--]--></h2><div class="layout" data-v-2c8aeffc><!--[--><div class="card" data-v-b13e8ce9><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" data-v-b13e8ce9 style="" width="1em" height="1em" viewBox="0 0 16 16" data-v-bd0552ea><path fill="currentColor" d="M4.708 5.578L2.061 8.224l2.647 2.646l-.708.708l-3-3V7.87l3-3zm7-.708L11 5.578l2.647 2.646L11 10.87l.708.708l3-3V7.87zM4.908 13l.894.448l5-10L9.908 3z"/></svg><!--[--><!--]--><div data-v-b13e8ce9><h3 class="title" data-v-b13e8ce9><!--[-->Simple to add, yet customizable<!--]--></h3><p class="description" data-v-b13e8ce9><!--[-->Minimal setup, easy to add to your Vue project<br data-v-b13e8ce9> 79Easy to configure, yet very customizable<!--]--></p></div></div><div class="card" data-v-b13e8ce9><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" data-v-b13e8ce9 style="" width="1em" height="1em" viewBox="0 0 256 221" data-v-bd0552ea><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0z"/><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0z"/><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0z"/></svg><!--[--><!--]--><div data-v-b13e8ce9><h3 class="title" data-v-b13e8ce9><!--[-->Vue Powered<!--]--></h3><p class="description" data-v-b13e8ce9><!--[-->Enjoy both the dev experience of Vue as the full functionality of the audioMotion Analyzer<!--]--></p></div></div><div class="card" data-v-b13e8ce9><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" data-v-b13e8ce9 style="" width="1em" height="1em" viewBox="0 0 256 168" data-v-bd0552ea><path fill="#00DC82" d="M143.618 167.029h95.166c3.023 0 5.992-.771 8.61-2.237a16.96 16.96 0 0 0 6.302-6.115a16.3 16.3 0 0 0 2.304-8.352c0-2.932-.799-5.811-2.312-8.35L189.778 34.6a16.97 16.97 0 0 0-6.301-6.113a17.6 17.6 0 0 0-8.608-2.238c-3.023 0-5.991.7
7972-8.609 2.238a16.96 16.96 0 0 0-6.3 6.113l-16.342 27.473l-31.95-53.724a17 17 0 0 0-6.304-6.112A17.64 17.64 0 0 0 96.754 0c-3.022 0-5.992.772-8.61 2.237a17 17 0 0 0-6.303 6.112L2.31 141.975a16.3 16.3 0 0 0-2.31 8.35c0 2.932.793 5.813 2.304 8.352a16.96 16.96 0 0 0 6.302 6.115a17.6 17.6 0 0 0 8.61 2.237h59.737c23.669 0 41.123-10.084 53.134-29.758l29.159-48.983l15.618-26.215l46.874 78.742h-62.492zm-67.64-26.24l-41.688-.01L96.782 35.796l31.181 52.492l-20.877 35.084c-7.976 12.765-17.037 17.416-31.107 17.416"/></svg><!--[--><!--]--><div data-v-b13e8ce9><h3 class="title" data-v-b13e8ce9><!--[-->Nuxt ready<!--]--></h3><p class="description" data-v-b13e8ce9><!--[-->Check out the <a href="https://demo-nuxt.vue-audiomotion-analyzer.dev/" rel="nofollow" data-v-b13e8ce9 data-v-5938a93d><!--[-->Nuxt Demo<!--]--></a><!--]--></p></div></div><!--]--></div></section></div><!--]--></article><!--]--></div></div></div><!--]--></main><footer data-v-3f494c8a data-v-d85a52bc><div class="container pv-NS-vUz pc-8kv9rQ footer-container" data-v-d85a52bc data-v-470250e5><!--[--><div class="left" data-v-d85a52bc><a href="https://vernaillen.dev" rel="noopener" target="_blank" data-v-d85a52bc><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon left-icon" data-v-d85a52bc style="" width="1em" height="1em" viewBox="0 0 24 24" data-v-bd0552ea><path fill="currentColor" d="M11.88 9.14c1.28.06 1.61 1.15 1.63 1.66h1.79c-.08-1.98-1.49-3.19-3.45-3.19C9.64 7.61 8 9 8 12.14c0 1.94.93 4.24 3.84 4.24c2.22 0 3.41-1.65 3.44-2.95h-1.79c-.03.59-.45 1.38-1.63 1.44c-1.31-.04-1.86-1.06-1.86-2.73c0-2.89 1.28-2.98 1.88-3M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8"/></svg><p data-v-d85a52bc>Vue plugin © 2023 Wouter Vernaillen</p></a></div><div class="center" data-v-d85a52bc><!--[--><a href="https://audiomotion.dev/" rel="noopener noreferrer" target="_blank" class="text-link" aria-label="audioMotion-analyzer © 2018-2021 Henrique Avila Vianna" data-v-d85a52bc>audioMotion-analyzer © 2018-2021 Henrique Avila Vianna</a><!--]--></div><div class="right" data-v-d85a52bc><!--[--><a class="icon-link" href="https://vernaillen.dev" target="_blank" rel="noopener noreferrer" data-v-d85a52bc><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" data-v-d85a52bc style="" width="1em" height="1em" viewBox="0 0 24 24" data-v-bd0552ea><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M6.818 22v-2.857C6.662 17.592 5.633 16.416 4.682 15m9.772 7v-1.714c4.91 0 4.364-5.714 4.364-5.714s2.182 0 2.182-2.286l-2.182-3.428c0-4.572-3.709-6.816-7.636-6.857c-2.2-.023-3.957.53-5.27 1.499"/><path d="m13 7l2 2.5l-2 2.5M5 7L3 9.5L5 12m5-6l-2 7"/></g></svg></a><!--]--><!--[--><a href="https://github.com/vernaillen/vue-audiomotion-analyzer" rel="noopener noreferrer" target="_blank" title="vernaillen/vue-audiomotion-analyzer" aria-label="vernaillen/vue-audiomotion-analyzer" data-v-e12b65c2><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" data-v-e12b65c2 style="" width="1em" height="1em" viewBox="0 0 496 512" data-v-bd0552ea><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6c-3.3.3-5.6-1.3-5.6-3.6c0-2 2.3-3.6 5.2-3.6c3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9c2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9c.3 2 2.9 3.3 5.9 2.6c2.9-.7 4.9-2.6 4.6-4.6c-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2c12.8 2.3 17.3-5.6 17.3-12.1c0-6.2-.3-40.4-.3-61.4c0 0-70 15-84.7-29.8c0 0-11.4-29.1-27.8-36.6c0 0-22.9-15.7 1.6-15.4c0 0 24.9 2 38.6 25.8c21.9 38.6 58.6 27.5 72.9 20.9c2.3-16 8.8-27.1 16-33.7c-55.9-6.2-112.3-14.3-112.3-110.5c0-27.5 7.6-41.3 23.6-58.9c-2.6-6.5-11.1-33.3 2.6-67.9c20.9-6.5 69 27 69 27c20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27c13.7 34.7 5.2 61.4 2.6 67.9c16 17.7 25.8 31.5 25.8 58.9c0 96.5-58.9 104.2-114.8 110.5c9.2 7.9 17 22.9 17 46.4c0 33.7-.3 75.4-.3 83.6c0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252C496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2c1.6 1.6 3.9 2.3 5.2 1c1.3-1 1-3.3-.7-5.2c-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9c1.6 1 3.6.7 4.3-.7c.7-1.3-.3-2.9-2.3-3.9c-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2c2.3 2.3 5.2 2.6 6.5 1c1.3-1.3.7-4.3-1.3-6.2c-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2c-1.4-2.3-4-3.3-5.6-2"/></svg></a>
79<!--]--></div><!--]--></div></footer></div></div><div id="teleports"></div>
79<script type="application/json" id="__NUXT_DATA__" data-ssr="true" data-src="/_payload.json">[{"state":1,"once":350,"_errors":352,"serverRendered":303,"path":7,"prerenderedAt":354},["Reactive",2],{"$sdd-pages":3,"$sdd-surrounds":288,"$sdd-globals":299,"$scolor-mode":301,"$sdd-navigation":304,"$sicons":319},["ShallowRef",4],["ShallowReactive",5],{"/":6},{"_path":7,"_dir":8,"_draft":9,"_partial":9,"_locale":8,"title":10,"description":8,"layout":11,"body":12,"_type":283,"_id":284,"_source":285,"_file":286,"_extension":287},"/","",false,"Vue AudioMotion Analyzer","page",{"type":13,"children":14,"toc":279},"root",[15,23,105,109,118,123,130,182,186],{"type":16,"tag":17,"props":18,"children":22},"element","ellipsis",{"blur":19,"width":20,"right":21},"140px","75%","0px",[],{"type":16,"tag":24,"props":25,"children":29},"block-hero",{":cta":26,":secondary":27,"snippet":28},"[\"Get Started\",\"/guide\"]","[\"Code on GitHub â\",\"https://github.com/vernaillen/vue-audiomotion-analyzer\"]","pnpm install vue-audiomotion-analyzer",[30,40,48],{"type":16,"tag":31,"props":32,"children":33},"template",{"v-slot:title":8},[34],{"type":16,"tag":35,"props":36,"children":37},"p",{},[38],{"type":39,"value":10},"text",{"type":16,"tag":31,"props":41,"children":42},{"v-slot:description":8},[43],{"type":16,"tag":35,"props":44,"children":45},{},[46],{"type":39,"value":47},"high-resolution real-time audio spectrum analyzer.",{"type":16,"tag":31,"props":49,"children":50},{"v-slot:extra":8},[51],{"type":16,"tag":52,"props":53,"children":54},"list",{},[55],{"type":16,"tag":56,"props":57,"children":58},"ul",{},[59,86],{"type":16,"tag":60,"props":61,"children":62},"li",{},[63,69,71],{"type":16,"tag":64,"props":65,"children":66},"strong",{},[67],{"type":39,"value":68},"Vue/Vite plugin",{"type":39,"value":70}," wrapping ",{"type":16,"tag":72,"props":73,"children":78},"a",{"href":74,"rel":75,"target":77},"https://audiomotion.dev/",[76],"nofollow","blank",[79,81],{"type":39,"value":80},"Henrique Vianna's ",{"type":16,"tag":64,"props":82,"children":83},{},[84],{"type":39,"value":85},"audioMotion-analyzer",{"type":16,"tag":60,"props":87,"children":88},{},[89,91,96,98,103],{"type":39,"value":90},"Easy to add to any ",{"type":16,"tag":64,"props":92,"children":93},{},[94],{"type":39,"value":95},"Vue",{"type":39,"value":97}," or ",{"type":16,"tag":64,"props":99,"children":100},{},[101],{"type":39,"value":102},"Nuxt",{"type":39,"value":104}," project",{"type":16,"tag":106,"props":107,"children":108},"demo-analyzer",{},[],{"type":16,"tag":110,"props":111,"children":115},"button-link",{":blank":112,"href":113,"icon":114},"true","https://stackblitz.com/github/vernaillen/vue-audiomotion-analyzer/","IconStackBlitz",[116],{"type":39,"value":117},"Run on StackBlitz",{"type":16,"tag":119,"props":120,"children":122},"div",{"style":121},"margin:20px",[],{"type":16,"tag":124,"props":125,"children":127},"h2",{"id":126},"more-demos",[128],{"type":39,"value":129},"More Demo's",{"type":16,"tag":52,"props":131,"children":132},{},[133],{"type":16,"tag":56,"props":134,"children":135},{},[136,160],{"type":16,"tag":60,"props":137,"children":138},{},[139,146,148],{"type":16,"tag":72,"props":140,"children":143},{"href":141,"rel":142,"target":77},"https://demo.vue-audiomotion-analyzer.dev/",[76],[144],{"type":39,"value":145},"Full Vue Demo",{"type":39,"value":147}," with customizable options - ",{"type":16,"tag":72,"props":149,"children":152},{"href":150,"rel":151,"target":77},"https://github.com/vernaillen/vue-audiomotion-analyzer/tree/main/examples/demo",[76],[153,158],{"type":16,"tag":154,"props":155,"children":157},"icon",{"name":156},"mdi:github",[],{"type":39,"value":159}," demo code on GitHub",{"type":16,"tag":60,"props":161,"children":162},{},[163,170,172],{"type":16,"tag":72,"props":164,"children":167},{"href":165,"rel":166,"target":77},"https://demo-nuxt.vue-audiomotion-analyzer.dev/",[76],[168],{"type":39,"value":169},"Nuxt Demo",{"type":39,"value":171}," - ",{"type":16,"tag":72,"props":173,"children":176},{"href":174,"rel":175,"target":77},"https://github.com/vernaillen/vue-audiomotion-analyzer/tree/main/examples/demo-nuxt",[76],[177,180],{"type":16,"tag":154,"props":178,"children":179},{"name":156},[],{"type":39,"value":181}," demo-nuxt code on GitHub",{"type":16,"tag":119,"props":183,"children":185},{"style":184},"margin:80px",[],{"type":16,"tag":187,"props":188,"children":189},"card-grid",{},[190,198,207,234,254],{"type":16,"tag":31,"props":191,"children":192},{"v-slot:title":8},[193],{"type":16,"tag":35,"props":194,"children":195},{},[196],{"type":39,"value":197},"Features",{"type":16,"tag":31,"props":199,"children":200},{"v-slot:root":8},[201],{"type":16,"tag":17,"props":202,"children":206},{"blur":203,"width":204,"left":21,"top":205},"150px","40rem","0rem",[],{"type":16,"tag":208,"props":209,"children":211},"card",{"icon":210},"codicon:code",[212,220],{"type":16,"tag":31,"props":213,"children":214},{"v-slot:title":8},[215],{"type":16,"tag":35,"props":216,"children":217},{}
79,[218],{"type":39,"value":219},"Simple to add, yet customizable",{"type":16,"tag":31,"props":221,"children":222},{"v-slot:description":8},[223],{"type":16,"tag":35,"props":224,"children":225},{},[226,228,232],{"type":39,"value":227},"Minimal setup, easy to add to your Vue project",{"type":16,"tag":229,"props":230,"children":231},"br",{},[],{"type":39,"value":233},"\nEasy to configure, yet very customizable",{"type":16,"tag":208,"props":235,"children":237},{"icon":236},"logos:vue",[238,246],{"type":16,"tag":31,"props":239,"children":240},{"v-slot:title":8},[241],{"type":16,"tag":35,"props":242,"children":243},{},[244],{"type":39,"value":245},"Vue Powered",{"type":16,"tag":31,"props":247,"children":248},{"v-slot:description":8},[249],{"type":16,"tag":35,"props":250,"children":251},{},[252],{"type":39,"value":253},"Enjoy both the dev experience of Vue as the full functionality of the audioMotion Analyzer",{"type":16,"tag":208,"props":255,"children":257},{"icon":256},"logos:nuxt-icon",[258,266],{"type":16,"tag":31,"props":259,"children":260},{"v-slot:title":8},[261],{"type":16,"tag":35,"props":262,"children":263},{},[264],{"type":39,"value":265},"Nuxt ready",{"type":16,"tag":31,"props":267,"children":268},{"v-slot:description":8},[269],{"type":16,"tag":35,"props":270,"children":271},{},[272,274],{"type":39,"value":273},"Check out the ",{"type":16,"tag":72,"props":275,"children":277},{"href":165,"rel":276},[76],[278],{"type":39,"value":169},{"title":8,"searchDepth":280,"depth":280,"links":281},2,[282],{"id":126,"depth":280,"text":129},"markdown","content:0.index.md","content","0.index.md","md",["ShallowRef",289],["ShallowReactive",290],{"/":291},[292,293],null,{"_path":294,"_dir":8,"_draft":9,"_partial":9,"_locale":8,"title":295,"description":296,"_type":283,"_id":297,"_source":285,"_file":298,"_extension":287},"/guide","Getting Started","This section will help you add the Vue AudioMotion Analyzer plugin to your Vue project.","content:1.guide:0.index.md","1.guide/0.index.md",["ShallowRef",300],{},{"preference":302,"value":302,"unknown":303,"forced":9},"system",true,[305,306,313],{"title":10,"_path":7,"layout":11},{"title":307,"_path":294,"children":308},"Guide",[309,310],{"title":295,"_path":294},{"title":311,"_path":312},"Configuration","/guide/configuration",{"title":314,"_path":315,"children":316},"Demo's","/demos",[317],{"title":318,"_path":315},"Sample apps",{"fa-brands:github":320,"heroicons-outline:menu":325,"heroicons-outline:search":328,"ic:baseline-copyright":330,"iconoir:developer":332,"heroicons-outline:check":334,"mdi:github":336,"logos:vue":338,"logos:nuxt-icon":342,"material-symbols:play-arrow":345,"codicon:code":347},{"left":321,"top":321,"width":322,"height":323,"rotate":321,"vFlip":9,"hFlip":9,"body":324},0,496,512,"\u003Cpath fill=\"currentColor\" d=\"M165.9 397.4c0 2-2.3 3.6-5.2 3.6c-3.3.3-5.6-1.3-5.6-3.6c0-2 2.3-3.6 5.2-3.6c3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9c2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9c.3 2 2.9 3.3 5.9 2.6c2.9-.7 4.9-2.6 4.6-4.6c-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2c12.8 2.3 17.3-5.6 17.3-12.1c0-6.2-.3-40.4-.3-61.4c0 0-70 15-84.7-29.8c0 0-11.4-29.1-27.8-36.6c0 0-22.9-15.7 1.6-15.4c0 0 24.9 2 38.6 25.8c21.9 38.6 58.6 27.5 72.9 20.9c2.3-16 8.8-27.1 16-33.7c-55.9-6.2-112.3-14.3-112.3-110.5c0-27.5 7.6-41.3 23.6-58.9c-2.6-6.5-11.1-33.3 2.6-67.9c20.9-6.5 69 27 69 27c20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27c13.7 34.7 5.2 61.4 2.6 67.9c16 17.7 25.8 31.5 25.8 58.9c0 96.5-58.9 104.2-114.8 110.5c9.2 7.9 17 22.9 17 46.4c0 33.7-.3 75.4-.3 83.6c0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252C496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2c1.6 1.6 3.9 2.3 5.2 1c1.3-1 1-3.3-.7-5.2c-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9c1.6 1 3.6.7 4.3-.7c.7-1.3-.3-2.9-2.3-3.9c-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2c2.3 2.3 5.2 2.6 6.5 1c1.3-1.3.7-4.3-1.3-6.2c-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2c-1.4-2.3-4-3.3-5.6-2\"/>",{"left":321,"top":321,"width":326,"height":326,"rotate":321,"vFlip":9,"hFlip":9,"body":327}
79,24,"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\"/>",{"left":321,"top":321,"width":326,"height":326,"rotate":321,"vFlip":9,"hFlip":9,"body":329},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m21 21l-6-6m2-5a7 7 0 1 1-14 0a7 7 0 0 1 14 0\"/>",{"left":321,"top":321,"width":326,"height":326,"rotate":321,"vFlip":9,"hFlip":9,"body":331},"\u003Cpath fill=\"currentColor\" d=\"M11.88 9.14c1.28.06 1.61 1.15 1.63 1.66h1.79c-.08-1.98-1.49-3.19-3.45-3.19C9.64 7.61 8 9 8 12.14c0 1.94.93 4.24 3.84 4.24c2.22 0 3.41-1.65 3.44-2.95h-1.79c-.03.59-.45 1.38-1.63 1.44c-1.31-.04-1.86-1.06-1.86-2.73c0-2.89 1.28-2.98 1.88-3M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8\"/>",{"left":321,"top":321,"width":326,"height":326,"rotate":321,"vFlip":9,"hFlip":9,"body":333},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\">\u003Cpath d=\"M6.818 22v-2.857C6.662 17.592 5.633 16.416 4.682 15m9.772 7v-1.714c4.91 0 4.364-5.714 4.364-5.714s2.182 0 2.182-2.286l-2.182-3.428c0-4.572-3.709-6.816-7.636-6.857c-2.2-.023-3.957.53-5.27 1.499\"/>\u003Cpath d=\"m13 7l2 2.5l-2 2.5M5 7L3 9.5L5 12m5-6l-2 7\"/>\u003C/g>",{"left":321,"top":321,"width":326,"height":326,"rotate":321,"vFlip":9,"hFlip":9,"body":335},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 13l4 4L19 7\"/>",{"left":321,"top":321,"width":326,"height":326,"rotate":321,"vFlip":9,"hFlip":9,"body":337},"\u003Cpath fill=\"currentColor\" d=\"M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2\"/>",{"left":321,"top":321,"width":339,"height":340,"rotate":321,"vFlip":9,"hFlip":9,"body":341},256,221,"\u003Cpath fill=\"#41B883\" d=\"M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0z\"/>\u003Cpath fill=\"#41B883\" d=\"m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0z\"/>\u003Cpath fill=\"#35495E\" d=\"M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0z\"/>",{"left":321,"top":321,"width":339,"height":343,"rotate":321,"vFlip":9,"hFlip":9,"body":344},168,"\u003Cpath fill=\"#00DC82\" d=\"M143.618 167.029h95.166c3.023 0 5.992-.771 8.61-2.237a16.96 16.96 0 0 0 6.302-6.115a16.3 16.3 0 0 0 2.304-8.352c0-2.932-.799-5.811-2.312-8.35L189.778 34.6a16.97 16.97 0 0 0-6.301-6.113a17.6 17.6 0 0 0-8.608-2.238c-3.023 0-5.991.772-8.609 2.238a16.96 16.96 0 0 0-6.3 6.113l-16.342 27.473l-31.95-53.724a17 17 0 0 0-6.304-6.112A17.64 17.64 0 0 0 96.754 0c-3.022 0-5.992.772-8.61 2.237a17 17 0 0 0-6.303 6.112L2.31 141.975a16.3 16.3 0 0 0-2.31 8.35c0 2.932.793 5.813 2.304 8.352a16.96 16.96 0 0 0 6.302 6.115a17.6 17.6 0 0 0 8.61 2.237h59.737c23.669 0 41.123-10.084 53.134-29.758l29.159-48.983l15.618-26.215l46.874 78.742h-62.492zm-67.64-26.24l-41.688-.01L96.782 35.796l31.181 52.492l-20.877 35.084c-7.976 12.765-17.037 17.416-31.107 17.416\"/>",{"left":321,"top":321,"width":326,"height":326,"rotate":321,"vFlip":9,"hFlip":9,"body":346},"\u003Cpath fill=\"currentColor\" d=\"M8 19V5l11 7z\"/>",{"left":321,"top":321,"width":348,"height":348,"rotate":321,"vFlip":9,"hFlip":9,"body":349},16,"\u003Cpath fill=\"currentColor\" d=\"M4.708 5.578L2.061 8.224l2.647 2.646l-.708.708l-3-3V7.87l3-3zm7-.708L11 5.578l2.647 2.646L11 10.87l.708.708l3-3V7.87zM4.908 13l.894.448l5-10L9.908 3z\"/>",["Reactive",351],["Set"],["Reactive",353],{"search-api":292},1753005860964]</script>
vendor: 1 bytes, line 79
79
80<script>window.__NUXT__={};window.__NUXT__.config={public:{studio:{apiURL:"https://api.nuxt.studio",iframeMessagingAllowedOrigins:""},mdc:{components:{prose:true,map:{p:"prose-p",a:"prose-a",blockquote:"prose-blockquote","code-inline":"prose-code-inline",code:"ProseCodeInline",em:"prose-em",h1:"prose-h1",h2:"prose-h2",h3:"prose-h3",h4:"prose-h4",h5:"prose-h5",h6:"prose-h6",hr:"prose-hr",img:"prose-img",ul:"prose-ul",ol:"prose-ol",li:"prose-li",strong:"prose-strong",table:"prose-table",thead:"prose-thead",tbody:"prose-tbody",td:"prose-td",th:"prose-th",tr:"prose-tr"}},headings:{anchorLinks:{h1:false,h2:true,h3:true,h4:true,h5:false,h6:false}}},content:{locales:[],defaultLocale:"",integrity:1753005830020,experimental:{stripQueryParameters:false,advanceQuery:false,clientDB:false},respectPathCase:false,api:{baseURL:"/api/_content"},navigation:{fields:["icon","titleTemplate","header","main","aside","footer","layout"]},tags:{p:"prose-p",a:"prose-a",blockquote:"prose-blockquote","code-inline":"prose-code-inline",code:"ProseCodeInline",em:"prose-em",h1:"prose-h1",h2:"prose-h2",h3:"prose-h3",h4:"prose-h4",h5:"prose-h5",h6:"prose-h6",hr:"prose-hr",img:"prose-img",ul:"prose-ul",ol:"prose-ol",li:"prose-li",strong:"prose-strong",table:"prose-table",thead:"prose-thead",tbody:"prose-tbody",td:"prose-td",th:"prose-th",tr:"prose-tr"},highlight:{theme:{dark:"github-dark",default:"github-light"},preload:["json","js","ts","html","css","vue","diff","shell","markdown","yaml","bash","ini"],highlighter:"shiki",langs:["js","jsx","json","ts","tsx","vue","css","html","vue","bash","md","mdc","yaml","json","js","ts","html","css","vue","diff","shell","markdown","yaml","bash","ini"]},wsUrl:"",documentDriven:{page:true,navigation:true,surround:true,globals:{},layoutFallbacks:["theme"],injectPage:true},host:"",trailingSlash:false,search:"",contentHead:true,anchorLinks:{depth:4,exclude:[1]}}},app:{baseURL:"/",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script>
80</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.