https://amphi.live/_next/static/chunks/pages/app/stream/%5Bstream-uuid%5D-e79fe1ad3c05678f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[853],{6404:function(e,t,n){"use strict";var a=n(64836),s=n(75263);t.Z=void 0;var i=s(n(67294)),r=(0,a(n(2108)).default)(i.createElement("path",{d:"M15.5 1h-8C6.12 1 5 2.12 5 3.5v17C5 21.88 6.12 23 7.5 23h8c1.38 0 2.5-1.12 2.5-2.5v-17C18 2.12 16.88 1 15.5 1zm-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4.5-4H7V4h9v14z"}),"PhoneIphone");t.Z=r},19637:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/app/stream/[stream-uuid]",function(){return n(18733)}])},46675:function(e,t,n){"use strict";var a=n(85893);n(67294);t.Z=function(e){var t=e.text,n=e.onClick,s=e.icon,i=e.jump,r=e.extraStyle,o=e.disabled,l=i?"transition duration-300 ease-in-out font-bold hover:text-pink-400 transform hover:-translate-y-1 hover:scale-240 focus:outline-none pb-2 ":"shadow-md transition duration-500 ease-in-out p-2 border rounded-lg my-2 transform hover:-translate-y-1 hover:scale-110 focus:outline-none text-sm md:text-base ";return r?l+=r:i||(l+=" hover:bg-pink-300 "),o&&(l="shadow-md p-2 border rounded-lg my-2 "),(0,a.jsxs)("button",{onClick:o?function(){}:n,className:l,type:"button",children:[t," ",(0,a.jsx)("span",{className:"ml-2",children:s})]})}},18733:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return F},default:function(){return R}});var a=n(47568),s=n(14924),i=n(10092),r=n(85893),o=n(67294),l=n(2801),c=n(25675),d=n.n(c),u=n(41664),m=n.n(u),h=n(9669),f=n.n(h),p=n(80008),x=n.n(p),v=n(2962),w=n(95477),g=n(43950),b=n(15046),y=n(24299),j=n(79632),k=(n(46675),n(67555)),N=n.n(k),S=n(6404),L=n(97429),_=n(8364),C=n(93579),I=n(66083),z=n(29525),E=n(30553),Z=n(75625),D=n(22318),P=n(66856),A=(0,n(38920).Z)((function(e){return{container:{backgroundColor:"black"},formControlLabel:{color:"white",fontSize:"0.8rem","& label":{fontSize:"0.8rem"}}}}))((function(e){var t=e.showDialog,n=e.savePhoneNumber,s=e.dialogChange,l=e.classes,c=e.show,d=e.remainingTickets,u=(0,r.jsxs)("div",{className:"flex flex-col",children:[(0,r.jsxs)("p",{className:"flex flex-row my-2 font-swiss-medium text-left p-2",children:[(0,r.jsx)("span",{className:"m-4",children:(0,r.jsx)(S.Z,{})}),"To watch this event, enter a valid phone number once per device. We will never share it with any third-party service."]}),(0,r.jsxs)("p",{className:"my-2 font-swiss-medium text-left flex flex-row p-2",children:[(0,r.jsx)("span",{className:"m-4",children:(0,r.jsx)(L.Z,{})}),"We highly recommend connecting a speaker or headphones to your viewing device to capture the full experience!"]})]}),h=(0,r.jsxs)("p",{className:"font-swiss-medium leading-relaxed w-full",children:["Hi! you've reached the limit on the number of times this link works."," ",(0,r.jsx)("br",{}),(0,r.jsx)("br",{}),"If you have purchased a link, please view it in the browser you originally watched within. Email us for any other concerns [email protected]",(0,r.jsx)("br",{}),(0,r.jsx)("br",{}),"You can purchase another link for this show"," ",(0,r.jsx)(m(),{href:"https://amphi.live/shows/".concat(c.slug),children:(0,r.jsx)("a",{className:"font-swiss-medium text-pink-500 hover:text-green-500",target:"_blank",children:"here"})}),"."]}),f=(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("p",{className:"font-swiss-regular max-w-full",children:["Hi! ",c.title," ended on ",(0,r.jsx)("br",{}),(0,r.jsx)("div",{className:"text-center mt-2 font-swiss-regular font-bold text-lg",children:(0,_.p6)(c.endDate)}),(0,r.jsx)("br",{}),"Don't worry though! Watch it replay here on Amphi for"," ",(0,r.jsx)("span",{className:"font-swiss-medium text-chill-red hover:text-blue-200",children:c.replayTime})," ","hours when the footage becomes available (usually two days after an event ends). ",(0,r.jsx)("br",{}),(0,r.jsx)("br",{}),"At that time, you'll get an email instructing you to come to this page again (same link)."]}),(0,r.jsxs)("p",{className:"font-swiss-regular mt-2 md:max-w-md max-w-sm",children:["You have"," ",(0,r.jsx)("span",{className:"font-swiss-regular text-chill-red font-bold",children:d})," ","use",d>1&&"s"," available on this link."]})]}),p=(0,r.jsxs)("div",{className:"text-center",children:[(0,r.jsxs)("p",{className:"font-swiss-regular max-w-full",children:['"',c.title,'" starts ',(0,r.jsx)("br",{}),(0,r.jsx)("div",{className:"text-center mt-2 font-swiss-regular font-bold text-lg",children:(0,_.p6)(c.startDate)}),(0,r.jsx)("br",{})," Come back here then. You can see more details about this event"," ",(0,r.jsx)(m(),{href:"https://amphi.live/shows/".concat(c.slug),children:(0,r.jsx)("a",{className:"font-swiss-medium text-chill-red hover:text-blue-200 px-1",children:"here."})})]}),(0,r.jsxs)("p",{className:"font-swiss-regular mt-2 md:max-w-md max-w-sm",children:["You have"," ",(0,r.jsx)("span",{className:"font-swiss-regular text-chill-red font-bold px-1",children:d})," ","use",d>1&&"s"," available on this link."]})]}),x=(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)("p",{className:"font-swiss-regular max-w-full text-lg",children:["Thanks for tuning in to ",c.title,"! The event's over.",c.attendeeSurveyLink&&(0,r.jsxs)("p",{className:"font-swiss-regular max-w-full text-lg my-2",children:["We'd love feedback on the event. Tell us what you think in",(0,r.jsx)(m(),{href:c.attendeeSurveyLink,children:(0,r.jsxs)("a",{className:"font-swiss-medium text-electric-blue hover:text-blue-200",children:[" ","this form"," "]})}),"and have a chance to win a free link to a future event!"]})]})}),v="".concat(c.title," is no longer happening. Thanks for tuning in!"),w=(0,o.useState)(""),g=w[0],b=w[1],y=(0,o.useState)(!0),j=y[0],k=y[1],A=(0,o.useState)(u),T=A[0],F=A[1],R=(0,o.useState)("welcome"),U=R[0],M=R[1];(0,o.useEffect)((function(){switch(s){case"start":F(u),M("welcome");break;case"finished":F(x),M("end");break;case"limit":F(h),M("");break;case"replay":F(f),M("");break;case"early":F(p),M("");break;case"over":F(v),M("");break;default:F("")}}),[s]);var W=function(){var e=(0,a.Z)((function(){return(0,i.__generator)(this,(function(e){switch(e.label){case 0:return g.length>=7?(window.gtag&&window.gtag("event","Submitting valid Phone Number",{event_category:"Livestream"}),[4,n({phoneNumber:g,smsConsent:j})]):[3,2];case 1:e.sent(),e.label=2;case 2:return[2]}}

