https://wavevisual.com/_next/static/chunks/pages/waveform-video-for-youtube-2c6e0ba14a27ef80.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3320,3011],{28586:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/waveform-video-for-youtube",function(){return a(56699)}])},72301:function(e,t,a){"use strict";a.d(t,{n:function(){return p}});var r=a(52322),s=a(2784),n=a(3752);let i=()=>{let[e,t]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{let e=document.createElement("video");t("probably"===e.canPlayType('video/webm; codecs="vp09.00.10.08"')||"probably"===e.canPlayType('video/webm; codecs="vp9"'))},[]),e};var o=a(99127),l=a(12524),c=a.n(l),u=a(18997),d=a(34406);let m="string"==typeof d.env.NEXT_PUBLIC_VIDEO_PROXY_CACHE_BUST&&d.env.NEXT_PUBLIC_VIDEO_PROXY_CACHE_BUST.length>0?"?".concat(d.env.NEXT_PUBLIC_VIDEO_PROXY_CACHE_BUST):"?v=4";function x(e,t){return"".concat("https://image-server-proxy.wavevisual.workers.dev/videos","/").concat(e,".").concat(t).concat(m)}function f(e){if(!(e instanceof Error)&&!(e instanceof DOMException))return!1;let{name:t}=e;return"AbortError"===t||"NotAllowedError"===t||"string"==typeof e.message&&e.message.includes("interrupted by a call to pause")}let p=e=>{let{src:t,className:a,poster:l,autoplay:d=!1,hidePlayButton:m=!1,playOnHover:p=!0,fillContainer:h=!1,lazy:v=!1,aspectRatio:g}=e,y=(0,n.d)(),b=i(),w=(0,s.useRef)(null),N=(0,s.useRef)(null),[j,k]=s.useState(!1),[T,_]=(0,s.useState)(!1),[E,C]=(0,s.useState)(!v);(0,s.useEffect)(()=>{if(E)return;let e=N.current;if(!e||"undefined"==typeof IntersectionObserver){C(!0);return}let t=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&(C(!0),t.disconnect())},{rootMargin:"600px 0px"});return t.observe(e),()=>t.disconnect()},[E]),(0,s.useEffect)(()=>{_(!1)},[t]);let M=()=>{let e=w.current;e&&e.play().then(()=>{k(!0)}).catch(e=>{f(e)||(0,u.H)(e)})},z=()=>{w.current&&j&&(w.current.pause(),k(!1))};return(0,s.useEffect)(()=>{let e=w.current;e&&(e.muted=!0)},[t,E]),(0,s.useEffect)(()=>{let e=w.current;if(!e||!d||!E)return;let t=()=>{e.paused&&e.play().catch(e=>{f(e)||(0,u.H)(e)})};return e.readyState>=HTMLMediaElement.HAVE_FUTURE_DATA&&queueMicrotask(t),e.addEventListener("canplay",t),e.addEventListener("loadeddata",t),()=>{e.removeEventListener("canplay",t),e.removeEventListener("loadeddata",t)}},[d,t,E]),(0,r.jsxs)("span",{ref:N,className:c()("w-full relative justify-center items-center",a),onMouseEnter:!y&&p?M:void 0,onMouseLeave:!y&&p?z:void 0,onClickCapture:y?j?z:M:void 0,children:[(0,r.jsxs)("video",{className:c()("rounded-xl overflow-hidden w-full",!h&&"mx-auto shadow-md max-w-sm md:max-w-md lg:max-w-lg",h&&"h-full object-cover",!h&&d&&"h-auto"),style:g?{aspectRatio:g}:void 0,autoPlay:d&&E,loop:!0,muted:!0,ref:w,playsInline:!0,preload:d&&E?"auto":"none",poster:E?l:void 0,onPlay:()=>k(!0),onPause:()=>k(!1),onError:()=>{if(b&&!T){_(!0);return}(0,u.H)(Error("Video playback failed: ".concat(t)))},children:[E&&b&&!T&&(0,r.jsx)("source",{src:x(t,"webm"),type:'video/webm; codecs="vp09.00.10.08"'}),E&&(0,r.jsx)("source",{src:x(t,"mp4"),type:"video/mp4"})]},"".concat(t,"-").concat(T?"mp4":"webm","-").concat(E?"in":"out")),!j&&!m&&(0,r.jsx)(o.sT9,{fontSize:60,className:"opacity-80 absolute z-10 text-gray-800"})]})}},3011:function(e,t,a){"use strict";a.d(t,{Qd:function(){return u},UQ:function(){return c},o4:function(){return d},vF:function(){return m}});var r=a(52322),s=a(2784),n=a(16170),i=a(77298),o=a(12524),l=a.n(o);let c=n.fC,u=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)(n.ck,{ref:t,className:l()("border-b",a),...s})});u.displayName="AccordionItem";let d=s.forwardRef((e,t)=>{let{className:a,children:s,...o}=e;return(0,r.jsx)(n.h4,{className:"flex",children:(0,r.jsxs)(n.xz,{ref:t,className:l()("flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",a),...o,children:[s,(0,r.jsx)(i.v4q,{className:"text-muted-foreground h-4 w-4 shrink-0 transition-transform duration-200"})]})})});d.displayName=n.xz.displayName;let m=s.forwardRef((e,t)=>{let{className:a,children:s,...i}=e;return(0,r.jsx)(n.VY,{ref:t,className:"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",...i,children:(0,r.jsx)("div",{className:l()("pb-4 pt-0",a),children:s})})});m.displayName=n.VY.displayName},43753:function(e,t,a){"use strict";a.d(t,{a:function(){return i}});var r=a(52322);a(2784);var s=a(21353),n=a(4169);function i(){return(0,r.jsxs)("p",{className:"mt-8 text-sm text-center text-gray-600",children:["Help articles:"," ",(0,r.jsx)(s.z,{theme:"link",size:null,className:"!inline p-0 align-baseline text-gray-600 underline",href:n.y.audioSources,target:"_blank",rel:"noopener noreferrer",children:"audio sources and Spotify"})," \xb7 ",(0,r.jsx)(s.z,{theme:"link",size:null,className:"!inline p-0 align-baseline text-gray-600 underline",href:n.y.videoExport,target:"_blank",rel:"noopener noreferrer",children:"video export (formats and licensing)"})]})}},3486:function(e,t,a){"use strict";a.d(t,{M:function(){return n}});var r=a(52322);a(2784);var s=a(40581);let n=e=>{let{starOnly:t=!1,textClassName:a,noLink:n=!1}=e;return(0,r.jsxs)("a",{className:"text-xs flex items-start font-medium gap-2",target:"_blank",rel:"noopener noreferrer",...n?{}:{href:"https://bit.ly/trust-wavevisual"},children:[(0,r.jsxs)("div",{className:"inline-flex items-center gap-1",children:[(0,r.jsx)(s.M2b,{className:"text-white bg-green-500 p-1 w-5 h-5"}),(0,r.jsx)(s.M2b,{className:"text-white bg-green-500 p-1 w-5 h-5"}),(0,r.jsx)(s.M2b,{className:"text-white bg-green-500 p-1 w-5 h-5"}),(0,r.jsx)(s.M2b,{className:"text-white bg-green-500 p-1 w-5 h-5"}),(0,r.jsxs)("div",{className:"relative w-5 h-5",children:[(0,r.jsxs)("div",{className:"absolute inset-0 flex",children:[(0,r.jsx)("div",{className:"w-2/3 bg-green-500"}),(0,r.jsx)("div",{className:"w-1/3 bg-slate-200"})]}),(0,r.jsx)(s.M2b,{className:"relative text-white p-1 w-5 h-5"})]})]}),!t&&(0,r.jsxs)("span",{className:["flex gap-1 items-center",a].filter(

