https://tver.jp/_next/static/chunks/4834.fcf07c126e927c12.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4834],{17352:e=>{e.exports={container:"SeekThumbnail_container__JOezL",time:"SeekThumbnail_time__uDGbx"}},17817:(e,t,r)=>{"use strict";r.d(t,{o:()=>y});var n=r(37876),a=r(14232);let l=e=>{if(!(e.total<=0||!Number.isFinite(e.total)||Number.isNaN(e.current)||Number.isNaN(e.total)))return Math.ceil(1e3*Math.min(Math.max(0,e.current/e.total),1))/1e3};var o=r(69328),s=r(49995),i=r(72410);let u={DEFAULT:{WIDTH:264,HEIGHT:146},MINI_PLAYER:{WIDTH:124,HEIGHT:67}},c=e=>{let t=e?"MINI_PLAYER":"DEFAULT";return{width:u[t].WIDTH,height:u[t].HEIGHT}};var d=r(62107),m=r(17352),h=r.n(m);let p=e=>{let t=c(e.isMiniPlayer);return(0,n.jsxs)("div",{"data-mini-player":e.isMiniPlayer,className:h().container,style:{left:`${e.style.left}px`},children:[(0,n.jsx)("div",{style:{backgroundImage:`url(${e.style.backgroundUrl})`,width:`${e.style.width}px`,height:`${e.style.height}px`,backgroundRepeat:"no-repeat",backgroundPosition:`-${e.style.x}px -${e.style.y}px`,transform:`scale(${(t.width-4)/e.style.width}, ${t.height/e.style.height})`,transformOrigin:"top left"}}),(0,n.jsx)("span",{className:h().time,children:(0,d.WR)(e.time)})]})};var g=r(89490),v=r.n(g);let b=(0,a.forwardRef)((e,t)=>{let r=void 0===e.rate||!!e.readOnly,a=(0,i.hx)();return(0,n.jsxs)("div",{ref:t,"data-mini-player":a.isOpen,className:(0,s.A)(v().container,r&&v().disabled),"aria-valuenow":e.rate,onMouseDown:r?void 0:e.onMouseDown,onMouseMove:r?void 0:e.onMouseMove,onMouseLeave:r?void 0:e.onMouseLeave,children:[(0,n.jsx)("div",{className:(0,s.A)(v().bar,v().backgroundBar)}),void 0!==e.rate&&(0,n.jsx)("div",{className:(0,s.A)(v().bar,v().activeBar),style:{width:`${100*e.rate}%`},children:(0,n.jsx)("div",{className:v().handleWrapper,children:!r&&(e.customIndicatorIconUrl?(0,n.jsx)("img",{className:v().customIndicatorIcon,src:e.customIndicatorIconUrl,alt:"","aria-hidden":!0}):(0,n.jsx)("div",{className:v().handle}))})}),e.seekThumbnail&&(0,n.jsx)(p,{style:e.seekThumbnail.style,time:e.seekThumbnail.time,isMiniPlayer:a.isOpen})]})});var f=r(15798),_=r(36804);let y=e=>{let t=(0,a.useRef)(null),{currentTime:r}=(()=>{let e=(0,f.n)(),{subscribe:t,getSnapshot:r}=(0,a.useMemo)(()=>{let t=e.currentTime();return{getSnapshot:()=>t,subscribe:r=>{let n=()=>{t=e.currentTime(),r()};return e.on("timeupdate",n),e.on("adchange",n),e.on("ads-ad-timeupdate",n),()=>{e.off("timeupdate",n),e.off("adchange",n),e.off("ads-ad-timeupdate",n)}}}},[e]);return{currentTime:(0,a.useSyncExternalStore)(t,r)}})(),{duration:s}=(()=>{let e=(0,f.n)(),{subscribe:t,getSnapshot:r}=(0,a.useMemo)(()=>{let t=e.duration();return{getSnapshot:()=>t,subscribe:r=>{let n=()=>{t=e.duration(),r()};return e.on("durationchange",n),e.on("adchange",n),e.on("admodeend",n),()=>{e.off("durationchange",n),e.off("adchange",n),e.off("admodeend",n)}}}},[e]);return{duration:(0,a.useSyncExternalStore)(t,r)}})(),u=(0,o.SX)(),d=(0,o.Hu)(u),m=l({current:r,total:s}),{value:h,onMouseDown:p}=(e=>{let t=(0,f.n)(),{throwable:r}=(0,_.VT)(),[n,o]=(0,a.useState)(!1),[s,i]=(0,a.useState)(null),[u,c]=(0,a.useState)(null),d=(0,a.useRef)(0),m=(0,a.useCallback)(t=>{if(!e.ref.current)return;let r=e.ref.current.getBoundingClientRect(),n=l({current:t.clientX-r.left,total:r.width});void 0!==n&&i(n)},[]),h=(0,a.useCallback)(e=>{e.stopPropagation(),document.body.style.setProperty("user-select","none"),m(e),o(!0)},[]),p=(0,a.useCallback)(e=>{n&&m(e)},[n]),g=(0,a.useCallback)(()=>{o(!1),document.body.style.removeProperty("user-select"),null!==s&&r(async()=>{await t.seek(s),c(s),i(null)})},[t,s]);return(0,a.useEffect)(()=>(n&&(window.addEventListener("mousemove",p),window.addEventListener("mouseup",g)),()=>{window.removeEventListener("mousemove",p),window.removeEventListener("mouseup",g)}),[n,p,g]),(0,a.useEffect)(()=>{let t=d.current;void 0!==e.progressRate&&(d.current=e.progressRate),void 0!==e.progressRate&&e.progressRate!==t&&c(null)},[e.progressRate]),{value:s??u,onMouseDown:h,onMouseMove:p,onMouseUp:g}})({ref:t,progressRate:m}),{thumbnail:g,onMouseMove:v,onMouseLeave:y}=(e=>{let t=(0,f.n)(),r=(0,i.hx)(),[n,o]=(0,a.useState)(null),s=c(r.isOpen).width,u=[];(0,a.useEffect)(()=>{e.disabled&&o(null)},[e.disabled]);let d=(0,a.useCallback)(async(e,r)=>{var n;let a,l=(1===(a=u.filter(t=>t.startTime<=e&&t.endTime>=e)).length?a[0]:a.length>=2?a.find(e=>e.startTime===Math.min(...a.map(e=>e.startTime))):void 0)??("vod"===t.type?await t.getSeekThumbnail(e):void 0);if(!l)return;u.find(e=>e.src===l.src)||u.push(l);let{x:s,y:i}=(n={position:Math.ceil((e-l.startTime)/l.tiles.duration),rows:l.tiles.layout.rows,columns:l.tiles.layout.columns}).position>n.rows*n.columns?{x:n.rows,y:n.columns}:{x:(n.position-1)%n.rows+1,y:Math.ceil(n.position/n.rows)};o({style:{backgroundUrl:l.src,width:l.tiles.resolution.width,height:l.tiles.resolution.height,x:(s-1)*l.tiles.resolution.width,y:(i-1)*l.tiles.resolution.height,left:r},time:e})},[t]),m=(0,a.useCallback)(t=>{if(!e.disabled&&e.ref.current){let r=e.ref.current.getBoundingClientRect(),n=t.clientX-r.left,a=l({current:n,total:r.width});if(void 0===a)return;let o=e.duration*a;s/2+n>=r.width?d(o,r.width-s):n<=s/2?d(o,0):d(o,n-s/2)}},[e.disabled,e.duration,r,d]),h=(0,a.useCallback)(()=>{o(null)},[]);return{thumbnail:e.disabled?null:n,onMouseMove:m,onMouseLeave:h}}

