https://iculture.or.kr/static/js/2.e993f07b.chunk.js

1(this.webpackJsonpfrontend=this.webpackJsonpfrontend||[]).push([[2],{1210:function(e,t,a){"use strict";var n=a(27),o=a(0);t.a=function(){var e="object"===typeof window,t=Object(o.useCallback)((function(){return{width:e?window.innerWidth:void 0,height:e?window.innerHeight:void 0}}),[e]),a=Object(o.useState)(t),s=Object(n.a)(a,2),l=s[0],r=s[1];return Object(o.useEffect)((function(){if(!e)return!1;function a(){r(t())}return window.addEventListener("resize",a),function(){return window.removeEventListener("resize",a)}}),[t,e]),l}},1211:function(e,t,a){"use strict";var n=a(6),o=a(0),s=a.n(o),l=a(1008),r=a.n(l),c=a(26),i=a.n(c),d=a(107),m=(a(39),a(1468)),u=a.n(m);t.a=function(e){var t=e.vods,a=e.onSelectVOD,o=function(e){return s.a.createElement("div",{className:i()(u.a.sessionOpeningClosing,"row  align-items-center",Object(n.a)({},"".concat(u.a.currentSession),!1)),key:e.id},s.a.createElement("div",{className:"".concat(u.a.sessionTime," col-12 col-md-3  text-left text-md-center")},s.a.createElement("span",null,function(e){return!1===e.timeExists?"".concat(r()(1e3*e.startAt).format("HH:mm")," ~ ").concat(r()(1e3*e.endAt).format("HH:mm")):null}(e))),s.a.createElement("div",{className:"".concat(u.a.tableBodySubject," col-12 col-md-6")},Object(d.b)(e.subject)),s.a.createElement("div",{className:"".concat(u.a.tableBodySpeaker," col-12 col-md-3")},Object(d.b)(e.speaker)))};return s.a.createElement("div",{className:"row ".concat(u.a.container)},t&&t.map((function(e){return"group1"===e.part||"group2"===e.part?function(e){return s.a.createElement(s.a.Fragment,{key:e.id},s.a.createElement("div",{className:i()(u.a.sessionTableHeader,"row  align-items-center")},s.a.createElement("div",{className:"".concat(u.a.sessionTime," d-none d-md-block col-12 col-md-3  text-left text-md-center")}," "),s.a.createElement("div",{className:"".concat(u.a.tableHeaderSubject," col-12 col-md-6")},Object(d.b)(e.subject)),s.a.createElement("div",{className:"".concat(u.a.tableHeaderSpeaker," col-12 col-md-3")},Object(d.b)(e.speaker))))}(e):"span"===e.part?function(e){return s.a.createElement("div",{className:i()(u.a.tableSpanHeader,"row  align-items-center",{}),key:e.id},s.a.createElement("div",{className:"col-12 col-md-12"},s.a.createElement("div",{className:u.a.tableSpanHeaderSpeaker},Object(d.b)(e.speaker))))}(e):"header"===e.part?function(e){return s.a.createElement("div",{className:i()(u.a.sessionIndexHeader,"row  align-items-center d-sm-none d-md-flex"),key:e.id},s.a.createElement("div",{className:"col-12 col-md-5"},"Subject"),s.a.createElement("div",{className:"col-6 col-md-2"},"Play"),s.a.createElement("div",{className:"col-6 col-md-2"},"Duration"),s.a.createElement("div",{className:"col-12 col-md-3"},"Speaker"))}(e):"intro"===e.part||"opening"===e.part||"closing"===e.part?o(e):function(e){return s.a.createElement("div",{className:"col-12 col-lg-6 ",key:e.id},s.a.createElement("div",{className:u.a.vodBoxButton,onClick:function(){a(e)},onKeyDown:function(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),a(e))},role:"button",tabIndex:0},s.a.createElement("div",{className:u.a.vodBox},s.a.createElement("div",{className:"row"},s.a.createElement("div",{className:"col-5"},s.a.createElement("div",{className:u.a.thumbnail},e.thumbnailUrl?s.a.createElement("img",{src:e.thumbnailUrl,alt:"\uc5f0\uc790\uc0ac\uc9c4"}):null),s.a.createElement("div",{className:u.a.belong},e.speakerBelong)),s.a.createElement("div",{className:"".concat(u.a.rightBox," col-7")},s.a.createElement("div",{className:u.a.topSection},s.a.createElement("div",null,s.a.createElement("div",{className:u.a.subjectBox},"\uc8fc \uc81c"),s.a.createElement("div",{className:"".concat(u.a.button)},s.a.createElement("button",{type:"button",className:"btn btn-rounded ".concat(u.a.vodButton)},"\ub2e4\uc2dc\ubcf4\uae30"))),s.a.createElement("div",{className:u.a.title}," ",Object(d.b)(e.subject,"raw")),s.a.createElement("div",{className:u.a.description}," ",Object(d.b)(e.description,"raw"))),s.a.createElement("div",{className:u.a.bottomSection},s.a.createElement("div",{className:"".concat(u.a.speaker)},Object(d.b)(e.speaker))))))))}(e)})))}},1225:function(e,t,a){"use strict";var n=a(6),o=a(27),s=a(0),l=a.n(s),r=a(26),c=a.n(r),i=a(1136),d=a(39),m=a.n(d),u=(a(1273),a(1274)),_=(a(1275),a(1276),a(1277)),v=a.n(_),b=function(e){var t=e.message;return l.a.createElement("div",{className:"".concat(v.a.overlayContainer)},l.a.createElement("div",{className:"".concat(v.a.overlay)},l.a.createElement("h3",{className:"".concat(v.a.overlayMessage)},t)))},y=a(36),p=a(1278),f=a.n(p),g=function(){var e=Object(y.f)((function(e){return e.user}));return l.a.createElement("div",{className:"".concat(f.a.watermarkContainer)},l.a.createElement("div",{className:"".concat(f.a.watermark)},l.a.createElement("h3",{className:"".concat(f.a.watermarkMessage)},e.email)))},E=a(1279),h=a.n(E);t.a=function(e){e.video;var t=e.src,a=void 0===t?"":t,l=e.type,r=void 0===l?"application/x-mpegURL":l,d=e.controller,_=e.forceSyncTime,v=e.startTime,y=e.subt

1itles,p=void 0===y?[]:y,f=e.poster,E=e.curtain,k=e.curtainMessage,w=e.watermark,S=e.live,B=e.purpose,j=(e.liveMode,e.showQnA),N=e.forcePlay,T=e.videoPlayStartTime,x=e.vodLogEnabled,O=e.onPlayUpdate,H=Object(s.useRef)(null),C=Object(s.useState)(null),M=Object(o.a)(C,2),D=M[0],W=M[1];Object(s.useEffect)((function(){var e={fill:!0,preload:"auto",controls:!0,language:"ko",autoplay:"any",errorDisplay:!1,html5:{nativeAudioTracks:!1,nativeVideoTracks:!1},hls:{overrideNative:!0,bandwidth:4194304,limitRenditionByPlayerDimensions:!1},playsInline:!0,poster:f};i.a.registerPlugin("hlsQualitySelector",u.a);var t=Object(i.a)(H.current,e,(function(){}));return W(t),function(){D&&D.dispose()}}),[]),Object(s.useEffect)((function(){return D&&!0===x&&(console.log("player first loaded"),D.on("timeupdate",P)),function(){D&&!0===x&&D.off("timeupdate",P)}}),[D,T]);var P=m.a.throttle((function(){O(D.currentTime())}),5e3);Object(s.useEffect)((function(){if(null!==D){D.bigPlayButton.show();try{if(!0===S||"application/x-mpegURL"===r){var e=!1;D.src({src:a,type:r}),D.loadingSpinner.show(),D.qualityLevels().on("addqualitylevel",(function(e){var t=e.qualityLevel;t.enabled=t.bitrate>=496e3})),D.ready((function(){if(console.log("player ready"),D.hlsQualitySelector&&"function"===typeof D.hlsQualitySelector&&D.hlsQualitySelector({displayCurrentQuality:!0}),!0===_&&v&&"live"===B){var t=(new Date).getTime()-v;D.currentTime(Math.round(t/1e3)),D.on("canplaythrough",(function(){e||(D.currentTime(Math.round(t/1e3)),e=!0)}))}D.play(),D.volume(.2),L()}))}else D.load(),D.src({src:"",type:""}),D.poster(f),D.posterImage.show(),D.bigPlayButton.hide(),D.loadingSpinner.hide(),D.hasStarted(!1)}catch(t){console.log(t)}}}),[S,D,a,r,N]);var L=function(){var e=D.remoteTextTracks();if(e)for(var t=e.length-1;t>=0;t-=1)D.removeRemoteTextTrack(e[t]);p&&p.forEach((function(e,t){console.log(e);var a={kind:"subtitles",label:e.language,language:e.code,id:e.key,src:e.url,default:0===t};D.addRemoteTextTrack(a,!0)}))};return s.createElement("div",{className:c()(Object(n.a)({},"".concat(h.a.videoWrapper),!j),Object(n.a)({},"".concat(h.a.videoWithChatWrapper),j),Object(n.a)({},"".concat(h.a.hideController),!d))},s.createElement("video",{ref:H,className:c()("video-js","vjs-big-play-centered",h.a.videoContainer),playsInline:!0,autoPlay:!0,width:"100%",height:"100%"},s.createElement("svg",{viewBox:"0 0 16 10"}),s.createElement("p",{className:"vjs-no-js"},"To view this video please enable JavaScript, and consider upgrading to a web browser that",s.createElement("a",{href:"https://videojs.com/html5-video-support/"},"supports HTML5 video"))),!0===E?s.createElement(b,{message:k||""}):"",!0===w?s.createElement(g,null):"")}},1249:function(e,t){},1276:function(e,t,a){},1277:function(e,t,a){e.exports={overlayContainer:"style_overlayContainer__FA9Eq",overlay:"style_overlay__1YM6Y",overlayMessage:"style_overlayMessage__2YhYx"}},1278:function(e,t,a){e.exports={watermarkContainer:"style_watermarkContainer__o0fZA",watermark:"style_watermark__3-6NT",watermarkMessage:"style_watermarkMessage__T-ER3"}},1279:function(e,t,a){e.exports={videoWithChatWrapper:"style_videoWithChatWrapper__XAL-4",videoContainer:"style_videoContainer__qh_z7",videoWrapper:"style_videoWrapper__Q2C4h",hideController:"style_hideController__11VDb"}},1468:function(e,t,a){e.exports={container:"style_container__3gm2U",sessionsHeader:"style_sessionsHeader__1Awlj",sessionTable:"style_sessionTable__13Enw",tableSpanHeader:"style_tableSpanHeader__3uOlH",tableSpanHeaderSpeaker:"style_tableSpanHeaderSpeaker__9Uubw",sessionIndexHeader:"style_sessionIndexHeader__2pEhG",sessionTableHeader:"style_sessionTableHeader__3REsQ",sessionOpeningClosing:"style_sessionOpeningClosing__3KwXO",sessionTableBody:"style_sessionTableBody__2buKl",sessionTableBreak:"style_sessionTableBreak__gDbMD",sessionBreakTitle:"style_sessionBreakTitle__3hx6R",sessionTableDark:"style_sessionTableDark__GmadY",currentSession:"style_currentSession__Q9M7m",fadeinslideup:"style_fadeinslideup__2gvDT",tableHeaderSubject:"style_tableHeaderSubject__2Uy2V",tableHeaderSpeaker:"style_tableHeaderSpeaker__1vxsa",tableBodyBelongs:"style_tableBodyBelongs__3AiSo",tableBodySubject:"style_tableBodySubject__2Qzqw",tableBodyPlayButton:"style_tableBodyPlayButton__3IH2w",tableBodySpeaker:"style_tableBodySpeaker__1mxKL",tableBodyOption:"style_tableBodyOption__2EJMv",sessionTime:"style_sessionTime__1uW7u",vodBox:"style_vodBox__r8Xay",thumbnail:"style_thumbnail__3sOqn",belong:"style_belong__1igEY",rightBox:"style_rightBox__HcQTE",topSection:"style_topSection__1Kc6L",bottomSsection:"style_bottomSsection__3WsnP",vodBoxButton:"style_vodBoxButton__2hSDh",subjectBox:"style_subjectBox__3UeTf",title:"style_title__3owhn",description:"style_description__3-e8r",speaker:"style_speaker__1_Wzn",button:"style_button__3K_lZ",vodButton:"style_vodButton__1Gkwc"}}}]);
2//# sourceMappingURL=2.e993f07b.chunk.js.map