https://meldstudio.co/_astro/InteractiveHeroUI.astro_astro_type_script_index_0_lang.Ba2ccS_k.js

1document.addEventListener("DOMContentLoaded",()=>{const c=document.querySelector(".interactive-hero-ui"),m=document.getElementById("followerPointer");if(c&&m){let e=null;c.addEventListener("mouseenter",()=>{m.classList.add("visible")}),c.addEventListener("mouseleave",()=>{m.classList.remove("visible")}),c.addEventListener("mousemove",o=>{e||(e=requestAnimationFrame(()=>{const t=c.getBoundingClientRect(),s=o.clientX-t.left,n=o.clientY-t.top;m.style.transform=`translate(${s}px, ${n}px)`,e=null}))})}const i=document.getElementById("goLiveBtn"),M=document.getElementById("recordBtn"),w=document.getElementById("liveIndicator"),r=document.getElementById("liveTimer"),x=document.getElementById("scenesList"),d=document.getElementById("chatMessages"),z=document.querySelectorAll(".destination-toggle"),f=document.querySelector(".interactive-hero-ui"),F=document.querySelector(".hero-ui-container");let l=!0,g=!1,u=null,v=0;i&&w&&r&&(i.classList.add("is-live"),w.classList.add("visible"),i.textContent="End Stream",v=Date.now(),u=window.setInterval(()=>{const e=Date.now()-v,o=Math.floor(e/36e5),t=Math.floor(e%36e5/6e4),s=Math.floor(e%6e4/1e3);r.textContent=`${o.toString().padStart(2,"0")}:${t.toString().padStart(2,"0")}:${s.toString().padStart(2,"0")}`},1e3)),i?.addEventListener("click",()=>{l=!l,i.classList.toggle("is-live",l),w?.classList.toggle("visible",l),i.textContent=l?"End Stream":"Go live",l?(v=Date.now(),u=window.setInterval(()=>{const e=Date.now()-v,o=Math.floor(e/36e5),t=Math.floor(e%36e5/6e4),s=Math.floor(e%6e4/1e3);r&&(r.textContent=`${o.toString().padStart(2,"0")}:${t.toString().padStart(2,"0")}:${s.toString().padStart(2,"0")}`)},1e3)):(u&&clearInterval(u),r&&(r.textContent="00:00:00"))});let y=null,L=0;const p=document.querySelector(".rec-timer");M?.addEventListener("click",()=>{g=!g,M.classList.toggle("is-recording",g),g?(L=Date.now(),y=window.setInterval(()=>{const e=Date.now()-L,o=Math.floor(e/6e4),t=Math.floor(e%6e4/1e3);p&&(p.textContent=`${o.toString().padStart(2,"0")}:${t.toString().padStart(2,"0")}`)},1e3)):(y&&clearInterval(y),p&&(p.textContent="00:00"))}),z.forEach(e=>{e.addEventListener("click",()=>{e.classList.toggle("off")})});const a=document.getElementById("previewVideo"),b=document.getElementById("layersList"),P={Gaming:a?.dataset.videoGaming,Podcast:a?.dataset.videoPodcast,"Youtube Content":a?.dataset.videoYoutube},$={camera:'<svg width="12" height="12" viewBox="0 0 12 12" fill="none"><rect x="1" y="3" width="10" height="7" rx="1" stroke="#909099" stroke-width="1"/><path d="M4 3V2a1 1 0 011-1h2a1 1 0 011 1v1" stroke="#909099" stroke-width="1"/><circle cx="6" cy="6.5" r="2" stroke="#909099" stroke-width="1"/></svg>',image:'<svg width="12" height="12" viewBox="0 0 12 12" fill="none"><rect x="1.5" y="1.5" width="9" height="9" rx="1" stroke="#909099" stroke-width="1"/><circle cx="4" cy="4" r="1" fill="#909099"/><path d="M10.5 7.5l-2.5-2.5L2 10.5" stroke="#909099" stroke-width="1"/></svg>',display:'<svg width="12" height="12" viewBox="0 0 12 12" fill="none"><rect x="1" y="2" width="10" height="7" rx="1" stroke="#909099" stroke-width="1"/><path d="M4 11h4M6 9v2" stroke="#909099" stroke-width="1" stroke-linecap="round"/></svg>',chat:'<svg width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M2 2h8a1 1 0 011 1v5a1 1 0 01-1 1H5l-2 2V9H2a1 1 0 01-1-1V3a1 1 0 011-1z" stroke="#909099" stroke-width="1"/></svg>',globe:'<svg width="12" height="12" viewBox="0 0 12 12" fill="none"><circle cx="6" cy="6" r="4.5" stroke="#909099" stroke-width="1"/><path d="M1.5 6h9M6 1.5c-1.5 1.5-1.5 7.5 0 9M6 1.5c1.5 1.5 1.5 7.5 0 9" stroke="#909099" stroke-width="1"/></svg>'},S={Gaming:[{name:"Alerts",icon:"globe"},{name:"Meld Logo",icon:"image"},{name:"Camera",icon:"camera"},{name:"Camera Overlay",icon:"image"},{name:"Game",icon:"display"}],Podcast:[{name:"Alerts",icon:"globe"},{name:"Host 1",icon:"camera"},{name:"Host 2",icon:"camera"},{name:"Highlight Chat Msg",icon:"chat"}],"Youtube Content":[{name:"Camera",icon:"camera"},{name:"Screen Share",icon:"display"},{name:"Overlay",icon:"image"}]};function E(e){if(!b)return;const o=S[e]||S.Gaming;b.innerHTML=o.map(t=>`
2				<div class="flex items-center gap-2 h-7 py-1 rounded w-full">
3					<div class="w-5 h-5 flex items-center justify-center">
4						${$[t.icon]}
5					</div>
6					<span class="text-xs font-normal text-[#e2e2e2] truncate">${t.name}</span>
7				</div>
8			`).join("")}E("Gaming"),x?.addEventListener("click",e=>{const o=e.target.closest(".scene-item");if(o){x.querySelectorAll(".scene-item").forEach(n=>n.classList.remove("active")),o.classList.add("active"),F?.classList.add("scene-clicked");const t=o.textContent?.trim()||"";E(t);const s=P[t];s&&a&&a.src!==s&&(a.src=s,a.load(),a.play())}});const I={twitch:'<svg class="chat-platform-icon" width="12" height="12" viewBox="0 0 22 22" fill="none"><g clip-path="url(#tw_chat)"><path d="M18.766 10.094l-3.105 3.105h-3.106l-2.717 2.717v-2.717H6.345V1.554h12.421v8.54z" fill="#fff"/><path d="M5.566 0L1.684 3.882v13.975h4.658v3.882l3.882-3.882h3.105l6.987-6.987V0H5.566zm13.198 10.093l-3.106 3.105h-3.105l-2.717 2.717v-2.717H6.342V1.553h12.422v8.54z" fill="#9146FF"/><path d="M16.436 4.271h-1.553v4.658h1.553V4.271zM12.164 4.271H10.61v4.658h1.553V4.271z" fill="#9146FF"/></g><defs><clipPath id="tw_chat"><rect width="18.633" height="21.738" fill="white" transform="translate(1.689)"/></clipPath></defs></svg>',youtube:'<svg class="chat-platform-icon" width="12" height="12" viewBox="0 0 22 22" fill="none"><g clip-path="url(#yt_chat)"><path d="M21.533 5.707a3.016 3.016 0 00-2.122-2.136C17.874 3.288 10.996 3.288 10.996 3.288s-6.879 0-8.593.462A3.017 3.017 0 00.458 5.707C-.002 7.434-.002 11.036-.002 11.036s0 3.601.46 5.328a3.016 3.016 0 002.122 2.136c1.716.463 8.594.463 8.594.463s6.878 0 8.593-.463a3.015 3.015 0 002.122-2.136c.46-1.726.46-5.328.46-5.328s0-3.602-.46-5.329z" fill="#FF0000"/><path d="M8.745 14.307l5.749-3.271-5.749-3.27v6.541z" fill="#fff"/></g><defs><clipPath id="yt_chat"><rect width="22" height="15.496" fill="white" transform="translate(.005 3.287)"/></clipPath></defs></svg>',kick:'<svg class="chat-platform-icon" width="12" height="12" viewBox="0 0 22 22" fill="none"><rect y=".0001" width="22" height="22" rx="2.2" fill="#000"/><path d="M9.251 3.3H4.278v14.918h4.973v-3.316h1.657v1.657h1.657v1.657h4.974v-4.973h-1.658v-1.657h-1.657V9.929h1.657V8.272h1.657V3.3h-4.973v1.657h-1.657v1.66H9.251V3.3z" fill="#53FC18"/></svg>',tiktok:'<svg class="chat-platform-icon" width="12" height="12" viewBox="0 0 22 22" fill="none"><g clip-path="url(#tt_chat)"><path d="M22 0H0v22h22V0z" fill="#000"/><path d="M9.509 9.178V8.58a4.648 4.648 0 00-5.274 4.602c0 1.573.786 2.964 1.984 3.806a4.633 4.633 0 01-.748-3.165c.207-2.326 2.13-4.186 4.538-4.645z" fill="#25F4EE"/><path d="M9.619 15.946a2.316 2.316 0 002.118-2.043l.004-10.12h1.849a3.56 3.56 0 01-.059-.641h-2.526l

8-.004 10.12a2.316 2.316 0 01-2.118 2.043 2.28 2.28 0 01-.984-.885c.386.535 1.012.885 1.72.885z" fill="#25F4EE"/><path d="M17.044 7.218v-.563a3.86 3.86 0 01-1.913-.563 3.888 3.888 0 001.913 1.126z" fill="#25F4EE"/><path d="M15.131 6.086a3.892 3.892 0 01-.864-2.303h-.677a3.91 3.91 0 001.541 2.303z" fill="#FE2C55"/><path d="M8.883 11.06a2.124 2.124 0 00-1.985 4.002 2.103 2.103 0 01-.402-1.238 2.124 2.124 0 012.123-2.123c.218 0 .428.037.627.098V9.221a4.74 4.74 0 00-.627-.044c-.037 0-.073.002-.11.003v1.98a2.15 2.15 0 00-.626-.1z" fill="#FE2C55"/><path d="M17.044 7.218v1.962a7.12 7.12 0 01-3.513-1.13v5.133a4.648 4.648 0 01-4.648 4.648 4.603 4.603 0 01-2.664-.842 4.648 4.648 0 007.049-3.983V7.873a7.12 7.12 0 003.513 1.13V7.296c-.253 0-.498-.028-.737-.078z" fill="#FE2C55"/><path d="M13.53 13.183V8.05a7.12 7.12 0 003.514 1.13V7.218a3.888 3.888 0 01-1.913-1.132 3.91 3.91 0 01-1.541-2.303h-1.849l-.004 10.12a2.316 2.316 0 01-2.118 2.043 2.302 2.302 0 01-1.72-.885 2.124 2.124 0 011.984-4.001v-1.98a4.656 4.656 0 00-4.912 4.743c0 1.222.474 2.335 1.249 3.165a4.603 4.603 0 002.663.842 4.648 4.648 0 004.648-4.648z" fill="#fff"/></g><defs><clipPath id="tt_chat"><rect width="22" height="22" rx="2.2" fill="white"/></clipPath></defs></svg>'},C=[{user:"xNightOwl",color:"#00ff7b",msg:"this setup is clean",platform:"twitch"},{user:"StreamQueen",color:"#ff00d9",msg:"love this",platform:"youtube"},{user:"PixelPanda",color:"#00ffe5",msg:"audio is fire",platform:"kick"},{user:"ModSquad",color:"#ffaa00",msg:"welcome all",platform:"youtube"},{user:"GamerDude",color:"#a6ff00",msg:"how do I get this",platform:"tiktok"},{user:"TechyTom",color:"#ff6b6b",msg:"bye OBS lol",platform:"twitch"},{user:"LunaLive",color:"#bf8bff",msg:"so smooth",platform:"youtube"},{user:"ChattyKathy",color:"#00d4ff",msg:"multistream W",platform:"kick"},{user:"ProGamer",color:"#ff9500",msg:"W stream",platform:"twitch"},{user:"NeonNinja",color:"#00ff88",msg:"actually fire",platform:"tiktok"},{user:"ModSquad",color:"#ffaa00",msg:"behave chat",platform:"youtube"},{user:"VibeCheck",color:"#ff69b4",msg:"certified banger",platform:"twitch"},{user:"CloudSurfer",color:"#4ecdc4",msg:"no regrets",platform:"kick"},{user:"MemeKing",color:"#ffd93d",msg:"OBS in shambles",platform:"twitch"},{user:"ZenMaster",color:"#c9b1ff",msg:"scenes clutch",platform:"youtube"},{user:"RetroRick",color:"#ff8a5b",msg:"works on mac",platform:"tiktok"},{user:"ArcadeKing",color:"#ff4757",msg:"goated software",platform:"twitch"},{user:"StreamBot",color:"#2ed573",msg:"mic sounds crisp",platform:"kick"},{user:"NightWolf",color:"#5352ed",msg:"finally switched",platform:"youtube"},{user:"PixelQueen",color:"#ff6b81",msg:"the UI tho",platform:"twitch"},{user:"GameMaster",color:"#ffa502",msg:"ez setup",platform:"tiktok"},{user:"CyberPunk",color:"#00d2d3",msg:"free?? no way",platform:"kick"},{user:"StreamLord",color:"#ff9ff3",msg:"scene switching W",platform:"youtube"},{user:"ProVibes",color:"#54a0ff",msg:"quality is insane",platform:"twitch"}];let k=0;const H=16;function B(){if(!d)return;const e=C[k],o=I[e.platform]||I.twitch,t=document.createElement("div");t.className="chat-msg",t.innerHTML=`${o}<span class="chat-user" style="color:${e.color}">${e.user}</span> <span class="chat-text">${e.msg}</span>`,d.appendChild(t),requestAnimationFrame(()=>{requestAnimationFrame(()=>{t.classList.add("visible")})});const s=d.querySelectorAll(".chat-msg");if(s.length>H){const n=s[0];n.classList.remove("visible"),setTimeout(()=>n.remove(),300)}k=(k+1)%C.length}let h=null;function V(){!h&&d&&(h=window.setInterval(B,2e3))}function q(){h&&(clearInterval(h),h=null)}if(d){for(let e=0;e<14;e++)setTimeout(()=>B(),e*100);V()}f&&a&&new IntersectionObserver(o=>{o.forEach(t=>{t.isIntersecting?(a.play(),f.classList.remove("paused"),V()):(a.pause(),f.classList.add("paused"),q())})},{threshold:.1}).observe(f)});