https://next-video-demo.vercel.app/_next/static/chunks/app/(default)/custom-player/page-f9c2353678d7c7cb.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8221],{2582:(e,t,l)=>{Promise.resolve().then(l.bind(l,6595)),Promise.resolve().then(l.bind(l,3282))},3282:(e,t,l)=>{"use strict";l.d(t,{default:()=>z});var a=l(5155),r=l(2115);let n=/\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i,i=/\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\d+]+)?($|\?)/i,c=/\.(m3u8)($|\?)/i,o=/\.(mpd)($|\?)/i,u=/stream\.mux\.com\/(?!\w+\.m3u8)(\w+)/,s=/(?:youtu\.be\/|youtube(?:-nocookie|education)?\.com\/(?:embed\/|v\/|watch\/|watch\?v=|watch\?.+&v=|shorts\/|live\/))((\w|-){11})|youtube\.com\/playlist\?list=|youtube\.com\/user\//,y=/vimeo\.com\/(?!progressive_redirect).+/,m=/(?:wistia\.(?:com|net)|wi\.st)\/(?:medias|embed)\/(?:iframe\/)?([^?]+)/,d=/open\.spotify\.com\/(\w+)\/(\w+)/i,h=/(?:www\.|go\.)?twitch\.tv\/([a-zA-Z0-9_]+|(videos?\/|\?video=)\d+)($|\?)/,p=/tiktok\.com\/(?:player\/v1\/|share\/video\/|@[^/]+\/video\/)([0-9]+)/,P=(e,t)=>{if(Array.isArray(e)){for(let l of e)if("string"==typeof l&&P(l,t)||P(l.src,t))return!0;return!1}return t(e)},b={html:e=>P(e,e=>n.test(e)||i.test(e)),hls:e=>P(e,e=>c.test(e)),dash:e=>P(e,e=>o.test(e)),mux:e=>u.test(e),youtube:e=>s.test(e),vimeo:e=>y.test(e)&&!i.test(e)&&!c.test(e),wistia:e=>m.test(e),spotify:e=>d.test(e),twitch:e=>h.test(e),tiktok:e=>p.test(e)},f=r.forwardRef((e,t)=>{let l=n.test(`${e.src}`)?"audio":"video";return r.createElement(l,{...e,ref:t},e.children)}),v=[{key:"hls",name:"hls.js",canPlay:b.hls,canEnablePIP:()=>!0,player:(0,r.lazy)(()=>Promise.all([l.e(9910),l.e(8842),l.e(2262)]).then(l.bind(l,5136)))},{key:"dash",name:"dash.js",canPlay:b.dash,canEnablePIP:()=>!0,player:(0,r.lazy)(()=>Promise.all([l.e(8842),l.e(6395)]).then(l.bind(l,6521)))},{key:"mux",name:"Mux",canPlay:b.mux,canEnablePIP:()=>!0,player:(0,r.lazy)(()=>Promise.all([l.e(9910),l.e(8842),l.e(8386),l.e(2723)]).then(l.bind(l,4025)))},{key:"youtube",name:"YouTube",canPlay:b.youtube,player:(0,r.lazy)(()=>l.e(8446).then(l.bind(l,6697)))},{key:"vimeo",name:"Vimeo",canPlay:b.vimeo,player:(0,r.lazy)(()=>l.e(6173).then(l.bind(l,1748)))},{key:"wistia",name:"Wistia",canPlay:b.wistia,canEnablePIP:()=>!0,player:(0,r.lazy)(()=>l.e(9340).then(l.bind(l,8554)))},{key:"spotify",name:"Spotify",canPlay:b.spotify,canEnablePIP:()=>!1,player:(0,r.lazy)(()=>l.e(2771).then(l.bind(l,5466)))},{key:"twitch",name:"Twitch",canPlay:b.twitch,canEnablePIP:()=>!1,player:(0,r.lazy)(()=>l.e(2042).then(l.bind(l,1846)))}