1)({ref:t,duration:s,disabled:!!e.readOnly||!!e.hideSeekThumbnail}),k=h??m;return(0,n.jsx)(b,{ref:t,rate:k,seekThumbnail:g,customIndicatorIconUrl:d.seekIndicatorIconUrl,readOnly:e.readOnly,onMouseDown:p,onMouseMove:v,onMouseLeave:y})}},55570:e=>{e.exports={container:"VodController_container__jQU9B",active:"VodController_active__Sjkyk",minimal:"VodController_minimal__athk8",hideCursor:"VodController_hideCursor__z__N4",buttons:"VodController_buttons__iPB1l",timeLabel:"VodController_timeLabel__HGEOq",pr:"VodController_pr__Dmw6S",spacer:"VodController_spacer__Ywg1N",setting:"VodController_setting__DA_cR",menuMargin:"VodController_menuMargin__vPx31",subtitle:"VodController_subtitle__hkivQ",quality:"VodController_quality__Jnzn6"}},84834:(e,t,r)=>{"use strict";r.r(t),r.d(t,{VodController:()=>I});var n=r(37876),a=r(49995),l=r(14232),o=r(12381),s=r(82977),i=r(72986),u=r(71458),c=r(66469),d=r(98246),m=r(90644),h=r(40996),p=r(17817),g=r(49646),v=r(62598),b=r(25354),f=r(90394),_=r(99537),y=r(7526),k=r(75361),w=r(92794),x=r(17277),C=r(568),M=r(15798),T=r(62107),S=r(54653);let N=e=>{let t=(0,S.X)(e);return({0:d.h.volumeMute,1:d.h.volumeMinimum,2:d.h.volumeMedium,3:d.h.volume})[t]};var j=r(55570),E=r.n(j);let I=e=>{let t,r=(0,l.useRef)(null),{active:S,activate:j,deactivate:I,updateActivate:R,onMouseOver:L,onMouseOut:B,onFocus:V,onBlur:A}=(0,s._T)(),{isAd:F,isClickableAd:P}=(0,s.VM)(e.controller),{onChangeSetting:D}=((e,t)=>{let r=(0,l.useRef)(!1),{data:n,mutate:a}=(0,x.P)(["playerSetting","vod"]),s=(0,w.rf)(),i=(0,C.xl)();return(0,l.useEffect)(()=>{null===n&&a({speed:1,quality:"",subtitles:!1})},[n,a]),(0,l.useEffect)(()=>{n&&!r.current&&(e.subtitles(n.subtitles),e.quality(n.quality),r.current=!0)},[n,e]),{onChangeSetting:(0,l.useCallback)(r=>{if(!n)return;let l=s?`${i}/player`:i;switch(r.type){case"speed":{a({...n,speed:r.value});let o=r.value;t&&(0,C.F6)({action:`speed/${Number.isInteger(o)?o.toFixed(1):o}`,category:"player",label:`${Math.round(e.currentTimeWithoutAdPlayer())}`,screenName:l});break}case"quality":a({...n,quality:r.value}),t&&(0,C.F6)({action:o.kP[r.value],category:"player",label:`${Math.round(e.currentTimeWithoutAdPlayer())}`,screenName:l});break;case"subtitles":a({...n,subtitles:r.value}),t&&(0,C.F6)({action:r.value?"caption/on":"caption/off",category:"player",label:`${Math.round(e.currentTimeWithoutAdPlayer())}`,screenName:l})}},[n,i,s,a,t])}})(e.controller,!e.isNHKContent),{speed:O,quality:H,subtitles:U,onChangeSpeed:$,onChangeQuality:q,toggleSubtitles:W}=(0,i.V)(D),{type:G,onPlay:z}=(0,s.cm)({controller:e.controller,onChangeResumeTag:e.onChangeResumeTag}),Y=(0,u.h)(o.eG),Q=(0,u.h)(o.wo),{isFullscreen:X,toggleFullscreen:K}=(0,w.Hr)(),J=(e=>{let t=(0,M.n)(),{toggleFullscreen:r}=(0,w.Hr)(),[n,a]=(0,l.useState)(null);return(0,l.useEffect)(()=>{let n=e.ref.current;if(!n)return;let l=l=>{let o=l.target;if(o instanceof HTMLElement){let s=n.contains(o),i=o.tagName.toLowerCase();if("input"===i||"textarea"===i)return;let u=(0,T.WP)(l);if(s&&"Escape"===u){n.focus(),e.deactivate();return}let c=(0,T.H5)(o);switch(u){case"Space":case"Enter":if(l.repeat||c)return;l.preventDefault(),t.paused()?(t.play(),a(d.h.play)):(t.pause(),a(d.h.pause));break;case"ArrowRight":if(c)return;if(!e.isAd){if(!t.canSkipForward())return void a(null);t.skipForward(),a(d.h.skipForward)}break;case"ArrowLeft":if(c)return;e.isAd||(t.skipBackward(),a(d.h.skipBack));break;case"ArrowUp":if(c)return;a(N(e.onVolumeUp())),l.preventDefault();break;case"ArrowDown":if(c)return;a(N(e.onVolumeDown())),l.preventDefault();break;case"KeyF":if(l.repeat)return;r();break;case"KeyM":if(l.repeat)return;a(N(e.onMuteToggle()))}}e.activate()},o=()=>{a(null)};return document.addEventListener("keydown",l),document.addEventListener("keyup",o),()=>{document.removeEventListener("keydown",l),document.removeEventListener("keyup",o)}},[t,e.isAd,e.onVolumeUp,e.onVolumeDown,e.onMuteToggle,e.activate,e.deactivate,r]),{action:n}})({ref:r,isAd:F,activate:j,deactivate:I,onVolumeUp:e.volume.up,onVolumeDown:e.volume.down,onMuteToggle:e.volume.toggle}),{onFocus:Z}=(t=(0,l.useCallback)(()=>{let e=r.current;e&&e.focus({preventScroll:!0})},[]),(0,l.useEffect)(()=>{0===window.scrollY&&t()},[t]),{onFocus:t}),ee=(0,k.Y$)(),et=(0,_.r)(),[er,en]=(0,l.useState)(!1),[ea,el]=(0,l.useState)(!1),[eo,es]=(0,l.useState)(!1),ei=(0,l.useRef)(!1),eu=(0,l.useRef)(null),ec=(0,l.useCallback)(e=>{ei.current=e.target===e.currentTarget},[]),ed=(0,l.useCallback)(e=>{e.target!==e.currentTarget||ei.current&&(ei.current=!1,eu.current?(clearTimeout(eu.current),eu.current=null,K()):eu.current=setTimeout(()=>{eu.current=null,F||z()},300))},[F,z,K]);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(d.I,{action:J.action}),(0,n.jsxs)("div",{ref:r,className:(0,a.A)(E().container,{[E().hideCursor]:!S&&!F,[E().active]:S,[E().minimal]:F&&P}),style:{"--seek-bar-color":F?"#ffd647":"#21abe6"},tabIndex:0,onMouseMove:R,onMouseOver:L,onMouseOut:B,onMouseDown:ec,onMouseUp:Z,onMouseLeave:I,onFocus:V,onBlur:A,onClick:ed,children:[(0,n.jsx)(p.o,{readOnly:F,hideSeekThumbnail:er||ea||eo}),(0,n.jsxs)("div",{className:E().buttons,children:[F&&(0,n.jsx)("span",{className:E().pr,children:"PR"}),!F&&(0,n.jsx)(v.L,{onClick:Y}),(0,n.jsx)(m.j,{type:G,onClick:z}),!F&&(0,n.jsx)(v.x,{onClick:Q}),(0,n.jsx)(y.f,{volume:e.volume.volume,onClick:e.volume.toggle,onInput:e.volume.setTemp,onChange:e.volume.setVolume}),(0,n.jsx)(_.A,{className:E().timeLabel,label:et}),(0,n.jsx)("span",{className:E().spacer}),!F&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(b.Q,{menuClassName:E().menuMargin,speed:O,onChange:$,onOpenChange:en}),ee?e.hasSubtitle&&(0,n.jsx)(f.P,{subtitle:U,onChange:W}):(0,n.jsxs)(n.Fragment,{children:[e.hasSubtitle&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(g.B,{className:E().setting,menuClassName:E().menuMargin,subtitle:U,qual

1ity:H,onChangeSubtitle:W,onChangeQuality:q,onOpenChange:es}),(0,n.jsx)(f.P,{className:E().subtitle,subtitle:U,onChange:W})]}),(0,n.jsx)(h.e,{className:(0,a.A)({[E().quality]:!!e.hasSubtitle}),menuClassName:E().menuMargin,quality:H,onChange:q,onOpenChange:el})]})]}),(0,n.jsx)(c.g,{fullscreen:X,onChange:K})]})]})]})}},89490:e=>{e.exports={container:"SeekBar_container__mcvNv",disabled:"SeekBar_disabled__zEzrc",backgroundBar:"SeekBar_backgroundBar__x7oUF",activeBar:"SeekBar_activeBar__FFaZC",handleWrapper:"SeekBar_handleWrapper__uSORm",customIndicatorIcon:"SeekBar_customIndicatorIcon__4cctc",bar:"SeekBar_bar__hOgEi",handle:"SeekBar_handle__hC5k9"}}}]);