1Boolean).join(" "),children:[(0,r.jsxs)("p",{className:"",children:[4.6," out of 5"]}),(0,r.jsx)(s.M2b,{className:"text-green-500 w-5 h-5"}),"Trustpilot"]})]})}},56699:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSG:function(){return P},default:function(){return A}});var r=a(52322),s=a(2784),n=a(39097),i=a.n(n),o=a(96577),l=a.n(o),c=a(71680),u=a(19994),d=a(76349),m=a(97976),x=a(92670),f=a(72301),p=a(62778),h=a(3011),v=a(43753),g=a(3486),y=a(50249),b=a(3752),w=a(3438),N=a(18997),j=a(9223),k=a(90583);let T="landing_waveform_video_for_youtube",_=[{questionName:"Can I upload audio-only to YouTube as a music release?",acceptedAnswerText:"YouTube is a video platform. For channel uploads you generally need a video file — even a simple visualizer with your cover art counts. WaveVisual helps you generate that video from your track quickly.",answerCount:1,name:"Can I upload audio-only to YouTube as a music release?"},{questionName:"What visualizer styles are available?",acceptedAnswerText:"Choose from multiple animated styles including spectrum bars, timeline waveforms, and circular waveforms — each synced to your audio.",answerCount:1,name:"What visualizer styles are available?"},{questionName:"What resolution do I get?",acceptedAnswerText:"Exports are rendered at 1080p and 60fps for crisp playback on YouTube and social platforms.",answerCount:1,name:"What resolution do I get?"},{questionName:"Is WaveVisual free to try?",acceptedAnswerText:"Yes. Upload your track, customize the look, and preview in the browser. You pay when you export.",answerCount:1,name:"Is WaveVisual free to try?"},{questionName:"How long does it take to create a video?",acceptedAnswerText:"Most artists finish a first version in minutes: upload, pick a style and background, then export.",answerCount:1,name:"How long does it take to create a video?"},{questionName:"Can I use my album art as the background?",acceptedAnswerText:"Yes. Add your cover art, adjust colors, and pair it with the waveform animation for a release-ready look.",answerCount:1,name:"Can I use my album art as the background?"},{questionName:"What platforms besides YouTube?",acceptedAnswerText:"Export formats work on Instagram, TikTok, YouTube Shorts, and more. You can also explore Spotify Canvas-style vertical clips depending on your workflow.",answerCount:1,name:"What platforms besides YouTube?"}],E=[{title:"Spectrum",subtitle:"Frequency bars react to bass, mids, and highs in real time.",src:"landing/music-visualizer-spectrum",poster:"landing/music-visualizer-spectrum.jpg"},{title:"Timeline",subtitle:"A playhead sweeps across your waveform as the audio plays.",src:"landing/music-visualizer-demo",poster:"landing/music-visualizer-demo.jpg"},{title:"Circular",subtitle:"A radial waveform that pulses with the beat of your audio.",src:"landing/music-visualizer-circle",poster:"landing/music-visualizer-circle.jpg"}],C=[{headline:"YouTube expects video",body:"Channel uploads are video-first. Pairing your audio with a simple visual gets you a file you can publish everywhere YouTube expects MP4."},{headline:"Motion stands out in feeds",body:"A moving waveform or spectrum read catches the eye while someone scrolls — especially when your hook hits in the first few seconds."},{headline:"Release-ready polish",body:"Cover art plus a synced visualizer reads like a finished promo clip, not a raw work-in-progress."}],M=[{icon:c.CbE,title:"Upload your track",description:"Drop in a WAV, MP3, or search Spotify where supported.",image:"landing/music-visualizer-step-upload.jpg"},{icon:u.DQ0,title:"Add album art + pick a style",description:"Choose waveform style, colors, and background — including your artwork.",image:"landing/music-visualizer-step-customize.jpg"},{icon:c.aBF,title:"Export for YouTube",description:"Download 16:9 for YouTube or 1:1 / 9:16 for social — 1080p MP4 at 60fps.",image:"landing/music-visualizer-step-export.jpg"}],z=[{name:"YouTube",detail:"16:9 landscape",Icon:c.V2E},{name:"Instagram feed",detail:"1:1 square",Icon:c.Zf_},{name:"Reels / TikTok",detail:"9:16 vertical",Icon:c.nTm}

1,{name:"Spotify Canvas",detail:"Vertical loops (workflow)",Icon:c.l4C}],I=e=>{let{trackingId:t,isMobile:a,children:s,className:n="",size:o="default"}=e;return(0,r.jsx)(i(),{href:"/editor",prefetch:null!=a&&a,className:"inline-flex items-center justify-center font-semibold text-white rounded-lg from-cyan-500 to-blue-500 bg-gradient-to-r focus:outline-none hover:from-cyan-400 hover:to-blue-400 transition-all ".concat("large"===o?"px-10 py-4 text-lg":"px-8 py-3 text-base"," ").concat(n),"aria-label":"Create waveform video",onClick:()=>(0,w.KW)(t),children:s})},A=()=>{(0,y.u)("WaveformVideoForYouTubePage");let e=(0,b.d)(),[t,a]=(0,s.useState)(!0),n=(0,s.useCallback)(e=>{e&&(0,N.Kz)("landing_faq_expand",{landing_page:"waveform-video-for-youtube",faq_item:e})},[]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x.H,{title:"Waveform Video for YouTube — Free Music Visualizer | WaveVisual",path:"/waveform-video-for-youtube",description:"YouTube requires video format for music uploads. Create a waveform visualizer video with your album art in minutes. Free, no watermark, 1080p MP4 at 60fps.",faq:_,type:"home"}),(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("div",{className:"overlay"}),(0,r.jsx)(d.N,{}),(0,r.jsxs)("section",{className:"flex flex-col gap-8 py-4 md:py-12 lg:flex-row lg:items-center lg:gap-14 ".concat(k.kt),children:[(0,r.jsxs)("div",{className:"w-full lg:w-1/2",children:[(0,r.jsx)("span",{className:"inline-flex px-3 py-1 mb-4 text-xs font-semibold tracking-wide text-white uppercase rounded-full bg-violet-600",children:"YouTube \xb7 Instagram \xb7 TikTok"}),(0,r.jsxs)("h1",{className:"mb-4 text-3xl font-extrabold leading-tight text-white sm:text-4xl lg:text-5xl",children:["Your music deserves a video.",(0,r.jsx)("br",{}),(0,r.jsx)("span",{className:"text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-blue-400",children:"Make one in minutes."})]}),(0,r.jsxs)("p",{className:"mb-6 text-base leading-relaxed text-white/80 md:text-lg max-w-xl",children:["YouTube needs a video file — not just a mastered WAV. Upload your track, add cover art, and export a waveform visualizer that looks right at home next to official releases. For how-tos and updates, visit the"," ",(0,r.jsx)(i(),{href:"/blog",className:"underline text-white",prefetch:!1,children:"WaveVisual blog"}),"."]}),(0,r.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center",children:[(0,r.jsx)(I,{trackingId:"".concat(T,"_hero_cta"),isMobile:e,size:"large",children:"Build my waveform video"}),(0,r.jsx)("span",{className:"text-sm text-white/50",children:"No account required"})]}),(0,r.jsx)("div",{className:"mt-5",children:(0,r.jsx)(g.M,{})})]}),(0,r.jsx)("div",{className:"w-full lg:w-1/2",children:(0,r.jsx)("div",{className:"overflow-hidden rounded-2xl shadow-2xl shadow-black/30 bg-black",children:(0,r.jsx)(f.n,{className:"flex w-full",src:"landing/music-visualizer-demo",poster:(0,j._)({src:"landing/music-visualizer-demo.jpg",width:750}),autoplay:!0,hidePlayButton:!0,playOnHover:!1})})})]}),(0,r.jsx)("section",{className:"py-16 bg-gray-900 text-white",children:(0,r.jsxs)("div",{className:k.kt,children:[(0,r.jsx)("h2",{className:"mb-10 text-2xl font-bold text-center md:text-3xl",children:"Why a waveform video matters"}),(0,r.jsx)("div",{className:"grid grid-cols-1 gap-8 sm:grid-cols-3",children:C.map(e=>{let{headline:t,body:a}=e;return(0,r.jsxs)("div",{className:"text-center sm:text-left",children:[(0,r.jsx)("p",{className:"text-lg font-semibold text-white mb-2",children:t}),(0,r.jsx)("p",{className:"text-sm text-gray-400 leading-relaxed",children:a})]},t)})})]})}),(0,r.jsx)("section",{className:"py-16 bg-white",id:"styles",children:(0,r.jsxs)("div",{className:k.kt,children:[(0,r.jsx)("h2",{className:"mb-2 text-2xl font-bold text-center text-gray-900 md:text-3xl",children:"Pick a visualizer style"}),(0,r.jsx)("p",{className:"mb-12 text-center text-gray-500 max-w-lg mx-auto",children:"Three starting points — each syncs to your master in real time."}),(0,r.jsx)("div",{className:"grid grid-cols-1 gap-10 md:grid-cols-3",children:E.map(e=>{let{title:t,subtitle:a,src:s,poster:n}=e;return(0,r.jsxs)("div",{className:"group",children:[(0,r.jsx)("div",{className:"overflow-hidden rounded-xl shadow-lg bg-black ring-1 ring-gray-200 group-hover:ring-violet-300 transition-all",children:(0,r.jsx)(f.n,{className:"flex w-full",src:s,poster:(0,j._)({src:n,width:500}),autoplay:!0,hidePlayButton:!0,playOnHover:!1})}),(0,r.jsx)("h3",{className:"mt-4 text-lg font-semibold text-gray-900",children:t}),(0,r.jsx)("p",{className:"mt-1 text-sm text-gray-500",children:a})]},t)})}),(0,r.jsx)("div",{className:"flex justify-center mt-12",children:(0,r.jsx)(I,{trackingId:"".concat(T,"_showcase_cta"),isMobile:e,children:"Try styles in the editor"})})]})}),(0,r.jsx)("section",{className:"py-16 bg-gradient-to-b from-gray-50 to-white",id:"how-it-works",children:(0,r.jsxs)("div",{className:"container px-4 mx-auto md:px-8 max-w-6xl",children:[(0,r.jsx)("h2",{className:"mb-3 text-2xl font-bold text-center text-gray-900 md:text-3xl",children:"From track to upload-ready MP4"}),(0,r.jsx)("p",{className:"mb-12 text-center text-gray-500 max-w-2xl mx-auto",children:"Built for musicians who want a visualizer without learning After Effects."}),(0,r.jsxs)("div",{className:"relative grid grid-cols-1 gap-5 md:grid-cols-3 md:gap-6",children:[(0,r.jsx)("div",{className:"hidden md:block absolute top-[68px] inset-x-[16.6%] border-t-2 border-dashed border-violet-200"}),M.map((e,t)=>{let{icon:a,title:s,description:n,image:i}=e;return(0,r.jsxs)("div",{className:"relative z-10 overflow-hidden border border-gray-200 rounded-2xl bg-white shadow-sm transition-all hover:-translate-y-1 hover:shadow-lg",children:[(0,r.jsx)("div",{className:"absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-cyan-400 via-v

1iolet-500 to-blue-500"}),(0,r.jsxs)("div",{className:"p-6 pt-5",children:[(0,r.jsxs)("span",{className:"inline-flex items-center justify-center px-3 py-1 mb-4 text-xs font-semibold tracking-wide uppercase rounded-full bg-violet-100 text-violet-700",children:["Step ",t+1]}),(0,r.jsx)("div",{className:"mb-4",children:(0,r.jsx)("span",{className:"inline-flex items-center justify-center w-14 h-14 rounded-2xl bg-gradient-to-br from-cyan-500 to-blue-600 text-white shadow-md shadow-blue-200",children:(0,r.jsx)(a,{fontSize:26})})}),(0,r.jsx)("h3",{className:"mb-2 text-lg font-semibold text-gray-900",children:s}),(0,r.jsx)("p",{className:"text-sm leading-6 text-gray-500",children:n})]}),i&&(0,r.jsx)("div",{className:"overflow-hidden rounded-b-2xl border-t border-gray-100 bg-gray-50",children:(0,r.jsx)(l(),{loader:j._,src:i,alt:"",width:400,height:220,className:"w-full h-44 object-cover object-top",sizes:"(max-width: 768px) 100vw, 33vw"})})]},s)})]})]})}),(0,r.jsx)("section",{className:"py-16 bg-white",children:(0,r.jsxs)("div",{className:"container px-4 mx-auto md:px-8 max-w-3xl",children:[(0,r.jsx)("h2",{className:"mb-4 text-2xl font-bold text-gray-900 md:text-3xl",children:'The "official visualizer" look'}),(0,r.jsx)("p",{className:"text-gray-600 leading-relaxed",children:"Listeners are used to seeing cover art plus a moving waveform on major releases. With WaveVisual you can match that presentation as an independent artist — same polish, no production house required."})]})}),(0,r.jsx)("section",{className:"py-16 bg-gray-50",children:(0,r.jsxs)("div",{className:"text-center ".concat(k.kt),children:[(0,r.jsx)("h2",{className:"mb-2 text-2xl font-bold text-gray-900 md:text-3xl",children:"One project, every format"}),(0,r.jsx)("p",{className:"mb-10 text-gray-500 max-w-lg mx-auto",children:"Export the aspect ratio each network prefers — including vertical cuts for Canvas-style workflows."}),(0,r.jsx)("div",{className:"flex flex-wrap items-center justify-center gap-8 max-w-3xl mx-auto",children:z.map(e=>

1{let{name:t,detail:a,Icon:s}=e;return(0,r.jsxs)("div",{className:"flex flex-col items-center gap-2 w-36",children:[(0,r.jsx)("div",{className:"flex items-center justify-center w-14 h-14 rounded-full bg-white shadow-sm border border-gray-200",children:(0,r.jsx)(s,{className:"text-gray-600",fontSize:24})}),(0,r.jsx)("span",{className:"text-sm font-medium text-gray-900",children:t}),(0,r.jsx)("span",{className:"text-xs text-gray-500",children:a})]},t)})})]})}),(0,r.jsx)("section",{className:"py-16 bg-white",id:"faq",children:(0,r.jsxs)("div",{className:"container px-4 mx-auto md:px-8 max-w-3xl",children:[(0,r.jsx)("h2",{className:"mb-8 text-2xl font-bold text-center text-gray-900 md:text-3xl",children:"Frequently asked questions"}),(0,r.jsx)(h.UQ,{type:"single",collapsible:!0,className:"w-full",onValueChange:n,children:_.map((e,t)=>(0,r.jsxs)(h.Qd,{value:"faq-".concat(t),children:[(0,r.jsx)(h.o4,{className:"text-left text-base font-medium text-gray-900",children:e.name}),(0,r.jsx)(h.vF,{className:"text-sm leading-6 text-gray-600",children:e.acceptedAnswerText})]},e.name))}),(0,r.jsx)(v.a,{})]})}),(0,r.jsx)(p.t,{checked:t,setChecked:a}),(0,r.jsx)("section",{className:"py-20 bg-gray-900 text-white",children:(0,r.jsxs)("div",{className:"text-center ".concat(k.kt),children:[(0,r.jsx)("h2",{className:"mb-3 text-2xl font-bold md:text-3xl",children:"Upload your track and make your first video free"}),(0,r.jsx)("p",{className:"mb-8 text-gray-400 max-w-md mx-auto",children:"Preview the full visualizer in your browser. Export when you love the look."}),(0,r.jsx)(I,{trackingId:"".concat(T,"_final_cta"),isMobile:e,size:"large",className:"shadow-lg shadow-blue-500/25",children:"Open the editor"})]})}),(0,r.jsx)("section",{className:"py-12 bg-white border-t border-gray-100",children:(0,r.jsxs)("div",{className:"container px-4 mx-auto md:px-8 max-w-3xl text-center text-sm text-gray-600",children:[(0,r.jsx)("p",{className:"mb-3 font-medium text-gray-900",children:"Explore more"}),(0,r.jsxs)("p",{children:["See the full"," ",(0,r.jsx)(i(),{href:"/music-visualizer",className:"text-violet-600 font-medium hover:underline",children:"music visualizer"})," ","toolkit, or promote spoken-word clips with our"," ",(0,r.jsx)(i(),{href:"/audiogram-maker",className:"text-violet-600 font-medium hover:underline",children:"audiogram maker"}),"."]})]})})]}),(0,r.jsx)(m.D,{})]})};A.displayName="WaveformVideoForYouTubePage";var P=!0},45947:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return r._}});var r=a(9223)},17998:function(e,t,a){"use strict";function r(e,t,{checkForDefaultPrevented:a=!0}={}){return function(r){if(e?.(r),!1===a||!r.defaultPrevented)return t?.(r)}}a.d(t,{M:function(){return r}})},62656:function(e,t,a){"use strict";a.d(t,{F:function(){return n},e:function(){return i}});var r=a(2784);function s(e,t){if("function"==typeof e)return e(t);null!=e&&(e.current=t)}function n(...e){return t=>{let a=!1,r=e.map(e=>{let r=s(e,t);return a||"function"!=typeof r||(a=!0),r});if(a)return()=>{for(let t=0;t<r.length;t++){let a=r[t];"function"==typeof a?a():s(e[t],null)}}}}function i(...e){return r.useCallback(n(...e),e)}},92211:function(e,t,a){"use strict";a.d(t,{b:function(){return n}});var r=a(2784),s=a(52322);function n(e,t=[]){let a=[],n=()=>{let t=a.map(e=>r.createContext(e));return function(a){let s=a?.[e]||t;return r.useMemo(()=>({[`__scope${e}`]:{...a,[e]:s}}),[a,s])}};return n.scopeName=e,[function(t,n){let i=r.createContext(n),o=a.length;a=[...a,n];let l=t=>{let{scope:a,children:n,...l}=t,c=a?.[e]?.[o]||i,u=r.useMemo(()=>l,Object.values(l));return(0,s.jsx)(c.Provider,{value:u,children:n})};return l.displayName=t+"Provider",[l,function(a,s){let l=s?.[e]?.[o]||i,c=r.useContext(l);if(c)return c;if(void 0!==n)return n;throw Error(`\`${a}\` must be used within \`${t}\``)}]},function(...e){let t=e[0];if(1===e.length)return t;let a=()=>{let a=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){let s=a.reduce((t,{useScope:a,scopeName:r})=>{let s=a(e)[`__scope${r}`];return{...t,...s}},{});return r.useMemo(()=>({[`__scope${t.scopeName}`]:s}),[s])}};return a.scopeName=t.scopeName,a}(n,...t)]}},59241:function(e,t,a){"use strict";a.d(t,{gm:function(){return n}});var r=a(2784);a(52322);var s=r.createContext(void 0);function n(e){let t=r.useContext(s);return e||t||"ltr"}},23372:function(e,t,a){"use strict";a.d(t,{M:function(){return l}});var r,s=a(2784),n=a(61644),i=(r||(r=a.t(s,2)))["useId".toString()]||(()=>void 0),o=0;

1function l(e){let[t,a]=s.useState(i());return(0,n.b)(()=>{e||a(e=>e??String(o++))},[e]),e||(t?`radix-${t}`:"")}},79616:function(e,t,a){"use strict";a.d(t,{z:function(){return i}});var r=a(2784),s=a(62656),n=a(61644),i=e=>{let t,a;let{present:i,children:l}=e,c=function(e){var t,a;let[s,i]=r.useState(),l=r.useRef({}),c=r.useRef(e),u=r.useRef("none"),[d,m]=(t=e?"mounted":"unmounted",a={mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}},r.useReducer((e,t)=>a[e][t]??e,t));return r.useEffect(()=>{let e=o(l.current);u.current="mounted"===d?e:"none"},[d]),(0,n.b)(()=>{let t=l.current,a=c.current;if(a!==e){let r=u.current,s=o(t);e?m("MOUNT"):"none"===s||t?.display==="none"?m("UNMOUNT"):a&&r!==s?m("ANIMATION_OUT"):m("UNMOUNT"),c.current=e}},[e,m]),(0,n.b)(()=>{if(s){let e;let t=s.ownerDocument.defaultView??window,a=a=>{let r=o(l.current).includes(a.animationName);if(a.target===s&&r&&(m("ANIMATION_END"),!c.current)){let a=s.style.animationFillMode;s.style.animationFillMode="forwards",e=t.setTimeout(()=>{"forwards"===s.style.animationFillMode&&(s.style.animationFillMode=a)})}},r=e=>{e.target===s&&(u.current=o(l.current))};return s.addEventListener("animationstart",r),s.addEventListener("animationcancel",a),s.addEventListener("animationend",a),()=>{t.clearTimeout(e),s.removeEventListener("animationstart",r),s.removeEventListener("animationcancel",a),s.removeEventListener("animationend",a)}}m("ANIMATION_END")},[s,m]),{isPresent:["mounted","unmountSuspended"].includes(d),ref:r.useCallback(e=>{e&&(l.current=getComputedStyle(e)),i(e)},[])}}(i),u="function"==typeof l?l({present:c.isPresent}):r.Children.only(l),d=(0,s.e)(c.ref,(t=Object.getOwnPropertyDescriptor(u.props,"ref")?.get)&&"isReactWarning"in t&&t.isReactWarning?u.ref:(t=Object.getOwnPropertyDescriptor(u,"ref")?.get)&&"isReactWarning"in t&&t.isReactWarning?u.props.ref:u.props.ref||u.ref);return"function"==typeof l||c.isPresent?r.cloneElement(u,{ref:d}):null};function o(e){return e?.animationName||"none"}i.displayName="Presence"},27757:function(e,t,a){"use strict";a.d(t,{W:function(){return s}});var r=a(2784);function s(e){let t=r.useRef(e);return r.useEffect(()=>{t.current=e}),r.useMemo(()=>(...e)=>t.current?.(...e),[])}},87695:function(e,t,a){"use strict";a.d(t,{T:function(){return n}});var r=a(2784),s=a(27757);function n({prop:e,defaultProp:t,onChange:a=()=>{}}){let[n,i]=function({defaultProp:e,onChange:t}){let a=r.useState(e),[n]=a,i=r.useRef(n),o=(0,s.W)(t);return r.useEffect(()=>{i.current!==n&&(o(n),i.current=n)},[n,i,o]),a}({defaultProp:t,onChange:a}),o=void 0!==e,l=o?e:n,c=(0,s.W)(a);return[l,r.useCallback(t=>{if(o){let a="function"==typeof t?t(e):t;a!==e&&c(a)}else i(t)},[o,e,i,c])]}},61644:function(e,t,a){"use strict";a.d(t,{b:function(){return s}});var r=a(2784),s=globalThis?.document?r.useLayoutEffect:()=>{}}},function(e){e.O(0,[3365,8127,2602,4396,5647,509,8638,4358,6577,9037,6170,2876,5340,8948,227,2778,2888,9774,179],function(){return e(e.s=28586)}),_N_E=e.O()}]);