{"version":3,"sources":["webpack:///./src/views/player/buildControlBar.js"],"names":["ControlButton","SeekBack","PlayPause","SeekFoward","PlayBack","Spacer","MakeMarker","MakeMarkerSection","PtzControl","FullScreenButton","VideoVolumn","VideoZoom","CurrentTime","addVideoSeekBackButton","that","position","rewindBtn","player","controlBar","addChild","rewindBtnDom","el","rewindImagePath","require","addClass","innerHTML","onclick","videoRewind","addEventListener","e","addVideoPlayPauseButton","playPauseBtn","playPauseBtnDom","playPauseImagePath","clickEventHandler","evt","preventDefault","videoPlayStatus","videoPause","$store","commit","playImagePath","videoPlay","pauseImagePath","stopPropagation","addVideoSeekFowardButton","forwardBtn","forwardBtnDom","forwardImagePath","videoForward","addPlayBackMenuButton","MenuButton","videojs","getComponent","MenuItem","PlayBackMenuButton","createItems","options_","myItems","map","i","item","label","name","playMode","PlayMode","PLAYBACK","offline","sendMessage","value","onDemand","playbackRate","on","registerComponent","playBackMenu","playBackList","playbackMenuImage","document","getElementsByClassName","children","updatePlayBackMenuButton","removeChild","addSpacer","spacer","addMakeMarkerButton","markerBtn","markerBtnDom","markerImagePath","newBookMark","getBookMarkListToStore","videoFullScreen","exitFullscreen","addMakeMarkerSectionButton","markerSection","markerSectionDom","displayClip","store","addPtzControlButton","ptzBtn","ptzBtnDom","ptzImagePath","removeClip","dispatch","addCameraLensSettingMenuButton","MenuButton2","MenuItem2","CustomMenuButton","extend","event","myMenu","addFullScreenButton","fullButton","fullScreenImagePath","fullButtonDom","isFullscreen","panzoom","reset","requestFullscreen","updateVideoVolumeButton","button","getChildById","soundButtonDom","state","isMobile","classList","remove","addVideoVolumnButton","soundButton","id","muted","getElementById","style","display","currentSoundBarPosition","$","left","currentControlBarTopPosition","height","css","addMicOffButton","micButton","micButtonDom","micImagePath","micActive","micDialogVisible","addVideoZoomButton","zoomButton","zoomButtonDom","zoomScale","addcurrentTime","timeDisplay","timeDisplayDom"],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAA+B;AACR;AACW;AACF;AACO;;AAEvC;AACO,MAAMA,aAAa,GAAG;EAC5BC,QAAQ,EAAE,CAAC;EACXC,SAAS,EAAE,CAAC;EACZC,UAAU,EAAE,CAAC;EACbC,QAAQ,EAAE,CAAC;EACXC,MAAM,EAAE,CAAC;EACTC,UAAU,EAAE,CAAC;EACbC,iBAAiB,EAAE,CAAC;EACpBC,UAAU,EAAE,CAAC;EACbC,gBAAgB,EAAE,CAAC;EACnBC,WAAW,EAAE,EAAE;EACfC,SAAS,EAAE,EAAE;EACbC,WAAW,EAAE;AACd,CAAC;AAEM,SAASC,sBAAsBA,CAACC,IAAI,EAAEC,QAAQ,EAAE;EACtD,IAAIC,SAAS,GAAGF,IAAI,CAACG,MAAM,CAACC,UAAU,CAACC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAEJ,QAAQ,CAAC,CAAC,CAAC;EACzE,IAAIK,YAAY,GAAGJ,SAAS,CAACK,EAAE,CAAC,CAAC;EACjC,IAAIC,eAAe,GAAGC,mBAAO,CAAC,oFAAqC,CAAC;EACpEP,SAAS,CAACQ,QAAQ,CAAC,YAAY,CAAC;EAChCJ,YAAY,CAACK,SAAS,GAAG,YAAY,GAAGH,eAAe,GAAG,uCAAuC;EACjGF,YAAY,CAACM,OAAO,GAAG,MAAM;IAC5BZ,IAAI,CAACa,WAAW,CAACb,IAAI,CAAC;EACvB,CAAC;EACDM,YAAY,CAACQ,gBAAgB,CAAC,YAAY,EAAGC,CAAC,IAAG;IAChDf,IAAI,CAACa,WAAW,CAACb,IAAI,CAAC;EACvB,CAAC,CAAC;AACH;AAEO,SAASgB,uBAAuBA,CAAChB,IAAI,EAAEC,QAAQ,EAAE;EACvD,IAAIgB,YAAY,GAAGjB,IAAI,CAACG,MAAM,CAACC,UAAU,CAACC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAEJ,QAAQ,CAAC,CAAC,CAAC;EAC5ED,IAAI,CAACkB,eAAe,GAAGD,YAAY,CAACV,EAAE,CAAC,CAAC;EACxC,IAAIY,kBAAkB,GAAGV,mBAAO,CAAC,4EAAiC,CAAC;EACnET,IAAI,CAACkB,eAAe,CAACP,SAAS,GAAG,YAAY,GAAGQ,kBAAkB,GAAG,uCAAuC;EAC3G,MAAMC,iBAAiB,GAAIC,GAAG,IAAK;IACjCA,GAAG,CAACC,cAAc,CAAC,CAAC;IACpB,IAAGtB,IAAI,CAACuB,eAAe,EAAE;MACvBvB,IAAI,CAACwB,UAAU,CAAC,CAAC;MACjBxB,IAAI,CAACyB,MAAM,CAACC,MAAM,CAAC,8BAA8B,EAAE,KAAK,CAAC;MACzD1B,IAAI,CAACkB,eAAe,CAACP,SAAS,GAAG,YAAY,GAAGX,IAAI,CAAC2B,aAAa,GAAG,uCAAuC;IAC9G,CAAC,MAAM;MACL3B,IAAI,CAAC4B,SAAS,CAAC,CAAC;MAChB5B,IAAI,CAACyB,MAAM,CAACC,MAAM,CAAC,8BAA8B,EAAE,IAAI,CAAC;MACxD1B,IAAI,CAACkB,eAAe,CAACP,SAAS,GAAG,YAAY,GAAGX,IAAI,CAAC6B,cAAc,GAAG,uCAAuC;IAC/G;IACAR,GAAG,CAACS,eAAe,CAAC,CAAC;EACvB,CAAC;EACF9B,IAAI,CAACkB,eAAe,CAACN,OAAO,GAAGQ,iBAAiB;EAChDpB,IAAI,CAACkB,eAAe,CAACJ,gBAAgB,CAAC,YAAY,EAAEM,iBAAiB,CAAC;AACvE;AAEO,SAASW,wBAAwBA,CAAC/B,IAAI,EAAEC,QAAQ,EAAE;EACxD,IAAI+B,UAAU,GAAGhC,IAAI,CAACG,MAAM,CAACC,UAAU,CAACC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAEJ,QAAQ,CAAC,CAAC,CAAC;EAC1E,IAAIgC,aAAa,GAAGD,UAAU,CAACzB,EAAE,CAAC,CAAC;EACnC,IAAI2B,gBAAgB,GAAGzB,mBAAO,CAAC,wFAAuC,CAAC;EACvEuB,UAAU,CAACtB,QAAQ,CAAC,aAAa,CAAC;EAClCuB,aAAa,CAACtB,SAAS,GAAG,YAAY,GAAGuB,gBAAgB,GAAG,uCAAuC;EACnGD,aAAa,CAACrB,OAAO,GAAG,MAAM;IAC7BZ,IAAI,CAACmC,YAAY,CAACnC,IAAI,CAAC;EACxB,CAAC;EACDiC,aAAa,CAACnB,gBAAgB,CAAC,YAAY,EAAGC,CAAC,IAAG;IACjDf,IAAI,CAACmC,YAAY,CAACnC,IAAI,CAAC;EACxB,CAAC,CAAC;AACH;AAEO,SAASoC,qBAAqBA,CAACpC,IAAI,EAAEC,QAAQ,EAAE;EACrD,IAAIoC,UAAU,GAAGC,gDAAO,CAACC,YAAY,CAAC,YAAY,CAAC;EACnD,IAAIC,QAAQ,GAAGF,gDAAO,CAACC,YAAY,CAAC,UAAU,CAAC;;EAE/C;EACC,MAAME,kBAAkB,SAASJ,UAAU,CAAC;IAC1CK,WAAWA,CAAA,EAAG;MACZ,OAAO,IAAI,CAACC,QAAQ,CAACC,OAAO,CAACC,GAAG,CAAEC,CAAC,IAAK;QACtC,IAAIC,IAAI,GAAG,IAAIP,QAAQ,CAACxC,IAAI,CAACG,MAAM,EAAE;UAAC6C,KAAK,EAAEF,CAAC,CAACG;QAAI,CAAC,CAAC;QACrD,MAAM7B,iBAAiB,GAAGA,CAAA,KAAM;UAC9B,IAAIpB,IAAI,CAACkD,QAAQ,KAAKC,mDAAQ,CAACC,QAAQ,EAAE;YACvC,IAAGpD,IAAI,CAACqD,OAAO,EAAErD,IAAI,CAACqD,OAAO,CAACC,WAAW,CAAC,eAAe,EAACR,CAAC,CAACS,KAAK,CAAC;YAClE;UACF;UACA,IAAIvD,IAAI,CAACwD,QAAQ,IAAI,IAAI,EAAE;YACzBxD,IAAI,CAACG,MAAM,CAACsD,YAAY,CAACX,CAAC,CAACS,KAAK,CAAC;UACnC,CAAC,MAAM;YACL,IAAIT,CAAC,CAACS,KAAK,IAAI,CAAC,EACdvD,IAAI,CAACG,MAAM,CAACsD,YAAY,CAACX,CAAC,CAACS,KAAK,CAAC;UACrC;QACF,CAAC;QACDR,IAAI,CAACW,EAAE,CAAC,OAAO,EAAEtC,iBAAiB,CAAC;QACnC2B,IAAI,CAACW,EAAE,CAAC,YAAY,EAAEtC,iBAAiB,CAAC;QACxC,OAAO2B,IAAI;MACb,CAAC,CAAC;IACJ;EACF;;EAEA;EACAT,gDAAO,CAACqB,iBAAiB,CAAC,oBAAoB,EAAElB,kBAAkB,CAAC;;EAEnE;EACA,IAAImB,YAAY,GAAG5D,IAAI,CAACG,MAAM,CAACC,UAAU,CAACC,QAAQ,CAAC,oBAAoB,EAAE;IACvEuC,OAAO,EAAE5C,IAAI,CAAC6D;EAChB,CAAC,EAAE5D,QAAQ,CAAC,CAAC,CAAC;;EAEd2D,YAAY,CAAClD,QAAQ,CAAC,eAAe,CAAC;;EAEtC;EACA,IAAIoD,iBAAiB,GAAGC,QAAQ,CAACC,sBAAsB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,CAAC;EACvF,IAAIH,iBAAiB,EAAE;IACrBA,iBAAiB,CAACnD,SAAS,GAAG,YAAY,GAAGF,mBAAO,CAAC,4EAAiC,CAAC,GAAG,2BAA2B;EACvH;AACF;AAEO,SAASyD,wBAAwBA,CAAClE,IAAI,EAAEC,QAAQ,EAAE;EACxDD,IAAI,CAACG,MAAM,CAACC,UAAU,CAAC+D,WAAW,CAAC,oBAAoB,CAAC;EACxD/B,qBAAqB,CAACpC,IAAI,EAAEC,QAAQ,CAAC;AACtC;AAEO,SAASmE,SAASA,CAACpE,IAAI,EAAEC,QAAQ,EAAE;EACzC,IAAIoE,MAAM,GAAGrE,IAAI,CAACG,MAAM,CAACC,UAAU,CAACC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAEJ,QAAQ,CAAC;EACnEoE,MAAM,CAAC3D,QAAQ,CAAC,WAAW,CAAC;AAC9B;AAEO,SAAS4D,mBAAmBA,CAACtE,IAAI,EAAEC,QAAQ,EAAE;EACnD,IAAIsE,SAAS,GAAGvE,IAAI,CAACG,MAAM,CAACC,UAAU,CAACC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAEJ,QAAQ,CAAC,CAAC,CAAC;EACzE,IAAIuE,YAAY,GAAGD,SAAS,CAAChE,EAAE,CAAC,CAAC;EACjC,IAAIkE,eAAe,GAAGhE,mBAAO,CAAC,4EAAiC,CAAC;EAC/D8D,SAAS,CAAC7D,QAAQ,CAAC,YAAY,CAAC;EACjC8D,YAAY,CAAC7D,SAAS,GAAG,YAAY,GAAG8D,eAAe,GAAG,uCAAuC;EAChG,MAAMrD,iBAAiB,GAAG,MAAAA,CAAA,KAAY;IACpC,MAAMpB,IAAI,CAAC0E,WAAW,CAAC,CAAC;IACxB1E,IAAI,CAAC2E,sBAAsB,CAAC,CAAC;IAC7B,IAAI3E,IAAI,CAAC4E,eAAe,EAAE5E,IAAI,CAACG,MAAM,CAAC0E,cAAc,CAAC,CAAC;EACxD,CAAC;EACDL,YAAY,CAAC5D,OAAO,GAAGQ,iBAAiB;EACxCoD,YAAY,CAAC1D,gBAAgB,CAAC,YAAY,EAAEM,iBAAiB,CAAC;AAChE;AAEO,SAAS0D,0BAA0BA,CAAC9E,IAAI,EAAEC,QAAQ,EAAE;EAC1D,IAAI8E,aAAa,GAAG/E,IAAI,CAACG,MAAM,CAACC,UAAU,CAACC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAEJ,QAAQ,CAAC;EAC1E,IAAI+E,gBAAgB,GAAGD,aAAa,CAACxE,EAAE,CAAC,CAAC;EAC1CwE,aAAa,CAACrE,QAAQ,CAAC,UAAU,CAAC;EACjCsE,gBAAgB,CAACrE,SAAS,GAAG,YAAY,GAAGF,mBAAO,CAAC,kFAAoC,CAAC,GAAG,uCAAuC;EACnI,MAAMW,iBAAiB,GAAGA,CAAA,KAAM;IAC9BpB,IAAI,CAACiF,WAAW,CAAC,CAAC;IAClBC,8CAAK,CAACxD,MAAM,CAAC,2BAA2B,EAAE,IAAI,CAAC;IAC/C,IAAI1B,IAAI,CAAC4E,eAAe,EAAE5E,IAAI,CAACG,MAAM,CAAC0E,cAAc,CAAC,CAAC;EACxD,CAAC;EACDG,gBAAgB,CAACpE,OAAO,GAAGQ,iBAAiB;EAC7C4D,gBAAgB,CAAClE,gBAAgB,CAAC,YAAY,EAAEM,iBAAiB,CAAC;AACnE;AAEO,SAAS+D,mBAAmBA,CAACnF,IAAI,EAAEC,QAAQ,EAAE;EACnD,IAAImF,MAAM,GAAGpF,IAAI,CAACG,MAAM,CAACC,UAAU,CAACC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAEJ,QAAQ,CAAC,CAAC,CAAC;EACtE,IAAIoF,SAAS,GAAGD,MAAM,CAAC7E,EAAE,CAAC,CAAC;EAC1B6E,MAAM,CAAC1E,QAAQ,CAAC,SAAS,CAAC;EAC3B,IAAI4E,YAAY,GAAG7E,mBAAO,CAAC,4DAAyB,CAAC;EACrD4E,SAAS,CAAC1E,SAAS,GAAG,YAAY,GAAG2E,YAAY,GAAG,uCAAuC;EAC1F,MAAMlE,iBAAiB,GAAGA,CAAA,KAAM;IAC9BpB,IAAI,CAACuF,UAAU,CAAC,CAAC;IACjBL,8CAAK,CAACM,QAAQ,CAAC,2BAA2B,CAAC;IAC3C,IAAGxF,IAAI,CAAC4E,eAAe,EAAE;MACvB5E,IAAI,CAACG,MAAM,CAAC0E,cAAc,CAAC,CAAC;MAC5B7E,IAAI,CAAC4E,eAAe,GAAG,KAAK;IAC9B;EACF,CAAC;EACFS,SAAS,CAACzE,OAAO,GAAGQ,iBAAiB;EACrCiE,SAAS,CAACvE,gBAAgB,CAAC,YAAY,EAAEM,iBAAiB,CAAC;AAC5D;AAEO,SAASqE,8BAA8BA,CAACzF,IAAI,EAAEC,QAAQ,EAAE;EAC9D,IAAIyF,WAAW,GAAGpD,gDAAO,CAACC,YAAY,CAAC,YAAY,CAAC;EACpD,IAAIoD,SAAS,GAAGrD,gDAAO,CAACC,YAAY,CAAC,UAAU,CAAC;EAChD,IAAIqD,gBAAgB,GAAGtD,gDAAO,CAACuD,MAAM,CACpCH,WAAW,EACX;IACChD,WAAW,EAAE,SAAAA,CAAA,EAAW;MACvB;MACA;MACA,OAAO,IAAI,CAACC,QAAQ,CAACC,OAAO,CAACC,GAAG,CAAC,UAAUC,CAAC,EAAE;QACxC,IAAIC,IAAI,GAAG,IAAI4C,SAAS,CAAC3F,IAAI,CAACG,MAAM,EAAE;UAAC6C,KAAK,EAAEF,CAAC,CAACG;QAAI,CAAC,CAAC;QAC3DF,IAAI,CAACW,EAAE,CAAC,OAAO,EAAE,UAASoC,KAAK,EAAE,CAGjC,CAAC,CAAC;QACG/C,IAAI,CAACrC,QAAQ,CAAC,cAAc,CAAC;QAC7B,OAAOqC,IAAI;MACb,CAAC,CAAC;IACP;EACD,CACD,CAAC;EACD;EACAT,gDAAO,CAACqB,iBAAiB,CAAC,kBAAkB,EAAEiC,gBAAgB,CAAC;EAC/D;EACA,IAAIG,MAAM,GAAG/F,IAAI,CAACG,MAAM,CAACC,UAAU,CAACC,QAAQ,CAAC,kBAAkB,EAAE;IAChE;IACAuC,OAAO,EAAE,CACR;MAACK,IAAI,EAAE,OAAO;MAAEM,KAAK,EAAE;IAAC,CAAC,EAAE;MAACN,IAAI,EAAE,YAAY;MAAEM,KAAK,EAAE;IAAC,CAAC,EACzD;MAACN,IAAI,EAAE,YAAY;MAAEM,KAAK,EAAE;IAAC,CAAC,EAAE;MAACN,IAAI,EAAE,kBAAkB;MAAEM,KAAK,EAAE;IAAC,CAAC;EACtE,CAAC,EAAEtD,QAAQ,CAAC;EACZ8F,MAAM,CAACrF,QAAQ,CAAC,SAAS,CAAC;AAC3B;AAEO,SAASsF,mBAAmBA,CAAChG,IAAI,EAAEC,QAAQ,EAAE;EACnD,IAAIgG,UAAU,GAAGjG,IAAI,CAACG,MAAM,CAACC,UAAU,CAACC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAEJ,QAAQ,CAAC,CAAC,CAAC;EAC1E,IAAIiG,mBAAmB,GAAGzF,mBAAO,CAAC,sFAAsC,CAAC;EACzE,IAAI0F,aAAa,GAAGF,UAAU,CAAC1F,EAAE,CAAC,CAAC;EACnC4F,aAAa,CAACxF,SAAS,GAAG,YAAY,GAAGuF,mBAAmB,GAAG,uCAAuC;EACrG,MAAM9E,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAIpB,IAAI,CAACG,MAAM,CAACiG,YAAY,CAAC,CAAC,EAAE;MAC9BpG,IAAI,CAACG,MAAM,CAAC0E,cAAc,CAAC,CAAC;MAC5B7E,IAAI,CAAC4E,eAAe,GAAG,KAAK;MAC5B5E,IAAI,CAACqG,OAAO,CAACC,KAAK,CAAC,CAAC;IACtB,CAAC,MAAM;MACLtG,IAAI,CAACG,MAAM,CAACoG,iBAAiB,CAAC,CAAC;MAC/BvG,IAAI,CAAC4E,eAAe,GAAG,IAAI;IAC7B;EACF,CAAC;EACFuB,aAAa,CAACvF,OAAO,GAAGQ,iBAAiB;EACzC+E,aAAa,CAACrF,gBAAgB,CAAC,YAAY,EAAEM,iBAAiB,CAAC;AAChE;AAEO,SAASoF,uBAAuBA,CAACxG,IAAI,EAAE;EAC7C,MAAMyG,MAAM,GAAGzG,IAAI,CAACG,MAAM,CAACC,UAAU,CAACsG,YAAY,CAAC,eAAe,CAAC;EACnE,MAAMC,cAAc,GAAGF,MAAM,CAAClG,EAAE,CAAC,CAAC;EAClC,IAAG,CAACP,IAAI,CAACyB,MAAM,CAACmF,KAAK,CAACC,QAAQ,EAAEF,cAAc,CAACG,SAAS,CAACC,MAAM,CAAC,YAAY,CAAC;EAC5EJ,cAAc,CAAChG,SAAS,GAAG,YAAY,GAAGF,mBAAO,CAAC,wEAA+B,CAAC,GAAG,uCAAuC;EAC7H;EACA;EACA;EACA;EACA;AACD;AAEO,SAASuG,oBAAoBA,CAAChH,IAAI,EAAEC,QAAQ,EAAE;EACpD,IAAIgH,WAAW,GAAGjH,IAAI,CAACG,MAAM,CAACC,UAAU,CAACC,QAAQ,CAAC,QAAQ,EAAE;IAAE6G,EAAE,EAAE;EAAgB,CAAC,EAAEjH,QAAQ,CAAC,CAAC,CAAC;EAChG,IAAI0G,cAAc,GAAGM,WAAW,CAAC1G,EAAE,CAAC,CAAC;EACpC0G,WAAW,CAACvG,QAAQ,CAAC,WAAW,CAAC;EAClCiG,cAAc,CAAChG,SAAS,GAAG,YAAY,GAAGF,mBAAO,CAAC,wEAA+B,CAAC,GAAG,uCAAuC;EAE3H,MAAMW,iBAAiB,GAAGA,CAAA,KAAM;IAE9B,IAAIpB,IAAI,CAACG,MAAM,CAACgH,KAAK,CAAC,CAAC,EAAE;MACvBR,cAAc,CAAChG,SAAS,GAAG,YAAY,GAAGF,mBAAO,CAAC,wEAA+B,CAAC,GAAG,uCAAuC;IAC9H,CAAC,MAAM;MACLkG,cAAc,CAAChG,SAAS,GAAG,YAAY,GAAGF,mBAAO,CAAC,wEAA+B,CAAC,GAAG,uCAAuC;IAC9H;IACAT,IAAI,CAACG,MAAM,CAACgH,KAAK,CAAC,CAACnH,IAAI,CAACG,MAAM,CAACgH,KAAK,CAAC,CAAC,CAAC;EACzC,CAAC;EACFR,cAAc,CAAC/F,OAAO,GAAGQ,iBAAiB;EAC1CuF,cAAc,CAAC7F,gBAAgB,CAAC,YAAY,EAAEM,iBAAiB,CAAC;EAEhE6F,WAAW,CAACvD,EAAE,CAAC,WAAW,EAAE,YAAW;IACpCK,QAAQ,CAACqD,cAAc,CAAC,qBAAqB,CAAC,CAACC,KAAK,CAACC,OAAO,GAAG,MAAM;IACrEtH,IAAI,CAACuH,uBAAuB,GAAGC,6CAAC,CAAC,YAAY,CAAC,CAACvH,QAAQ,CAAC,CAAC,CAACwH,IAAI,GAAG,EAAE;IACnEzH,IAAI,CAAC0H,4BAA4B,GAAGF,6CAAC,CAAC,WAAW,CAAC,CAACG,MAAM,CAAC,CAAC,GAAGH,6CAAC,CAAC,YAAY,CAAC,CAACG,MAAM,CAAC,CAAC,GAAC,CAAC;IACzFH,6CAAC,CAAC,sBAAsB,CAAC,CAACI,GAAG,CAAC;MAAC,MAAM,EAAE,GAAG5H,IAAI,CAACuH,uBAAuB;IAAI,CAAC,CAAC;IAC5EC,6CAAC,CAAC,sBAAsB,CAAC,CAACI,GAAG,CAAC;MAAC,KAAK,EAAE,GAAG5H,IAAI,CAAC0H,4BAA4B;IAAI,CAAC,CAAC;EACjF,CAAC,CAAC;EACFT,WAAW,CAACvD,EAAE,CAAC,UAAU,EAAE,YAAW;IACpCK,QAAQ,CAACqD,cAAc,CAAC,qBAAqB,CAAC,CAACC,KAAK,CAACC,OAAO,GAAG,MAAM;EACvE,CAAC,CAAC;AACJ;AAEO,SAASO,eAAeA,CAAC7H,IAAI,EAAEC,QAAQ,EAAE;EAC/C,IAAI6H,SAAS,GAAG9H,IAAI,CAACG,MAAM,CAACC,UAAU,CAACC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAEJ,QAAQ,CAAC,CAAC,CAAC;EACzED,IAAI,CAAC+H,YAAY,GAAGD,SAAS,CAACvH,EAAE,CAAC,CAAC;EACjCuH,SAAS,CAACpH,QAAQ,CAAC,SAAS,CAAC;EAC7B,IAAIsH,YAAY,GAAGvH,mBAAO,CAAC,oEAA6B,CAAC;EAC1DT,IAAI,CAAC+H,YAAY,CAACpH,SAAS,GAAG,YAAY,GAAGqH,YAAY,GAAG,uCAAuC;EACnGhI,IAAI,CAAC+H,YAAY,CAACnH,OAAO,GAAG,MAAM;IAC/B,IAAGZ,IAAI,CAACiI,SAAS,IAAI,KAAK,EAAE;MAC1BjI,IAAI,CAACkI,gBAAgB,GAAG,IAAI;IAC9B,CAAC,MACI;MACHlI,IAAI,CAACiI,SAAS,GAAG,KAAK;MACtBjI,IAAI,CAAC+H,YAAY,CAACpH,SAAS,GAAG,YAAY,GAAGF,mBAAO,CAAC,oEAA6B,CAAC,GAAG,uCAAuC;MAC7HsD,QAAQ,CAACqD,cAAc,CAAC,aAAa,CAAC,CAACC,KAAK,CAACC,OAAO,GAAG,MAAM;IAC/D;EACH,CAAC;AACF;AAEO,SAASa,kBAAkBA,CAACnI,IAAI,EAAEC,QAAQ,EAAE;EAClD,IAAImI,UAAU,GAAGpI,IAAI,CAACG,MAAM,CAACC,UAAU,CAACC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAEJ,QAAQ,CAAC,CAAC,CAAC;EACzED,IAAI,CAACqI,aAAa,GAAGD,UAAU,CAAC7H,EAAE,CAAC,CAAC;EACpC6H,UAAU,CAAC1H,QAAQ,CAAC,UAAU,CAAC;EAC/B8G,6CAAC,CAAC,WAAW,CAAC,CAACI,GAAG,CAAC;IAAC,OAAO,EAAE;EAAS,CAAC,CAAC;EACxC5H,IAAI,CAACqI,aAAa,CAAC1H,SAAS,GAAG,6BAA6B,GAAGX,IAAI,CAACsI,SAAS,GAAG,EAAE,GAAG,UAAU;EAEhGF,UAAU,CAAC1E,EAAE,CAAC,WAAW,EAAE,YAAW;IACnCK,QAAQ,CAACqD,cAAc,CAAC,aAAa,CAAC,CAACC,KAAK,CAACC,OAAO,GAAG,MAAM;IAC7DtH,IAAI,CAACuH,uBAAuB,GAAGC,6CAAC,CAAC,WAAW,CAAC,CAACvH,QAAQ,CAAC,CAAC,CAACwH,IAAI,GAAG,GAAG;IACnEzH,IAAI,CAAC0H,4BAA4B,GAAGF,6CAAC,CAAC,WAAW,CAAC,CAACG,MAAM,CAAC,CAAC,GAAGH,6CAAC,CAAC,WAAW,CAAC,CAACG,MAAM,CAAC,CAAC,GAAG,CAAC;IAC1FH,6CAAC,CAAC,cAAc,CAAC,CAACI,GAAG,CAAC;MAAC,MAAM,EAAE,GAAG5H,IAAI,CAACuH,uBAAuB;IAAI,CAAC,CAAC;IACpEC,6CAAC,CAAC,cAAc,CAAC,CAACI,GAAG,CAAC;MAAC,KAAK,EAAE,GAAG5H,IAAI,CAAC0H,4BAA4B;IAAI,CAAC,CAAC;EACzE,CAAC,CAAC;EACFU,UAAU,CAAC1E,EAAE,CAAC,UAAU,EAAE,YAAW;IACnCK,QAAQ,CAACqD,cAAc,CAAC,aAAa,CAAC,CAACC,KAAK,CAACC,OAAO,GAAG,MAAM;EAC/D,CAAC,CAAC;AACJ;AAEO,SAASiB,cAAcA,CAACvI,IAAI,EAAEC,QAAQ,EAAE;EAC9C,IAAIuI,WAAW,GAAGxI,IAAI,CAACG,MAAM,CAACC,UAAU,CAACC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAEJ,QAAQ,CAAC;EACxED,IAAI,CAACyI,cAAc,GAAGD,WAAW,CAACjI,EAAE,CAAC,CAAC;EACtCiI,WAAW,CAAC9H,QAAQ,CAAC,cAAc,CAAC;AACtC,C","file":"js/WebRtcVideoTest~videoHlsPlayerPage~videoPlayerTestPage.js","sourcesContent":["import videojs from 'video.js';\nimport $ from 'jquery';\nimport 'jquery-ui-dist/jquery-ui';\nimport store from '../../store';\nimport { PlayMode } from '@/constants';\n\n// typescript면 enum으로 될텐데\nexport const ControlButton = {\n\tSeekBack: 0,\n\tPlayPause: 1,\n\tSeekFoward: 2,\n\tPlayBack: 3,\n\tSpacer: 5,\n\tMakeMarker: 6,\n\tMakeMarkerSection: 7,\n\tPtzControl: 8,\n\tFullScreenButton: 9,\n\tVideoVolumn: 10,\n\tVideoZoom: 11,\n\tCurrentTime: 12\n}\n\nexport function addVideoSeekBackButton(that, position) {\n\tlet rewindBtn = that.player.controlBar.addChild(\"button\", {}, position); // 숫자가 버튼위치\n\tlet rewindBtnDom = rewindBtn.el();\n\tlet rewindImagePath = require(`@/assets/images/video_seek_back.png`);\n\trewindBtn.addClass('rewind_btn');\n\trewindBtnDom.innerHTML = \"<img src='\" + rewindImagePath + \"' style='width:25px; height:25px;' />\";\n\trewindBtnDom.onclick = () => {\n\t\tthat.videoRewind(that);\n\t}\n\trewindBtnDom.addEventListener(\"touchstart\", (e)=>{\n\t\tthat.videoRewind(that);\n\t});\n}\n\nexport function addVideoPlayPauseButton(that, position) {\n\tlet playPauseBtn = that.player.controlBar.addChild(\"button\", {}, position); // 숫자가 버튼위치\n\tthat.playPauseBtnDom = playPauseBtn.el();\n\tlet playPauseImagePath = require(`@/assets/images/video_pause.png`);\n\tthat.playPauseBtnDom.innerHTML = \"<img src='\" + playPauseImagePath + \"' style='width:25px; height:25px;' />\";\n  const clickEventHandler = (evt) => {\n    evt.preventDefault();\n    if(that.videoPlayStatus) {\n      that.videoPause();\n      that.$store.commit('player/SET_VIDEO_PLAY_STATUS', false);\n      that.playPauseBtnDom.innerHTML = \"<img src='\" + that.playImagePath + \"' style='width:16px; height:16px;' />\";\n    } else {\n      that.videoPlay();\n      that.$store.commit('player/SET_VIDEO_PLAY_STATUS', true);\n      that.playPauseBtnDom.innerHTML = \"<img src='\" + that.pauseImagePath + \"' style='width:25px; height:25px;' />\";\n    }\n    evt.stopPropagation();\n  }\n\tthat.playPauseBtnDom.onclick = clickEventHandler;\n\tthat.playPauseBtnDom.addEventListener(\"touchstart\", clickEventHandler);\n}\n\nexport function addVideoSeekFowardButton(that, position) {\n\tlet forwardBtn = that.player.controlBar.addChild(\"button\", {}, position); // 숫자가 버튼위치\n\tlet forwardBtnDom = forwardBtn.el();\n\tlet forwardImagePath = require(`@/assets/images/video_seek_foward.png`);\n\tforwardBtn.addClass('forward_btn');\n\tforwardBtnDom.innerHTML = \"<img src='\" + forwardImagePath + \"' style='width:25px; height:25px;' />\";\n\tforwardBtnDom.onclick = () => {\n\t\tthat.videoForward(that);\n\t}\n\tforwardBtnDom.addEventListener(\"touchstart\", (e)=>{\n\t\tthat.videoForward(that);\n\t});\n}\n\nexport function addPlayBackMenuButton(that, position) {\n\tlet MenuButton = videojs.getComponent('MenuButton');\n\tlet MenuItem = videojs.getComponent('MenuItem');\n\n\t// ES6 클래스를 사용하여 MenuButton 확장\n  class PlayBackMenuButton extends MenuButton {\n    createItems() {\n      return this.options_.myItems.map((i) => {\n        let item = new MenuItem(that.player, {label: i.name});\n        const clickEventHandler = () => {\n          if (that.playMode === PlayMode.PLAYBACK) {\n            if(that.offline) that.offline.sendMessage('playbackspeed',i.value);\n            return;\n          }\n          if (that.onDemand == true) {\n            that.player.playbackRate(i.value);\n          } else {\n            if (i.value <= 1) \n              that.player.playbackRate(i.value);\n          }\n        }\n        item.on('click', clickEventHandler);\n        item.on('touchstart', clickEventHandler);\n        return item;\n      });\n    }\n  }\n\n  // 새로운 컴포넌트를 Video.js에 등록\n  videojs.registerComponent('PlayBackMenuButton', PlayBackMenuButton);\n\n  // addChild를 사용하여 새 컴포넌트의 인스턴스 추가, 옵션과 함께\n  let playBackMenu = that.player.controlBar.addChild('PlayBackMenuButton', {\n    myItems: that.playBackList\n  }, position); // 숫자가 버튼 위치를 결정\n\n  playBackMenu.addClass(\"playback_menu\");\n\n  // 이미지 추가 부분을 ES6 모듈 문법에 맞게 수정\n  let playbackMenuImage = document.getElementsByClassName('playback_menu')[0].children[0];\n  if (playbackMenuImage) {\n    playbackMenuImage.innerHTML = \"<img src='\" + require(`@/assets/images/playback_x1.png`) + \"' style='height:29px;' />\";\n  }\n}\n\nexport function updatePlayBackMenuButton(that, position) {\n\tthat.player.controlBar.removeChild('PlayBackMenuButton');\n\taddPlayBackMenuButton(that, position);\n}\n\nexport function addSpacer(that, position) {\n\tlet spacer = that.player.controlBar.addChild(\"spacer\", {}, position);\n  spacer.addClass(\"my_spacer\");\n}\n\nexport function addMakeMarkerButton(that, position) {\n\tlet markerBtn = that.player.controlBar.addChild(\"button\", {}, position); // 숫자가 버튼위치\n\tlet markerBtnDom = markerBtn.el();\n\tlet markerImagePath = require(`@/assets/images/make_marker.png`);\n  markerBtn.addClass('marker_btn');\n\tmarkerBtnDom.innerHTML = \"<img src='\" + markerImagePath + \"' style='width:25px; height:25px;' />\";\n  const clickEventHandler = async () => {\n    await that.newBookMark();\n    that.getBookMarkListToStore();\n    if (that.videoFullScreen) that.player.exitFullscreen();\n  }\n  markerBtnDom.onclick = clickEventHandler;\n  markerBtnDom.addEventListener('touchstart', clickEventHandler);\n}\n\nexport function addMakeMarkerSectionButton(that, position) {\n\tlet markerSection = that.player.controlBar.addChild(\"button\", {}, position);\n  let markerSectionDom = markerSection.el();\n\tmarkerSection.addClass('clip_btn');\n  markerSectionDom.innerHTML = \"<img src='\" + require(`@/assets/images/marker_section.png`) + \"' style='width:25px; height:25px;' />\";\n  const clickEventHandler = () => {\n    that.displayClip();\n    store.commit('player/SET_IS_CLIP_CREATE', true);\n    if (that.videoFullScreen) that.player.exitFullscreen();\n  }\n  markerSectionDom.onclick = clickEventHandler;\n\tmarkerSectionDom.addEventListener('touchstart', clickEventHandler);\n}\n\nexport function addPtzControlButton(that, position) {\n\tlet ptzBtn = that.player.controlBar.addChild(\"button\", {}, position); // 숫자가 버튼위치\n\tlet ptzBtnDom = ptzBtn.el();\n  ptzBtn.addClass('ptz_btn');\n\tlet ptzImagePath = require(`@/assets/images/ptz.png`);\n\tptzBtnDom.innerHTML = \"<img src='\" + ptzImagePath + \"' style='width:25px; height:25px;' />\";\n  const clickEventHandler = () => {\n    that.removeClip();\n    store.dispatch('player/togglePtzControlOn');\n    if(that.videoFullScreen) {\n      that.player.exitFullscreen();\n      that.videoFullScreen = false;\n    }\n  }\n\tptzBtnDom.onclick = clickEventHandler\n\tptzBtnDom.addEventListener('touchstart', clickEventHandler);\n}\n\nexport function addCameraLensSettingMenuButton(that, position) {\n\tlet MenuButton2 = videojs.getComponent('MenuButton');\n\tlet MenuItem2 = videojs.getComponent('MenuItem');\n\tlet CustomMenuButton = videojs.extend(\n\t\tMenuButton2,\n\t\t{\n\t\t\tcreateItems: function() {\n\t\t\t\t// Must return an array of `MenuItem`s\n\t\t\t\t// Options passed in `addChild` are available at `this.options_`\n\t\t\t\treturn this.options_.myItems.map(function (i) {\n          var item = new MenuItem2(that.player, {label: i.name});\n\t\t\t\t\titem.on('click', function(event) {\n\t\t\t\t\t\tconsole.log(event.target.innerText);\n\t\t\t\t\t\tconsole.log(i.value);\n\t\t\t\t\t});\n          item.addClass(\"testmenuitem\");\n          return item;\n        });\n\t\t\t},\n\t\t}\n\t);\n\t// Register as a component, so it can be added\n\tvideojs.registerComponent('CustomMenuButton', CustomMenuButton);\n\t// Use `addChild` to add an instance of the new component, with options\n\tlet myMenu = that.player.controlBar.addChild('CustomMenuButton', {\n\t\t// title: 'my menu',\n\t\tmyItems: [ \n\t\t\t{name: '魚眼モード', value: 1}, {name: '歪み補正シングル表示', value: 2},\n\t\t\t{name: 'ダブルパノラマモード', value: 3}, {name: '4分割モード(90°4分割表示)', value: 4}, ]\n\t}, position);\n\tmyMenu.addClass(\"my_menu\");\n}\n\nexport function addFullScreenButton(that, position) {\n\tlet fullButton = that.player.controlBar.addChild(\"button\", {}, position); // 숫자가 버튼위치\n\tlet fullScreenImagePath = require(`@/assets/images/video_fullscreen.png`);\n\tlet fullButtonDom = fullButton.el();\n\tfullButtonDom.innerHTML = \"<img src='\" + fullScreenImagePath + \"' style='width:25px; height:25px;' />\";\n  const clickEventHandler = () => {\n    if (that.player.isFullscreen()) {\n      that.player.exitFullscreen();\n      that.videoFullScreen = false;\n      that.panzoom.reset();\n    } else {\n      that.player.requestFullscreen();\n      that.videoFullScreen = true;\n    }\n  }\n\tfullButtonDom.onclick = clickEventHandler\n\tfullButtonDom.addEventListener(\"touchstart\", clickEventHandler);\n}\n\nexport function updateVideoVolumeButton(that) {\n\tconst button = that.player.controlBar.getChildById('volume_button');\n\tconst soundButtonDom = button.el();\n\tif(!that.$store.state.isMobile) soundButtonDom.classList.remove(\"vjs-hidden\");\n  soundButtonDom.innerHTML = \"<img src='\" + require(`@/assets/images/sound_min.png`) + \"' style='width:25px; height:25px;' />\";\n\t// if (that.player.muted()) {\n\t// \tsoundButtonDom.innerHTML = \"<img src='\" + require(`@/assets/images/sound_min.png`) + \"' style='width:25px; height:25px;' />\";\n\t// } else {\n\t// \tsoundButtonDom.innerHTML = \"<img src='\" + require(`@/assets/images/sound_max.png`) + \"' style='width:25px; height:25px;' />\";\n\t// }\n}\n\nexport function addVideoVolumnButton(that, position) {\n\tlet soundButton = that.player.controlBar.addChild(\"button\", { id: 'volume_button' }, position); // 숫자가 버튼위치\n\tlet soundButtonDom = soundButton.el();\n  soundButton.addClass(\"sound_btn\");\n\tsoundButtonDom.innerHTML = \"<img src='\" + require(`@/assets/images/sound_min.png`) + \"' style='width:25px; height:25px;' />\";\n  \n  const clickEventHandler = () => {\n    console.log('volume', that.player.volume());\n    if (that.player.muted()) {\n      soundButtonDom.innerHTML = \"<img src='\" + require(`@/assets/images/sound_max.png`) + \"' style='width:25px; height:25px;' />\";\n    } else {\n      soundButtonDom.innerHTML = \"<img src='\" + require(`@/assets/images/sound_min.png`) + \"' style='width:25px; height:25px;' />\";\n    }\n    that.player.muted(!that.player.muted());\n  }\n\tsoundButtonDom.onclick = clickEventHandler\n\tsoundButtonDom.addEventListener(\"touchstart\", clickEventHandler);\n\t\n\tsoundButton.on(\"mouseover\", function() {\n    document.getElementById(\"sound_volume_change\").style.display = 'flex';\n    that.currentSoundBarPosition = $('.sound_btn').position().left - 70;\n    that.currentControlBarTopPosition = $('#my-video').height() - $('.sound_btn').height()*2;\n\t  $(\"#sound_volume_change\").css({'left': `${that.currentSoundBarPosition}px`});\n\t  $(\"#sound_volume_change\").css({'top': `${that.currentControlBarTopPosition}px`});\n  });\n  soundButton.on(\"mouseout\", function() {\n    document.getElementById(\"sound_volume_change\").style.display = 'none';\n  });\n}\n\nexport function addMicOffButton(that, position) {\n\tlet micButton = that.player.controlBar.addChild(\"button\", {}, position); // 숫자가 버튼위치\n\tthat.micButtonDom = micButton.el();\n  micButton.addClass(\"mic_btn\");\n  let micImagePath = require(`@/assets/images/mic_off.png`);\n\tthat.micButtonDom.innerHTML = \"<img src='\" + micImagePath + \"' style='width:25px; height:25px;' />\";\n\tthat.micButtonDom.onclick = () => {\n    if(that.micActive == false) {\n      that.micDialogVisible = true;\n    }\n    else {\n      that.micActive = false;\n      that.micButtonDom.innerHTML = \"<img src='\" + require(`@/assets/images/mic_off.png`) + \"' style='width:27px; height:27px;' />\";\n      document.getElementById('mic_tooltip').style.display = 'none';\n    }\n\t}\n}\n\nexport function addVideoZoomButton(that, position) {\n\tlet zoomButton = that.player.controlBar.addChild(\"button\", {}, position); // 숫자가 버튼위치\n  that.zoomButtonDom = zoomButton.el();\n  zoomButton.addClass(\"zoom_btn\");\n  $(\".zoom_btn\").css({'color': `#B5BED1`});\n  that.zoomButtonDom.innerHTML = \"<span id=\\\"zoomScaleText\\\">\" + that.zoomScale * 10 + \"%</span>\";\n  \n\tzoomButton.on(\"mouseover\", function() {\n    document.getElementById(\"zoom_change\").style.display = 'flex';\n    that.currentSoundBarPosition = $('.zoom_btn').position().left - 100;\n    that.currentControlBarTopPosition = $('#my-video').height() - $('.zoom_btn').height() * 2;\n\t  $(\"#zoom_change\").css({'left': `${that.currentSoundBarPosition}px`});\n\t  $(\"#zoom_change\").css({'top': `${that.currentControlBarTopPosition}px`});\n  });\n  zoomButton.on(\"mouseout\", function() {\n    document.getElementById(\"zoom_change\").style.display = 'none';\n  });\n}\n\nexport function addcurrentTime(that, position) {\n\tlet timeDisplay = that.player.controlBar.addChild(\"button\", {}, position);\n  that.timeDisplayDom = timeDisplay.el();\n  timeDisplay.addClass(\"time_display\");\n}"],"sourceRoot":""}