1))}));return function(){return e.apply(this,arguments)}}();return t&&(0,r.jsx)("div",{children:(0,r.jsxs)(C.Z,{open:t,disableBackdropClick:!0,classes:{container:l.container},PaperProps:{style:{backgroundColor:"#36454F",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)",borderRadius:30,paddingTop:20,paddingBottom:20,borderWidth:1}},"aria-labelledby":"form-dialog-title",children:["end"!==U&&(0,r.jsx)("div",{className:"mx-auto text-center max-w-md rounded-full",children:(0,r.jsx)(I.Z,{id:"form-dialog-title",children:(0,r.jsxs)("span",{className:"relative z-50 font-bold text-white text-xl",children:[c.title,"!"]})})}),(0,r.jsxs)(z.Z,{children:[(0,r.jsx)("div",{className:"whitespace-pre-wrap font-swiss-medium opacity-90 max-w-sm text-center mx-auto p-2 text-white",children:T}),"welcome"===U&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"flex items-center pr-4 max-w-md mx-auto p-4 ml-8",children:(0,r.jsx)(N(),{country:"us",dropdownStyle:{background:"white",color:"grey"},inputStyle:{width:"85%",padding:20,marginLeft:35,color:"grey"},inputProps:{name:"phoneNumber",required:!0,autoFocus:!0},value:g,onKeyDown:function(e){"Enter"===e.key&&W(g)},onChange:b,title:"Phone Number"})}),(0,r.jsx)("div",{className:"flex flex-row my-2 mx-auto max-w-sm",children:(0,r.jsx)(E.Z,{control:(0,r.jsx)(Z.Z,{checked:j,onChange:function(e){return k(!j)},name:"smsConsent",style:{color:"white",marginLeft:40}}),label:(0,r.jsx)(D.Z,{className:l.formControlLabel,children:"Let this artist text me after the show! Standard SMS rates apply. See terms of service for details."})})}),(0,r.jsxs)("p",{className:"font-oxygen opacity-90 mx-auto text-xs mt-2 italic text-center text-white max-w-xs leading-tight",children:["By watching, you are confirming that you read and accept our"," ",(0,r.jsx)(m(),{className:"transition duration-300 ease-in-out font-swiss-medium text-pink-500 hover:text-green-400 transform hover:-translate-y-1 hover:scale-240 ...",href:"/terms-of-service",children:(0,r.jsx)("a",{children:"Terms of Service "})}),"its Livestream Attendee Policy."]})]})]}),(0,r.jsx)(P.Z,{children:"welcome"===U&&(0,r.jsx)("button",{className:"transition duration-300 focus:outline-none text-white hover:text-pink-400 font-swiss-medium bg-shiny-black rounded-md py-2 opacity-90 mx-auto my-4",onClick:function(e){e.preventDefault(),W()},children:(0,r.jsx)("p",{className:"flex flex-row font-swiss-medium mx-10 tracking-tighter text-lg",children:"Submit and watch"})})})]})})})),T=n(75105),F=!0,R=function(e){e.classes;var t=e.remainingTickets,c=e.fetchedShow,u=e.fetchedShowURL,m=e.streamID,h=e.stream_uuid,p=0;p=window.innerWidth;var k=(0,l.r)(),N=(0,o.useCallback)((function(e,t){return C(e)})),S=(0,o.useState)(!1),L=S[0],C=S[1],I=(0,o.useState)("<div/>"),z=I[0],E=I[1],Z=(0,o.useState)("<div/>"),D=(Z[0],Z[1]),P=(0,o.useState)(!1),F=P[0],R=P[1],U=(0,o.useState)(!1),M=U[0],W=U[1],O=(0,o.useState)({}),V=O[0],H=O[1],B=(0,o.useState)(null),Y=B[0],X=B[1],q=(0,o.useState)(null),G=q[0],K=q[1],J=(0,o.useState)(!1),Q=J[0],$=J[1],ee=(0,o.useState)(!0),te=ee[0],ne=ee[1],ae=(0,o.useState)("start"),se=ae[0],ie=ae[1],re=(0,o.useState)(),oe=re[0],le=re[1],ce=(0,o.useState)(!1),de=ce[0],ue=ce[1],me=(0,o.useState)(),he=me[0],fe=me[1],pe=(0,o.useState)(!0),xe=pe[0],ve=pe[1],we=(0,o.useState)(!1),ge=we[0],be=we[1],ye=(0,o.useState)(),je=ye[0],ke=ye[1],Ne=(0,o.useState)([]),Se=Ne[0],Le=Ne[1],_e=(0,o.useState)(),Ce=_e[0],Ie=_e[1],ze=(0,o.useState)(0),Ee=ze[0],Ze=ze[1],De=(0,o.useState)({}),Pe=De[0],Ae=De[1],Te=(0,o.useState)(0),Fe=(Te[0],Te[1],(0,o.useState)(!1)),Re=Fe[0],Ue=Fe[1],Me=(0,o.useState)(),We=Me[0],Oe=Me[1],Ve=x().utc().valueOf(),He=c.startDate,Be=c.endDate,Ye=(c.title,c.replayTime),Xe=(0,o.useState)(100),qe=Xe[0],Ge=Xe[1];(0,o.useEffect)((function(){var e=z.indexOf("vimeo")>-1||z.indexOf("aws")>-1,n=(0,_.uL)("get",["viewer_stream".concat(m)])["viewer_stream".concat(m)],a=+Ye>0&&Ve>+Be&&x().duration(Ve-+Be).asHours()<=+Ye+48;Ue(a),H({remainingTickets:t,showURL:u,id:m,showID:c.id}),Oe(n),n&&ue(!0),!e&&a&&+Be<Ve?ie("replay"):+He>Ve?ie("early"):+Be<Ve&&!a?ie("over"):!t&&!n&&Ve>=+He&&Ve<=+Be&&ie("limit")}),[]),(0,o.useEffect)((function(){if(We&&de)return c.extraCams&&c.cameras&&Le(c.cameras.items.map((function(e){return e.camera}))),(0,j.W6)(We).then((function(e){var t=e.show,a=t.embed,s=t.playbackURL;a&&("LIVESTREAM"===a?(D(s),n.e(459).then(n.bind(n,6459)).then((function(e){var t=new e.default(ke,Ae);t.loadAndPlay(s),t.setVolume(1),t.setMuted(!1),le(t),ne(!1),ie("")})).catch((function(e){console.log("error initalizing the video player",e)}))):(ve(!1),E(a),ne(!1),ie("")))})),$(!1),function(){he&&(clearInterval(he),fe(null))}}),[de,We]),(0,o.useEffect)((function(){switch(je){case"Ready":case"Initialized":he&&(clearInterval(he),fe(null)),ve(!1),$(!1);break;case"Idle":if(he)break;var e=setInterval((function(){oe&&(console.log("trying to load again"),oe.loadAndPlay(c.playbackURL))}),2e3);ve(!0),fe(e);break;case"Playing":W(!0),console.log("show started playing"),he&&(clearInterval(he),fe(null)),ve(!1),$(!1);break;

1case"Ended":if(!(+Be<=Ve)){if(ve(!0),he)console.log("retryID already exists",he);else setInterval((function(){window.location.reload()}),15e3);break}console.log("stream has ended"),W(!1),he&&(clearInterval(he),fe(null)),ie("finished"),ne(!0),be(!0),ve(!1),$(!1);break;default:$(!1)}}),[je]),(0,o.useEffect)((function(){Se.length>0&&n.e(952).then(n.bind(n,40952)).then((function(e){var t=new e.default(ke,Ae);t.loadAndPlay(Se[0].playbackURL),Ie(t)})).catch((function(e){console.log("error initalizing the camera video player",e)}))}),[Se]),(0,o.useEffect)((function(){if(Se.length>0&&Ce){if(!Se[Ee])return console.log("now on main cam","playerChange",Ee),R(!0),he&&(clearInterval(he),fe(null)),void ve(!1);R(!1);var e=Se[Ee];console.log("now on cam",e.name),Ce.loadAndPlay(e.playbackURL),Ce.setVolume(0),he&&(clearInterval(he),fe(null)),ve(!1)}}),[Ee]),(0,o.useEffect)((function(){oe&&oe.setMuted(!1)}),[oe]);var Ke=function(){var e=(0,a.Z)((function(e){var t,n,a,r,o,l,c,d,u,h,p,x,v;return(0,i.__generator)(this,(function(i){switch(i.label){case 0:return t=e.phoneNumber,n=e.smsConsent,t?($(!0),[4,f().get("https://ipapi.co/json/").then((function(e){return e.data})).catch((function(e){return console.log("couldn't get city info",e),null}))]):[2];case 1:return a=i.sent(),r="",o="",l="",a&&(r=a.city,o=a.region,l=a.country_name),[4,(0,j.wy)((0,_.sp)({phoneNumber:t,smsConsent:n,city:r,region:o,country:l,stream:m}))];case 2:if(c=i.sent(),d=c.viewer_stream,u=c.embed,h=c.playbackURL,c.showURL,p=c.remainingTickets,x=c.error,$(!1),x)X(x);else{if(u||h)return v="viewer_stream".concat(V.id),(0,_.uL)("add",(0,s.Z)({},v,d)),K("You have ".concat(p," link shares remaining")),ne(!1),ue(!0),ve(!1),[2,!0];ie("limit")}return[2]}}

1))}));return function(t){return e.apply(this,arguments)}}(),Je=c.eventbriteEventID?c.image:"https://app-images154903-dev.s3.amazonaws.com/public/"+c.image,Qe=c.customLoadingScreen&&+c.endDate>x().utc().valueOf()?c.customLoadingScreen:"https://app-images154903-dev.s3.amazonaws.com/public/loading_screen.mp4",$e="LIVESTREAM"!==c.embed&&!c.footage,et=!!c.footage,tt=xe&&!Re&&!c.footage,nt="LIVESTREAM"===c.embed&&!(xe||ge)&&!c.footage;return console.log("hasFootage",et,"isLivestreamAndIsntLoadingOrEndedAndNoFootage",nt,"isLiveAndLoadingNoFootage",tt,"notLivestreamAndNoFootage",$e,"showUserOptions",M),Q?(0,r.jsx)("div",{className:"flex items-center justify-center md:mt-64",children:(0,r.jsx)(w.Z,{color:"secondary"})}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(v.PB,{title:"Amphi Livestreams",titleTemplate:"".concat(c.title," | Amphi"),description:c.description,canonical:"https://www.amphi.live/",additionalMetadata:{name:"application-name",content:"Livestreaming"},mobileAlternate:{media:"640px"},article:{tags:["livestream",c.title,c.genre,"video encoder","twitch","restream","event","live event","ticketing","performer","artist","musician","concert","live stream","live","music","performance","production","home","reach","stream","live performance"]},openGraph:{url:"https://www.amphi.live/shows/".concat(c.slug),title:c.title,description:c.description,site_name:"Amphi",profile:{username:c.title},images:[{url:Je}]}}),(0,r.jsx)(v.yA,{name:c.title,startDate:c.startDate,endDate:c.endDate,location:{name:c.location,address:"https://amphi.live"},url:"https://www.amphi.live/shows/".concat(c.slug),description:c.description,images:[Je],performers:[],offers:[{price:c.basePrice,category:"livestream",priceCurrency:"USD",url:"https://www.amphi.live/shows/".concat(c.slug),seller:{name:"Amphi"}}]}),(0,r.jsxs)(l.I,{handle:k,onChange:N,children:[(0,r.jsx)("video",{className:"absolute z-0 h-screen w-screen inset-0 overflow-y-hidden",id:"video-player",playsInline:!0,autoPlay:!0,loop:!0}),(0,r.jsx)("video",{className:"absolute z-10 w-screen h-screen inset-0 overflow-y-hidden ".concat(F&&" hidden "),id:"cam-player",playsInline:!0,autoPlay:!0,loop:!0}),$e?(0,r.jsx)("div",{className:"absolute z-10 w-full inset-0 overflow-y-hidden",dangerouslySetInnerHTML:{__html:unescape(z)}}):et&&(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("video",{className:"hidden md:block absolute z-20 w-full inset-0 overflow-y-hidden",playsInline:!0,controls:!0,autoPlay:!0,loop:!0,children:(0,r.jsx)("source",{src:"https://app-images154903-dev.s3.amazonaws.com/public/".concat(c.footage),title:"desktop_iframe",mozallowfullscreen:"true",type:"video/mp4"})})}),(0,r.jsxs)("div",{className:"bg-black h-screen overflow-y-hidden",children:[tt&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("video",{className:"hidden md:block absolute z-20 w-full inset-0 overflow-y-hidden",playsInline:!0,autoPlay:!0,muted:!0,loop:!0,children:(0,r.jsx)("source",{src:Qe,title:"desktop_iframe",mozallowfullscreen:"true",type:"video/mp4"})}),(0,r.jsx)("div",{className:"absolute left-1/2 center top-1/2",children:(0,r.jsx)("div",{className:"flex flex-row relative z-40 items-center text-center -left-1/2 text-white border-4 border-white uppercase px-8 py-2 rounded tracking-wide",children:(0,r.jsx)("p",{className:"blink-me text-2xl w-full text-center font-bold",children:"Initialized"===je?"Waiting to begin...":"Loading"})})})]}),nt&&(0,r.jsxs)("div",{className:"absolute md:hidden bottom-0 right-0 z-40 flex flex-col text-center items-right mr-4",children:[(0,r.jsx)(d(),{src:y.Z,alt:"Amphi Logo",width:p/6,height:80}),(0,r.jsx)("div",{className:"mb-4 w-20 text-pink-600 border-2 border-pink-700 uppercase px-4 rounded-lg",children:(0,r.jsx)("p",{className:"blink-me",children:"Live"})})]}),nt&&(0,r.jsxs)("div",{className:"hidden md:flex md:flex-col absolute bottom-0 right-0 z-40 text-center items-center",children:[(0,r.jsx)(d(),{src:y.Z,alt:"Amphi Logo",width:p/6,height:80}),(0,r.jsx)("div",{className:"my-4 w-24 text-pink-600 border-2 border-pink-700 uppercase px-4 rounded-lg",children:(0,r.jsx)("p",{className:"blink-me",children:"Live"})})]}),(0,r.jsx)("div",{className:"absolute z-40 bg-black",children:Y?(0,r.jsx)(g.Z,{open:!!Y,autoHideDuration:5e3,onClose:function(){return X(null)},children:(0,r.jsx)(b.Z,{severity:"error",elevation:6,variant:"filled",children:"".concat(Y)})}):G?(0,r.jsx)(g.Z,{open:!!G,autoHideDuration:5e3,onClose:function(){return K(null)},children:(0,r.jsx)(b.Z,{severity:"success",elevation:6,variant:"filled",children:"".concat(G)})}):null}),M&&(0,r.jsx)("div",{className:"md:absolute z-50 md:left-0 md:top-50 w-full bg-transparent h-32 md:h-16",children:(0,r.jsx)(T.Z,{handleIVSSoundLevel:function(e){Ge(e),oe.setVolume(e/100)}

1,soundLevel:qe,viewerStream:We,windowWidth:p,showLiveBlinker:nt,fetchedShow:c,isFullScreenDisplayed:L,handle:k,cameras:Se,newMessage:Pe,handleCamChange:Ze,streamUUID:h,prerecorded:!!c.footage})}),(0,r.jsx)("div",{className:"mx-auto items-center",children:(0,r.jsx)(A,{savePhoneNumber:Ke,remainingTickets:t,showDialog:te,dialogChange:se,show:c})})]})]})]})}},15671:function(e,t,n){"use strict";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}n.d(t,{Z:function(){return a}})}},function(e){e.O(0,[678,885,664,675,569,287,555,962,152,935,695,49,185,774,888,179],(function(){return t=19637,e(e.s=t);var t}));var t=e.O();_N_E=t}]);