https://livestorm.co/_nuxt/He4CoNgY.js

1import{_ as Ce,k as ae,B as $e,b as se,c as Le,z as Ae,d as oe,D as Be,G as qe,I as Fe,P as Re,O as Ue,J as Oe,K as De,L as ze,M as Me,j as le,Q as Pe,a as Ne,l as Ee,u as He,o as We,m as Ge,p as je,n as Ve,e as Qe,f as Ye,g as Je,h as Ke}from"./ClrPqwtt.js";import{_ as Xe}from"./DwiBNGz_.js";import{_ as Ze}from"./FCnflCLP.js";import{c as et}from"./kNJhZwX3.js";import{o as re,c as h,a as c,m as e,q as t,s as k,u as i,t as u,v as r,A as R,T as X,x as T,h as y,F as L,y as A,B as tt,b as x,l as at,w as st,n as ot,g as lt}from"./CGPNxvoe.js";import{g as G,a as rt}from"./Ceep3lFU.js";import"./W5NKTDU8.js";const nt=["data-datocms-content-link-url","innerHTML"],ut=["src"],it=["src"],ct={__name:"TemplateWebinarToolsWebcam",props:{componentCreateAFreeAccount:{required:!0,type:Object},componentGlobal:{required:!0,type:Object},componentReviews:{required:!0,type:Object},hub:{required:!0,type:Object},page:{required:!0,type:Object}},setup(Z){G.registerPlugin(rt);const{track:B}=ae(),{isLogged:P}=$e(),N=se(),{$md:j}=Le(),{$lottiePlayer:V}=Ae(),{public:U}=oe(),{width:_}=Be(),a=Z,O=y(null),q=y(!1),Q=y(0),D=y([]),l=y(null),z=y(!1),f=y(null),M=y(["a","b","c","d","e"]),d=y(!1),S=y(!1),v=y(!1),Y=x(()=>a.page.aboutUsOurCustomers.filter(({logo:n})=>!!n)),ne=x(()=>{const n=d.value?a.page.faqItems.length:5;return a.page.faqItems.slice(0,n).map(o=>({content:o.text,title:o.title}))}),ue=x(()=>{if(!l.value)return 0;switch(!0){case l.value<15:return-2;case(l.value>=15&&l.value<24):return-1;case l.value===30:return 1;case l.value>30:return 2;default:return 0}}),ie=x(()=>{switch(!0){case _.value<768:return 343;case(_.value>=768&&_.value<1328):return 530;default:return 416}}),ce=x(()=>({action:"Demo clicked",slot:a.componentGlobal.ctaGetDemo,to:"#form-demo"})),de=x(()=>{if(!f.value)return 0;switch(!0){case f.value.height<480:return-2;case(f.value.height>=480&&f.value.height<720):return-1;case(f.value.height>720&&f.value.height<1080):return 1;case f.value.height>=1080:return 1;default:return 0}}),pe=x(()=>2+ue.value+de.value),ee=x(()=>!0===_.value<768?343:632),E=x(()=>P.value?{action:"Upgrade clicked",to:`https://${U.appBaseUrl}/#/settings/billing/overview`,slot:a.componentGlobal.ctaUpgradeNow}:{action:"Signup clicked",to:`https://${U.appBaseUrl}/#/signup`,slot:a.componentGlobal.ctaGetStartedForFree});async function me(){return(await navigator.mediaDevices.enumerateDevices()).filter(({kind:o})=>o==="videoinput")}function he({height:n,width:o}){return`${o}x${n}p`}function ge(n){switch(!0){case n<15:return a.page.heroLastStepResultLow;case(n>=15&&n<24):return a.page.heroLastStepResultMedium;default:return a.page.heroLastStepResultHigh}}async function fe(n){v.value=!1;try{if(v.value=!0,navigator?.mediaDevices?.getUserMedia){const o=await navigator?.mediaDevices?.getUserMedia(n);o&&(q.value=!0,D.value.length===0&&(D.value=await me()),n.deviceId&&(Q.value=D.value.findIndex(({deviceId:s})=>s===n.deviceId)),S.value=!0,at(()=>{O.value.srcObject=o,we(o)}))}else v.value=!1}catch(o){console.error(o),v.value=!1}}function J(n,o){G.from(n,{autoAlpha:0,duration:.6,ease:"expo.inOut",onComplete(){o()}})}function _e(n,o){G.to(n,{autoAlpha:0,duration:.4,ease:"expo.inOut",onComplete(){o()}})}function ve(){z.value=!0}function ke({target:n}){const o=n.querySelector(".page lottie-player");o&&(o.setDirection(1),o.play())}function ye({target:n}){const o=n.querySelector(".page lottie-player");o&&(o.setDirection(-1),o.play())}function be(n){const o=`.${n}`;G.to(window,{duration:1,ease:"expo.inOut",scrollTo:{offsetY:_.value>1328?104:80,y:o}})}function we(n){const{frameRate:o,height:s,width:I}=n.getVideoTracks()[0].getSettings();l.value=Number.parseInt(o),f.value={height:s,width:I}}function Te(){d.value=!d.value}return re(()=>{V.init(ve)}),(n,o)=>{const s=qe,I=Ue,xe=Re,b=Oe,g=De,C=Fe,K=ze,H=Me,te=Pe,Se=Xe,Ie=Ze;return c(),h(s,{class:"page"},{default:e(()=>[t(s,{class:"gradient"}),t(C,{class:"hero"},{default:e(()=>[t(s,{class:"inner"},{default:e(()=>[t(xe,{class:"back",to:i(N)("webinar-tools")},{default:e(()=>[t(I,{theme:"dark",type:"arrow-left"}),u(" "+r(a.hub.sharedWordingBackToTheHub),1)]),_:1},8,["to"]),t(b,{theme:"dark"},{default:e(()=>

1[u(r(a.page.heroTitle),1)]),_:1}),t(g,{theme:"dark"},{default:e(()=>[u(r(a.page.heroText),1)]),_:1})]),_:1})]),_:1}),t(C,{class:"tool"},{default:e(()=>[t(s,{class:"main"},{default:e(()=>[t(s,{class:"webcam"},{default:e(()=>[t(s,{class:"noise"},{default:e(()=>[...o[2]||(o[2]=[R("svg",{viewBox:"0 0 200% 200%",xmlns:"http://www.w3.org/2000/svg"},[R("filter",{id:"noiseFilter"},[R("feTurbulence",{type:"turbulence",result:"noise",baseFrequency:"2",numOctaves:"12",seed:"2",stitchTiles:"noStitch"})]),R("rect",{width:"100%",height:"100%",filter:"url(#noiseFilter)"})],-1)])]),_:1}),t(X,{onEnter:J},{default:e(()=>[i(S)?(c(),T("video",{key:0,ref_key:"$video",ref:O,autoplay:"",class:"stream",playsinline:"",muted:""},null,512)):k("",!0)]),_:1})]),_:1}),t(s,{class:"info"},{default:e(()=>[t(s,{class:"item",onClick:o[0]||(o[0]=p=>be("seo-items"))},{default:e(()=>[t(I,{theme:"dark",type:"help-circle"}),t(g,{theme:"dark",size:"s"},{default:e(()=>[u(r(a.page.heroHelpText),1)]),_:1})]),_:1}),t(s,{class:"item"},{default:e(()=>[t(I,{theme:"dark",type:"code"}),t(g,{theme:"dark",size:"s"},{default:e(()=>[u(r(a.page.heroEmbedText),1)]),_:1})]),_:1})]),_:1})]),_:1}),t(X,{mode:"in-out",onEnter:J,onLeave:_e},{default:e(()=>[i(v)&&i(S)?(c(),h(s,{key:0,class:"aside"},{default:e(()=>[t(s,{class:"results"},{default:e(()=>[i(l)?(c(),h(s,{key:0,class:"item"},{default:e(()=>[t(g,{theme:"dark"},{default:e(()=>[u(r(a.page.heroLastStepResultFrameRate),1)]),_:1}),t(g,{theme:"dark"},{default:e(()=>[u(r(ge(i(l)))+" ("+r(i(l))+"fps) ",1)]),_:1})]),_:1})):k("",!0),i(f)?(c(),h(s,{key:1,class:"item"},{default:e(()=>[t(g,{theme:"dark"},{default:e(()=>[u(r(a.page.heroLastStepResultResolution),1)]),_:1}),t(g,{theme:"dark"},{default:e(()=>[u(r(he(i(f))),1)]),_:1})]),_:1})):k("",!0),t(s,{class:"item"},{default:e(()=>[t(g,{theme:"dark"},{default:e(()=>[u(r(a.page.heroLastStepResultBrowserCompatibility),1)]),_:1}),t(g,{theme:"dark"},{default:e(()=>[t(I,{theme:"dark",type:i(q)?"check":"x"},null,8,["type"])]),_:1})]),_:1}),t(s,{class:"separator"}),t(s,{class:"review"},{default:e(()=>[t(g,{theme:"dark"},{default:e(()=>[u(r(a.page.heroLastStepResultVideoQuality),1)]),_:1}),t(s,{class:"scores"},{default:e(()=>[(c(!0),T(L,null,A(i(M),(p,m)=>(c(),h(s,{key:`score-${p}`,class:tt(["score",[{current:i(M).length-1-m===i(pe)},p]])},{default:e(()=>[u(r(p),1)]),_:2},1032,["class"]))),128))]),_:1})]),_:1})]),_:1})]),_:1})):i(v)?k("",!0):(c(),h(s,{key:1,class:"aside"},{default:e(()=>[t(s,{class:"launch"},{default:e(()=>[t(K,{action:"Button clicked","extra-attributes":{action:"Start test"},label:"Header section CTA",size:"l",theme:"dark",onClick:o[1]||(o[1]=p=>fe({audio:!1,video:{height:{ideal:1080},width:{ideal:1920}}}))},{default:e(()=>[t(I,{theme:"dark",type:"room-camera"}),u(" "+r(a.page.heroFirstStepCtaWording),1)]),_:1}),t(g,{size:"s",theme:"dark"},{default:e(()=>[u(r(a.page.heroFirstStepCtaInformation),1)]),_:1})]),_:1}),t(s,{class:"privacy"},{default:e(()=>[t(I,{theme:"dark",type:"room-lock"}),t(g,{size:"s",theme:"dark"},{default:e(()=>[u(r(a.page.heroFirstStepPrivacyTitle),1)]),_:1}),t(g,{size:"s",theme:"dark"},{default:e(()=>[u(r(a.page.heroFirstStepPrivacyText),1)]),_:1})]),_:1})]),_:1}))]),_:1})]),_:1}),t(C,{class:"how-to-test"},{default:e(()=>[t(b,{level:2,theme:"dark"},{default:e(()=>[u(r(a.page.howToTestYourWebcamTitle),1)]),_:1}),t(s,{class:"list"},{default:e(()=>[(c(!0),T(L,null,A(a.page.howToTestYourWebcamItems,({id:p,image:m,number:$,text:F})=>(c(),h(s,{key:`how-to-test-${p}`,class:"item"},{default:e(()=>[t(s,{class:"illustration"},{default:e(()=>[m?(c(),h(H,{key:0,alt:m.alt,"expected-size":i(ie),height:m.height,source:m.url,width:m.width},null,8,["alt","expected-size","height","source","width"])):k("",!0),t(s,{class:"step"},{default:e(()=>[u(r($),1)]),_:2},1024)]),_:2},1024),t(g,{theme:"dark"},{default:e(()=>[u(r(F),1)]),_:2},1024)]),_:2},1024))),128))]),_:1})]),_:1}),t(C,{class:"about-us",start:1,end:1},{default:e(()=>[t(b,{level:2,theme:"dark"},{default:e(()=>[u(r(a.page.aboutUsTitle),1)]),_:1}),t(g,{theme:"dark"},{default:e(()=>[u(r(a.componentReviews.text),1)]),_:1}),t(s,{class:"our-customers"},{default:e(()=>[(c(!0),T(L,null,A(i(Y),({id:p,logo:m})=>(c(),h(s,{key:`logo-${p}`,class:"logo"},{default:e(()=>[t(H,{alt:m.alt,"expected-size":24,"extra-params":{con:100,gam:100,monochrome:"000000",sat:-100,trim:"color",vib:100},height:m.height,orientation:m.width>=m.height?"portrait":"landscape",source:m.url,"use-natural-height":"","use-natural-width":"",width:m.width},null,8,["alt","height","orientation","source","width"])]),_:2},1024))),128))]),_:1}),t(s,{class:"our-features"},{default:e(()=>[(c(!0),T(L,null,A(a.page.aboutUsOurFeatures,p=>(c(),h(s,{key:p.id,class:"feature"},{default:e(()=>[t(s,{class:"illustration"},{default:e(()=>[t(H,{alt:p.image.alt,height:p.image.height,"expected-size":416,source:p.image.url,width:p.image.width},null,8,["alt","height","source","width"])]),_:2},1024),t(s,{class:"content"},{default:e(()=>[t(b,{level:3,theme:"dark"},{default:e(()=>[u(r(p.title),1)]),_:2},1024),t(b,{as:"paragraph",level:6,theme:"dark"},{default:e(()=>[u(r(p.text),1)]),_:2},1024),t(K,{action:i(E).action,label:"Benefits section CTA",to:i(E).to,size:"l",theme:"dark"},{default:e(()=>[u(r(i(E).slot),1)]),_:1},8,["action","to"])]),_:2},1024)]),_:2},1024))),128))]),_:1})]),_:1}),a.page.seoItems.length>0?(c(),h(C,{key:0,class:"seo-items",start:1,end:1},{default:e(()=>[t(s,{class:"list"},{default:e(()=>[(c(!0),T(L,null,A(a.page.seoItems,({id:p,title:m,titleLevel:$,text:F,image:w,video:W})=>(c(),h(s,{key:`seo-item-${p}`,class:"item"},{default:e(()=>[t(b,{level:$||2,theme:"dark"},{default:e(()=>[u(r(m),1)]),_:2},1032,["level"]),R("div",{class:"text","data-datocms-content-link-url":("cmsEditUrl"in n?n.cmsEditUrl:i(et))(F),innerHTML:i(j).render(("stripStega"in n?n.stripStega:i(le))(F))},null,8,nt),w?(c(),h(s,{key:0,class:"image"},{default:e(()=>[t(s,{class:"inner"},{default:e(()=>[(c(),h(H,{key:`seo-item-${p}-image-${i(ee)}`,alt:w.alt,"expected-size":i(ee),height:w.height,orientation:w.width>=w.height?"landscape":"portrait",source:w.url,width:w.width},null,8,["alt","expected-size","height","orientation","source","width"]))]),_:2},1024)]),_:2},1024)):k("",!0),W&&W.provider==="youtube"?(c(),h(s,{key:1,class:"video"},{default:e(()=>[t(s,{class:"inner"},{default:e(()=>[R("iframe",{src:`https://www.youtube.com/embed/${W.providerUid}`,title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;

1 web-share",referrerpolicy:"strict-origin-when-cross-origin",allowfullscreen:""},null,8,ut)]),_:2},1024)]),_:2},1024)):k("",!0)]),_:2},1024))),128))]),_:1})]),_:1})):k("",!0),t(C,{class:"discover-more"},{default:e(()=>[t(s,{class:"inner"},{default:e(()=>[t(b,{level:2,theme:"dark"},{default:e(()=>[u(r(a.page.discoverMoreTitle),1)]),_:1}),t(s,{class:"list"},{default:e(()=>[(c(!0),T(L,null,A(a.page.discoverMoreItems.filter(({slug:p})=>!!p),({id:p,title:m,slug:$})=>(c(),h(te,{key:`discover-${p}`,to:`${i(N)("webinar-tools")}/${$}`},{default:e(()=>[u(r(m),1)]),_:2},1032,["to"]))),128))]),_:1})]),_:1})]),_:1}),t(C,{class:"try-our-tools"},{default:e(()=>[t(b,{level:2,theme:"dark"},{default:e(()=>[u(r(a.page.tryOurOtherToolsTitle),1)]),_:1}),t(s,{class:"list"},{default:e(()=>[(c(!0),T(L,null,A(a.page.tryOurOtherToolsItems,({id:p,animation:m,title:$,text:F,to:w})=>(c(),h(te,{key:`grid-item-${p}`,class:"item",to:w,onClick:W=>i(B)("Button clicked",{action:w,category:"Button",label:"Try our other tools section CTA",locale:n.locale}),onMouseenter:ke,onMouseleave:ye},{default:e(()=>[t(s,{class:"animation"},{default:e(()=>[t(X,{onEnter:J},{default:e(()=>[i(z)?(c(),T("lottie-player",{key:0,class:"lottie",src:m.url},null,8,it)):k("",!0)]),_:2},1024)]),_:2},1024),t(b,{as:"paragraph",level:5,theme:"dark"},{default:e(()=>[u(r($),1)]),_:2},1024),t(g,{theme:"dark"},{default:e(()=>[u(r(F),1)]),_:2},1024)]),_:2},1032,["to","onClick"]))),128))]),_:1})]),_:1}),a.page.faqItems.length>0?(c(),h(C,{key:1,class:"faq",start:1,end:1},{default:e(()=>[t(b,{level:2,theme:"dark"},{default:e(()=>[u(r(a.page.faqTitle||a.componentGlobal.faqTitle),1)]),_:1}),t(Se,{class:"list",items:i(ne),theme:"dark"},null,8,["items"]),a.page.faqItems.length>5?(c(),h(K,{key:0,theme:"dark",to:"#",type:"secondary",onClick:Te},{default:e(()=>[u(r(i(d)?a.componentGlobal.faqShowLessQuestions:a.componentGlobal.faqShowMoreQuestions),1)]),_:1})):k("",!0)]),_:1})):k("",!0),t(Ie,{"component-global":a.componentGlobal,"request-demo-call-to-action":i(ce),"signup-or-upgrade-call-to-action":i(E),text:a.componentCreateAFreeAccount.text,theme:"dark",title:a.componentCreateAFreeAccount.title},null,8,["component-global","request-demo-call-to-action","signup-or-upgrade-call-to-action","text","title"])]),_:1})}}},dt=Ce(ct,[["__scopeId","data-v-ec4fd552"]]),kt={__name:"[...slug]",async setup(Z){let B,P;const{page:N}=ae(),{setAvailableLanguages:j}=Ne(),{updateListItems:V}=Ee(),{locale:U}=He(),_=se(),{params:a}=We(),O=Ge(),{public:q}=oe(),Q=je(!1),D=Array.isArray(a.slug)?a.slug.join("/"):a.slug,{data:l}=([B,P]=st(()=>Ke(`/api/content/pages/tools-for-webcam/${U.value}?slug=${encodeURIComponent(D)}`,{key:`page-webinar-tools-[slug]-${a.slug.join("-")}-${U.value}`,transform:d=>{const{record:S,page:v,...Y}=d;return{...Y,hub:v,page:S}}})),B=await B,P(),B);if(!l.value?.page)throw Ve({statusCode:404,message:"Page not found"});const{alternativeVersions:z}=l.value.page,f=z.map(({locale:d})=>d);Q(z.reduce((d,{locale:S,value:v})=>({...d,[S]:{slug:le(v)}}),{}));const M=Qe({});return Ye({title:l.value.page.seoTitle,description:l.value.page.seoDescription,ogTitle:l.value.page.seoTitle,ogDescription:l.value.page.seoDescription,ogImage:l.value.hub.ogImage.url,twitterTitle:l.value.page.seoTitle,twitterDescription:l.value.page.seoDescription}),Je({link:M.value.link.filter(d=>d.rel==="canonical"||d.rel==="alternate"&&d.hreflang==="x-default"||d.rel==="alternate"&&f.includes(d.hreflang)).map(d=>({...d,href:!f.includes("en")&&d.id==="i18n-xd"?`${q.baseUrl}${_({name:O()})}`:d.href})),meta:M.value.meta.filter(d=>d.property==="og:url"||d.property==="og:locale"||d.property==="og:locale:alternate"&&f.includes(d.content)),script:[{innerHTML:JSON.stringify({"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:l.value.home.trackingBreadcrumbTitle,item:`${q.baseUrl}${_("index")}`},{"@type":"ListItem",position:2,name:l.value.hub.trackingBreadcrumbTitle||l.value.hub.heroTitle,item:`${q.baseUrl}${_("webinar-tools")}`},{"@type":"ListItem",position:3,name:l.value.page.trackingBreadcrumbTitle||l.value.page.heroTitle}]}),type:"application/ld+json"}]}),re(()=>{N(l.value.page.trackName||l.value.page?.trackNameFallback),j(f),V([{item:_("index"),name:l.value.home.trackingBreadcrumbTitle},{item:_("webinar-tools"),name:l.value.hub.trackingBreadcrumbTitle||l.value.hub.heroTitle},{item:_({name:O()}),name:l.value.page.trackingBreadcrumbTitle||l.value.page.heroTitle}])}),(d,S)=>{const v=dt;return c(),h(v,ot(lt(i(l))),null,16)}}};export{kt as default};