1,{key:"tiktok",name:"TikTok",canPlay:b.tiktok,canEnablePIP:()=>!1,player:(0,r.lazy)(()=>l.e(8085).then(l.bind(l,5500)))},{key:"html",name:"html",canPlay:b.html,canEnablePIP:()=>!0,player:f}],w={width:"320px",height:"180px",volume:1,playbackRate:1,previewTabIndex:0,previewAriaLabel:"",oEmbedUrl:"https://noembed.com/embed?url={url}"},k=r.forwardRef((e,t)=>{let{playing:l,pip:a}=e,n=e.activePlayer,i=(0,r.useRef)(null),c=(0,r.useRef)(!0);if((0,r.useEffect)(()=>{var t,a;i.current&&(i.current.paused&&!0===l&&i.current.play(),i.current.paused||!1!==l||i.current.pause(),i.current.playbackRate=null!=(t=e.playbackRate)?t:1,i.current.volume=null!=(a=e.volume)?a:1)}),(0,r.useEffect)(()=>{var e,t,l,r,n;if(i.current&&globalThis.document){if(a&&!document.pictureInPictureElement)try{null==(t=(e=i.current).requestPictureInPicture)||t.call(e)}catch(e){}if(!a&&document.pictureInPictureElement)try{null==(r=(l=i.current).exitPictureInPicture)||r.call(l),null==(n=document.exitPictureInPicture)||n.call(document)}catch(e){}}},[a]),!n)return null;let o={},u=["onReady","onStart"];for(let t in e)t.startsWith("on")&&!u.includes(t)&&(o[t]=e[t]);return r.createElement(n,{...o,style:e.style,className:e.className,slot:e.slot,ref:(0,r.useCallback)(e=>{i.current=e,"function"==typeof t?t(e):null!==t&&(t.current=e)},[t]),src:e.src,crossOrigin:e.crossOrigin,preload:e.preload,controls:e.controls,muted:e.muted,autoPlay:e.autoPlay,loop:e.loop,playsInline:e.playsInline,disableRemotePlayback:e.disableRemotePlayback,config:e.config,onLoadStart:t=>{var l,a;c.current=!0,null==(l=e.onReady)||l.call(e),null==(a=e.onLoadStart)||a.call(e,t)},onPlay:t=>{var l,a;c.current&&(c.current=!1,null==(l=e.onStart)||l.call(e,t)),null==(a=e.onPlay)||a.call(e,t)}},e.children)});k.displayName="Player";let E=(0,r.lazy)(()=>l.e(6353).then(l.bind(l,4213))),g=[],I=({children:e})=>e,R=v[v.length-1];var x=((e,t)=>{let l=r.forwardRef((l,a)=>{let n={...w,...l},{src:i,slot:c,className:o,style:u,width:s,height:y,fallback:m,wrapper:d}=n,[h,p]=(0,r.useState)(!!n.light);(0,r.useEffect)(()=>{n.light?p(!0):p(!1)},[n.light]);let P=e=>{var t;p(!1),null==(t=n.onClickPreview)||t.call(n,e)},b=null==d?I:d,f=!1===m?I:r.Suspense;return r.createElement(b,{slot:c,className:o,style:{width:s,height:y,...u}},r.createElement(f,{fallback:m},h?(e=>{if(!e)return null;let{light:t,playIcon:l,previewTabIndex:a,oEmbedUrl:i,previewAriaLabel:c}=n;return r.createElement(E,{src:e,light:t,playIcon:l,previewTabIndex:a,previewAriaLabel:c,oEmbedUrl:i,onClickPreview:P})})(i):(l=>{var i,u;let s=(l=>{for(let t of[...g,...e])if(l&&t.canPlay(l))return t;return t||null})(l);if(!s)return null;let{style:y,width:m,height:d,wrapper:h}=n,p=null==(i=n.config)?void 0:i[s.key];return r.createElement(k,{...n,ref:a,activePlayer:null!=(u=s.player)?u:s,slot:h?void 0:c,className:h?void 0:o,style:h?{display:"block",width:"100%",height:"100%"}:{display:"block",width:m,height:d,...y},config:p})})(i)))});return l.displayName="ReactPlayer",l.addCustomPlayer=e=>{g.push(e)},l.removeCustomPlayers=()=>{g.length=0},l.canPlay=t=>{if(t){for(let l of[...g,...e])if(l.canPlay(t))return!0}return!1},l.canEnablePIP=t=>{var l;if(t){for(let a of[...g,...e])if(a.canPlay(t)&&(null==(l=a.canEnablePIP)?void 0:l.call(a)))return!0}return!1},l})(v,R);function z(e){let{asset:t,src:l,poster:r,blurDataURL:n,thumbnailTime:i,...c}=e;return(0,a.jsx)(x,{src:l,width:"100%",height:"100%",...c})}}},e=>{e.O(0,[4148,6595,8441,1255,7358],()=>e(e.s=2582)),_N_E=e.O()}]);