https://apptovid.com/_nuxt/CjKnF2zH.js

1import{g as F,bP as G,c0 as Z,s as K,bM as Q,D as X,u as Y,B as ee,o as f,c as y,a as t,b as te,l as o,d as oe,t as p,Z as ae,O as se,m as ie,p as m,q as a,v as ne,I as de,R as le,_ as re}from"./Bl7aIc7Y.js";import{a as ce}from"./Cxw42SGi.js";import{u as ue}from"./DShNS4KA.js";import{u as pe}from"./DWPcOr1N.js";import{A as me}from"./s9I36zUG.js";const ve={class:"min-h-screen bg-[#080808] text-white"},he={class:"mx-auto flex min-h-screen max-w-7xl flex-col px-5 pb-12 pt-24 md:px-10 md:pb-16 md:pt-28"},ge={class:"mb-6 flex items-center justify-between gap-4"},xe={class:"rounded-full border border-white/10 bg-white/5 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-white/50"},fe={class:"grid flex-1 gap-8 lg:grid-cols-[minmax(0,1fr)_360px] lg:items-center"},ye=["src","poster"],be={key:1,class:"flex aspect-[9/16] items-center justify-center rounded-2xl border border-white/10 bg-black px-6 text-center shadow-2xl shadow-black/40 sm:aspect-video md:rounded-[28px]"},we={class:"space-y-6"},_e={class:"text-3xl font-bold leading-tight md:text-4xl"},ke={class:"mt-4 text-base leading-7 text-white/60"},Se={class:"grid grid-cols-2 gap-3"},Ve={class:"rounded-2xl border border-white/10 bg-white/[0.04] p-4"},Le={class:"mt-2 text-sm font-semibold text-white/80"},De={class:"rounded-2xl border border-white/10 bg-white/[0.04] p-4"},Ae={class:"mt-2 text-sm font-semibold text-white/80"},Te=F({__name:"[demoIndex]",async setup($e){let v,V;const L=G(),C=Z(),d=m(null),i=m(!1),b=m("landscape"),w=m("16 / 9"),_=m(16/9),k=String(L.params.type||""),l=Number(L.params.demoIndex),D=ue(),{fetcHomeVideoList:H}=D,{ugcVideoList:O,animatedVideoList:A,storyVideoList:T}=K(D),{data:R}=([v,V]=Q(()=>pe("home-video-list",()=>H())),v=await v,V(),v),r=R.value,U=a(()=>({ugc:r?.ugc||O.value,explainer:r?.animated||A.value,animated:r?.animated||A.value,storytelling:r?.story||T.value,story:r?.story||T.value})),n=a(()=>{if(!(!Number.isInteger(l)||l<0))return U.value[k]?.[l]}),c=a(()=>n.value?.video||n.value?.demo_video?.url||""),h=a(()=>n.value?.cover||n.value?.cover_image||""),B={ugc:"Social & UGC",explainer:"Animated Explainer",animated:"Animated Explainer",storytelling:"Storytelling",story:"Storytelling"},g=a(()=>B[k]||"Demo"),$=a(()=>l+1),S=a(()=>n.value?.title||ce.title),x=a(()=>n.value?.description||"Watch the complete Apptovid demo video generated for high-performing app ads."),u=`${de.appUrl}/demo/${k}/${l}`,N=a(()=>`Apptovid Demo Video — ${g.value} (Demo #${$.value})`),z=a(()=>{const e={"@context":"https://schema.org","@type":"VideoObject","@id":`${u}#video`,name:N.value,description:x.value,genre:g.value,inLanguage:"en",mainEntityOfPage:u,publisher:{"@id":"https://www.apptovid.com/#organization"},url:u};return h.value&&(e.thumbnailUrl=h.value),c.value&&(e.contentUrl=c.value),[{"@context":"https://schema.org","@type":"Organization","@id":"https://www.apptovid.com/#organization",name:"Apptovid",url:"https://www.apptovid.com"},e]}),M=e=>JSON.stringify(e).replace(/</g,"\\u003c"),j=a(()=>

1({"--demo-video-aspect-ratio":w.value,"--demo-video-ratio":String(_.value)}));X({title:`${S.value}`,description:x.value,ogTitle:`${S.value}`,ogDescription:x.value,ogUrl:u,ogImage:h.value,twitterCard:"summary_large_image"}),Y({link:[{rel:"canonical",href:u}],script:[{type:"application/ld+json",innerHTML:M(z.value)}]});const E=()=>{const e=d.value;!e?.videoWidth||!e.videoHeight||(w.value=`${e.videoWidth} / ${e.videoHeight}`,_.value=e.videoWidth/e.videoHeight,b.value=e.videoHeight>e.videoWidth?"portrait":"landscape")},W=()=>{E(),I()},I=async()=>{const e=d.value;if(e){e.muted=!1,e.volume=1,e.playsInline=!0;try{await e.play(),i.value=!1}catch{e.muted=!0;try{await e.play(),i.value=!0}catch{i.value=!0}}}},P=async()=>{const e=d.value;e&&(e.muted=!1,e.volume=1,await e.play(),i.value=!1)},q=()=>{const e=d.value;i.value=!!e?.muted};ee(c,async e=>{e&&(i.value=!1,b.value="landscape",w.value="16 / 9",_.value=16/9,await le(),I())},{immediate:!0});const J=()=>{if(window.history.length>1){C.back();return}ne("/")};return(e,s)=>(f(),y("main",ve,[t("section",he,[t("div",ge,[t("button",{type:"button",class:"inline-flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-4 py-2 text-sm font-semibold text-white/80 transition hover:border-white/20 hover:bg-white/10 hover:text-white cursor-pointer",onClick:J},[te(o(me),{class:"h-4 w-4"}),s[0]||(s[0]=oe(" Back ",-1))]),t("span",xe,p(o(g)),1)]),t("div",fe,[o(c)?(f(),y("div",{key:0,class:se(["demo-video-frame",`demo-video-frame--${o(b)}`]),style:ae(o(j))},[t("video",{ref_key:"videoRef",ref:d,class:"demo-video-player",src:o(c),poster:o(h),controls:"",autoplay:"",playsinline:"","webkit-playsinline":"","x5-playsinline":"",onLoadedmetadata:W,onVolumechange:q},null,40,ye),o(i)?(f(),y("button",{key:0,type:"button",class:"demo-video-play",onClick:P}," Turn on sound ")):ie("",!0)],6)):(f(),y("div",be,[...s[1]||(s[1]=[t("div",null,[t("p",{class:"text-base font-semibold text-white/80"}," Demo video is unavailable "),t("p",{class:"mt-2 text-sm leading-6 text-white/45"}," The video may have been updated. Please return to the homepage and choose another demo. ")],-1)])])),t("aside",we,[t("div",null,[s[2]||(s[2]=t("p",{class:"mb-3 text-sm font-semibold uppercase tracking-wide text-white/40"}," Demo Video ",-1)),t("h1",_e,p(o(S)),1),t("p",ke,p(o(x)),1)]),t("div",Se,[t("div",Ve,[s[3]||(s[3]=t("p",{class:"text-xs font-semibold uppercase tracking-wide text-white/35"}," Type ",-1)),t("p",Le,p(o(g)),1)]),t("div",De,[s[4]||(s[4]=t("p",{class:"text-xs font-semibold uppercase tracking-wide text-white/35"}," Demo ",-1)),t("p",Ae," #"+p(o($)),1)])])])])])]))}}),Ue=re(Te,[["__scopeId","data-v-d73e3aad"]]);export{Ue as default};