@ezuikit/player-theme 2.0.2-beta.1 → 2.0.2-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +115 -605
- package/dist/index.mjs +116 -606
- package/dist/index.umd.js +465 -782
- package/dist/style.css +3 -2
- package/dist/style.js +2 -2
- package/dist/types/index.d.ts +67 -43
- package/package.json +6 -6
package/dist/style.css
CHANGED
|
@@ -4,8 +4,8 @@ body.ezplayer-body-mobile-noscroll{background-color:#000!important;height:100vh;
|
|
|
4
4
|
.ezplayer-content{align-items:center;justify-content:center}.ezplayer-content,.ezplayer-content-wrapper{box-sizing:border-box;display:flex;flex:1 1 auto;height:100%;margin:0;outline:none;overflow:hidden;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:0}.ezplayer-content-wrapper{background-color:#000}.ezplayer-content-video{align-items:center;box-sizing:border-box;display:flex;flex:1 1 auto;height:100%;justify-content:center;margin:0;outline:none;padding:0;width:100%}
|
|
5
5
|
.ezplayer-mobile-extend{background-color:#639;background-color:var(--ezplayer-mobile-extend-bg-color,#f5f7fa);color:var(--ezplayer-mobile-extend-default-color,#2c2c2c);display:flex;flex-direction:column}.ezplayer-mobile-extend-controls{background-color:#639;display:flex;height:66px;justify-content:space-around}.ezplayer-mobile-extend-controls .ezplayer-control{width:75px}.ezplayer-mobile-extend-control-panel{align-items:center;display:flex;flex-direction:column;min-height:390px}.ezplayer-mobile-extend-control-top{align-items:center;display:flex;height:36px;justify-content:space-between;padding-top:10px}.ezplayer-mobile-extend-control-top-left{display:inline-flex;padding-left:15px}.ezplayer-mobile-extend-control-top-right{display:inline-flex;justify-content:flex-end;padding-right:15px}.ezplayer-mobile-extend-control-content{display:flex;flex:1 1 auto;flex-direction:column;width:100%}
|
|
6
6
|
.ezplayer-rec-footer{background-color:#000;box-sizing:border-box;display:block;height:36px;position:relative}.ezplayer-rec-footer-has-date-picker{padding-right:56px}.ezplayer-rec-footer-time-line{height:36px;overflow:hidden;width:100%}.ezplayer-rec-footer-date-picker{align-items:center;display:flex;height:36px;justify-content:flex-end;padding-right:20px;position:absolute;right:0;top:0;width:56px}.ezplayer-rec-footer-date-picker .ezplayer-icon-date{font-size:20px;margin-top:-5px}
|
|
7
|
-
.epicker-body-noscroll{overflow:hidden;touch-action:none}.epicker{box-shadow:0 9px 28px 8px #0000000d;display:none;margin:0;opacity:0;padding:0;position:absolute;transition:opacity .3s ease;vertical-align:top;z-index:1000}.epicker,.epicker-body{box-sizing:border-box;flex-direction:column}.epicker-body{display:flex}.epicker.epicker-mobile .epicker-mask{background
|
|
8
|
-
.drag-scroll{box-sizing:border-box;margin:0;padding:0}.drag-scroll-container{cursor:grab;height:450px;overflow:hidden;position:relative;-webkit-tap-highlight-color:transparent}.drag-scroll-container,.drag-scroll-content{box-sizing:border-box;display:flex;flex-direction:column;margin:0;padding:0;width:100%}.drag-scroll-content{gap:18px;height:auto;transform:translateZ(0);will-change:transform}.drag-scroll-scrollbar{background-color:#0000001a;border-radius:3px;bottom:0;box-sizing:border-box;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s;width:6px}.drag-scroll-scrollbar.drag-scroll-show{opacity:1}.drag-scroll-scrollbar-thumb{background:linear-gradient(180deg,#4a90e2,#357abd);border-radius:3px;box-sizing:border-box;position:absolute;transition:height .2s;width:100%}.epicker-body-noscroll{overflow:hidden;touch-action:none}.epicker{box-shadow:0 9px 28px 8px #0000000d;display:none;margin:0;opacity:0;padding:0;position:absolute;transition:opacity .3s ease;vertical-align:top;z-index:1000}.epicker,.epicker-body{box-sizing:border-box;flex-direction:column}.epicker-body{display:flex}.epicker.epicker-mobile .epicker-mask{background
|
|
7
|
+
.epicker-body-noscroll{overflow:hidden;touch-action:none}.epicker{box-shadow:0 9px 28px 8px #0000000d;display:none;margin:0;opacity:0;padding:0;position:absolute;transition:opacity .3s ease;vertical-align:top;z-index:1000}.epicker,.epicker-body{box-sizing:border-box;flex-direction:column}.epicker-body{display:flex}.epicker.epicker-mobile .epicker-mask{background:#0000004d;bottom:0;box-sizing:border-box;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:9998}.epicker.epicker-mobile .epicker-body{align-items:center;bottom:0;left:0;position:fixed;right:0;z-index:9999}
|
|
8
|
+
.drag-scroll{box-sizing:border-box;margin:0;padding:0}.drag-scroll-container{cursor:grab;height:450px;overflow:hidden;position:relative;-webkit-tap-highlight-color:transparent}.drag-scroll-container,.drag-scroll-content{box-sizing:border-box;display:flex;flex-direction:column;margin:0;padding:0;width:100%}.drag-scroll-content{gap:18px;height:auto;transform:translateZ(0);will-change:transform}.drag-scroll-scrollbar{background-color:#0000001a;border-radius:3px;bottom:0;box-sizing:border-box;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s;width:6px}.drag-scroll-scrollbar.drag-scroll-show{opacity:1}.drag-scroll-scrollbar-thumb{background:linear-gradient(180deg,#4a90e2,#357abd);border-radius:3px;box-sizing:border-box;position:absolute;transition:height .2s;width:100%}.epicker-body-noscroll{overflow:hidden;touch-action:none}.epicker{box-shadow:0 9px 28px 8px #0000000d;display:none;margin:0;opacity:0;padding:0;position:absolute;transition:opacity .3s ease;vertical-align:top;z-index:1000}.epicker,.epicker-body{box-sizing:border-box;flex-direction:column}.epicker-body{display:flex}.epicker.epicker-mobile .epicker-mask{background:#0000004d;bottom:0;box-sizing:border-box;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:9998}.epicker.epicker-mobile .epicker-body{align-items:center;bottom:0;left:0;position:fixed;right:0;z-index:9999}.ez-time-line-container{box-sizing:border-box;display:block;height:300px;min-width:190px;overflow:hidden;padding-right:29%;position:relative;text-align:left;white-space:nowrap;width:52%!important}.ez-time-line-time-scale-area{border-bottom:none;border-right:12px solid #bdcdff;border-top:none;box-sizing:border-box;color:#666;font-size:12px;height:60px;margin:0;padding:0;position:relative}.ez-time-line-time-label{height:14px;left:45%;line-height:14px;position:relative;top:53px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ez-time-line-time-unavail{background-color:#ddd;box-sizing:border-box;left:100%;position:absolute;width:12px}.ez-time-line-current{box-sizing:border-box;height:29px;min-width:80px;padding-left:2.66666%;position:absolute;text-align:left;top:40px;width:23%;z-index:1}.ez-time-line-current-content{height:58px;position:relative;width:100%}.ez-time-line-current-tip{align-items:center;display:inline-flex;font-size:58px;position:absolute;width:58px;z-index:1}.ez-time-line-current-tip-line{background-color:#648ffc;border-radius:1px;height:1.5px;position:absolute;top:50%;transform:translateY(-50%);width:102%}.ez-time-line-current-value{color:#fff;font-size:12px;height:58px;line-height:58px;pointer-events:none;position:absolute;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:52px;z-index:1}.ez-time-line-time-cover-fold{align-items:flex-end;color:#fff;display:inline-flex;height:60px;position:absolute;right:-90px;transform:translate(22px);width:90px}.ez-time-line-time-cover-fold-img{border-radius:6px;height:50px;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:90px}.ez-time-line-time-cover-fold-img img{height:50px;-o-object-fit:cover;object-fit:cover;width:90px}.ez-time-line-time-cover-fold-img:before{background-color:rgba(0,0,0,.3);content:"";height:50px;left:0;position:absolute;top:0;width:90px;z-index:1}.ez-time-line-time-cover-fold-len{font-size:12px;font-size:11px;left:2px;position:absolute;top:2px;z-index:2}.ez-time-line-time-cover-fold-time{font-size:12px;font-size:11px;position:absolute;right:2px;top:2px;z-index:2}.ez-time-line-time-cover-fold-pause{bottom:2px;color:#fff;display:inline-flex;font-size:20px;position:absolute;right:0;z-index:2}.ez-time-line-cover-fold-placeholder{display:flex;height:60px;justify-content:center;position:absolute;width:90px}.ez-time-line-cover-fold-placeholder:after,.ez-time-line-cover-fold-placeholder:before{border-radius:6px;content:"";position:absolute}.ez-time-line-cover-fold-placeholder:before{background-color:#ededed;height:30px;top:0;width:70px}.ez-time-line-cover-fold-placeholder:after{background-color:#ccc;height:40px;top:5px;width:80px}.ez-time-line-item-cover-placeholder{align-items:center;background:linear-gradient(180deg,#b7c3cf,#d4d1d1 100%);color:#fff;display:flex;font-size:20px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.ez-time-line-op{position:absolute;right:10%;top:50%;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ez-time-line-op-wrapper{display:inline-flex;flex-direction:column}.ez-time-line-icon-plus{margin-bottom:40px}.ez-time-line-icon-minus:not(.ez-time-line-disabled),.ez-time-line-icon-plus:not(.ez-time-line-disabled){align-items:center;border:1px solid #999;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:16px;height:30px;justify-content:center;padding:7px;transition:color .3s ease,border-color .3s ease;width:30px}.ez-time-line-icon-minus:not(.ez-time-line-disabled):active,.ez-time-line-icon-plus:not(.ez-time-line-disabled):active{border-color:#369fff;color:#369fff}.ez-time-line-disabled{border-color:#dedede!important;cursor:not-allowed!important}.ez-time-line-picker.epicker.epicker-mobile .epicker-body{align-items:normal;background-color:#fff;height:550px;max-height:70%}.ez-time-line-picker-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.ez-time-line-picker-header{color:#2c2c2c;display:flex;font-size:18px;font-weight:500;height:65px;letter-spacing:0;line-height:45px;padding:10px 70px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ez-time-line-picker-close,.ez-time-line-picker-header{align-items:center;box-sizing:border-box;justify-content:center}.ez-time-line-picker-close{color:#20262c;cursor:pointer;display:inline-flex;font-size:24px;height:24px;left:15px;position:absolute;top:20px;transition:color .3s ease;width:24px}.ez-time-line-picker-close:active{color:#f05757}.ez-time-line-picker-content{box-sizing:border-box;flex:1 1 auto;overflow-x:hidden;overflow-y:auto}.ez-time-line-picker-item{margin-bottom:20px;padding-left:10px;padding-right:10px}.ez-time-line-picker-item-title{color:#666;font-size:14px;font-weight:400;letter-spacing:0;line-height:20px;margin-bottom:10px;padding-left:1.5%}.ez-time-line-picker-item-list{display:flex;flex-wrap:wrap}.ez-time-line-picker-item-content{background-color:#ddd;border-radius:8px;display:flex;margin:0 1.5% 10px;overflow:hidden;padding-top:18.769%;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:30.333%}.ez-time-line-picker-item-content:before{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.ez-time-line-picker-item-time{left:5px}.ez-time-line-picker-item-duration,.ez-time-line-picker-item-time{color:#fff;font-size:12px;font-size:11px;font-weight:400;letter-spacing:0;line-height:13px;position:absolute;top:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}.ez-time-line-picker-item-duration{right:5px}.ez-time-line-picker-item-cover{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:0}.ez-time-line-picker .ez-time-line-item-cover-placeholder{font-size:30px;z-index:1}
|
|
9
9
|
.ezplayer .ezplayer-progress{align-items:center;background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-radius:var(--ezplayer-border-radius,8px);box-sizing:border-box;cursor:default;display:flex;flex-direction:column;justify-content:center;padding:36px 9px 11px;position:relative;width:38px}.ezplayer .ezplayer-progress,.ezplayer .ezplayer-progress-text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ezplayer .ezplayer-progress-text{font-size:12px;height:17px;left:0;line-height:17px;position:absolute;text-align:center;top:10px;width:100%}.ezplayer .ezplayer-progress-minus,.ezplayer .ezplayer-progress-plus{display:flex;height:25px;justify-content:center}.ezplayer .ezplayer-progress-minus .ezplayer-icon,.ezplayer .ezplayer-progress-plus .ezplayer-icon{color:#fff;cursor:pointer;display:inline-block;font-size:20px;height:20px;text-align:center;transition:color .3s ease,border-color .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:20px}.ezplayer .ezplayer-progress-minus .ezplayer-icon:active,.ezplayer .ezplayer-progress-plus .ezplayer-icon:active{color:var(--ezplayer-primary-color,#407aff)}@media (hover:hover){.ezplayer .ezplayer-progress-minus .ezplayer-icon:hover,.ezplayer .ezplayer-progress-plus .ezplayer-icon:hover{color:var(--ezplayer-primary-color,#407aff)}}.ezplayer .ezplayer-progress-plus{padding-bottom:5px}.ezplayer .ezplayer-progress-minus{padding-top:5px}.ezplayer .ezplayer-progress-slider{background-color:hsla(0,0%,100%,.75);border-radius:2px;cursor:pointer;flex:1 1 auto;position:relative;width:4px}.ezplayer .ezplayer-progress-slider-fill{background-color:var(--ezplayer-primary-color,#407aff);border-radius:4px;bottom:0;height:0;left:0;position:absolute;width:100%}.ezplayer .ezplayer-progress-slider-handle{align-items:center;background-color:var(--ezplayer-primary-color,#407aff);border-radius:50%;cursor:pointer;display:inline-flex;height:12px;justify-content:center;left:50%;position:absolute;top:0;transform:translate(-50%,-50%);width:12px}.ezplayer .ezplayer-progress-slider-handle:hover{box-shadow:0 0 2px var(--ezplayer-primary-color,#407aff)}.ezplayer .ezplayer-progress-slider-handle:before{background-color:#fff;border-radius:50%;content:"";display:inline;height:6px;width:6px}
|
|
10
10
|
.ezplayer-icon{align-items:center;color:inherit;display:inline-flex;font-size:var(--ezplayer-icon-font-size,24px);font-style:normal;line-height:0;text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
|
|
11
11
|
.ezplayer-select-panel{background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-radius:var(--ezplayer-border-radius,8px);color:var(--ezplayer-default-color,#fff);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;position:relative}.ezplayer-select-btn{width:50px}.ezplayer-select-btn span{display:inline-block;font-size:12px;font-size:calc(var(--ezplayer-font-size, 14px) - 2px);line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ezplayer-select-list{align-items:center;display:flex;flex-direction:column;font-size:var(--ezplayer-font-size,14px);list-style:none;margin:0;padding:12px 0!important;width:100%}.ezplayer-select-option{box-sizing:border-box;cursor:pointer;display:inline-flex;height:28px;justify-content:center;line-height:18px;list-style:none;padding:5px 20px!important;transition:color .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.ezplayer-select-option span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ezplayer-select-option:hover{color:var(--ezplayer-active-color)}.ezplayer-select-cancel,.ezplayer-select-close{display:none}.ezplayer-select-cancel{font-size:var(--ezplayer-font-size,14px)}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-panel{background-color:transparent;max-width:400px;padding-bottom:calc(54px + env(safe-area-inset-bottom));width:90%}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-list{align-items:center;background-color:#fff;border-radius:var(--ezplayer-border-radius,8px);display:flex;flex-direction:column;font-size:var(--ezplayer-font-size,14px);max-height:70vh;max-height:calc(90vh - 108px);overflow-x:hidden;overflow-y:auto;padding:20px 0!important}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-cancel,.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-option{align-items:center;box-sizing:border-box;color:#2c2c2c;display:inline-flex;height:36px;justify-content:center;line-height:26px;padding:5px 20px!important}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-option{--webkit-tap-highlight-color:transparent!important}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-option:hover{color:#2c2c2c}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-option:active{background-color:#f8f8f8}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-cancel{background-color:#fff;border-radius:var(--ezplayer-border-radius,8px);display:flex;height:54px;margin-top:8px}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-cancel:active{color:var(--ezplayer-active-color)}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .epicker-body{bottom:0;left:unset;right:0;top:0;width:240px}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-panel{align-items:center;background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-bottom-right-radius:0;border-top-right-radius:0;height:100%;justify-content:center;padding-bottom:env(safe-area-inset-bottom);width:100%}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-list{background-color:transparent;border-radius:0;color:#fff;height:auto;margin:0;max-height:100%;width:100%}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-option,.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-option:hover{color:#fff}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-option:active{background-color:transparent;color:var(--ezplayer-active-color)}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-cancel{display:none}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-close{display:inline-flex;left:10px;position:absolute;top:10px}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-close:active{color:var(--ezplayer-active-color)}
|
|
@@ -26,5 +26,6 @@ body.ezplayer-body-mobile-noscroll{background-color:#000!important;height:100vh;
|
|
|
26
26
|
.ez-ptz-container{background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.8);border-radius:100%;box-shadow:0 0 33px 4px rgba(0,0,0,.15);cursor:pointer;font-size:14px;height:80px;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:80px}.ez-ptz-icon{display:inline-block;height:0;position:absolute;width:0}.ez-ptz-icon.ez-ptz-icon-icon-active{border-bottom-color:#407aff}.ez-ptz-direction-top{border-bottom:8px solid #999;top:2px}.ez-ptz-direction-bottom,.ez-ptz-direction-top{border-left:4px solid transparent;border-right:4px solid transparent;left:calc(50% - 4px)}.ez-ptz-direction-bottom{border-top:8px solid #999;bottom:2px}.ez-ptz-direction-right{border-left:8px solid #999;right:2px}.ez-ptz-direction-left,.ez-ptz-direction-right{border-bottom:4px solid transparent;border-top:4px solid transparent;top:calc(50% - 4px)}.ez-ptz-direction-left{border-right:8px solid #999;left:2px}.ez-ptz-direction-top-left{top:calc(25% - 4px)}.ez-ptz-direction-left-bottom,.ez-ptz-direction-top-left{background:#999;border-radius:50%;height:4px;left:16px;width:4px}.ez-ptz-direction-bottom-right,.ez-ptz-direction-left-bottom{bottom:calc(25% - 4px)}.ez-ptz-direction-bottom-right,.ez-ptz-direction-right-top{background:#999;border-radius:50%;height:4px;right:16px;width:4px}.ez-ptz-direction-right-top{top:calc(25% - 4px)}.ez-ptz-direction-center{background:#407aff;border-radius:100%;height:23px;left:calc(50% - 12.4px);position:absolute;top:calc(50% - 12.4px);width:23px}.ez-ptz-container-wrap{align-items:center;box-sizing:content-box!important;display:flex;flex-direction:column;justify-content:center;width:100%}.ez-ptz-speed-container{width:100%}.ez-ptz-speed-progress-line{background:#fff;display:flex;height:1px;justify-content:space-between;margin:16px 0 8px}.ez-ptz-speed-progress-line-dot{background:#fff;border:2px solid #fff;border-radius:50%;cursor:pointer;height:9px;margin:-3px 0;width:9px}.ez-ptz-speed-progress-line-dot.ez-ptz-speed-active{border-color:#407aff}.ez-ptz-speed-progress-points{display:flex;justify-content:space-between}.ez-ptz-speed-progress-points-fast,.ez-ptz-speed-progress-points-mid,.ez-ptz-speed-progress-points-slow{color:#fff;cursor:pointer}.ez-ptz-btn-container{display:flex;justify-content:space-between;margin-top:14px;width:100%}.ez-ptz-btn-focal,.ez-ptz-btn-zoom{border:1px solid hsla(0,0%,100%,.5);border-radius:10px;box-sizing:content-box;display:flex;height:20px;padding-bottom:0}.ez-ptz-btn-focal-add,.ez-ptz-btn-focal-sub,.ez-ptz-btn-zoom-add,.ez-ptz-btn-zoom-sub{cursor:pointer;height:20px;text-align:center}.ez-ptz-btn-focal-add,.ez-ptz-btn-zoom-add{border-right:1px solid hsla(0,0%,100%,.5)}.ez-mobile-ptz{box-sizing:border-box}.ez-mobile-ptz-content{align-items:center;display:flex;justify-content:center}.ez-mobile-ptz-wrap{background-image:linear-gradient(180deg,#f6f8ff,hsla(0,0%,93%,.42) 50%);border-radius:100%;box-sizing:border-box;display:inline-block;overflow:hidden;padding:24px}.ez-mobile-ptz-container{background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.8);border-radius:100%;box-sizing:border-box;cursor:pointer;height:260px;margin:auto;overflow:hidden;position:relative;width:260px}.ez-mobile-ptz-center{background:#fff;border:2px solid #eee;border-radius:100%;cursor:pointer;height:52px;left:calc(50% - 26px);position:absolute;top:calc(50% - 26px);width:52px}.ez-mobile-ptz-top{border-bottom:6px solid #aaa;border-left:6px solid transparent;border-right:6px solid transparent;cursor:pointer;display:inline-block;height:0;left:calc(50% - 6px);position:absolute;top:10px;width:0}.ez-mobile-ptz-top.ez-mobile-ptz-active{border-bottom-color:#1890ff}.ez-mobile-ptz-left{border-bottom:6px solid transparent;border-right:6px solid #aaa;border-top:6px solid transparent;cursor:pointer;display:inline-block;height:0;left:10px;position:absolute;top:calc(50% - 6px);width:0}.ez-mobile-ptz-left.ez-mobile-ptz-active{border-right-color:#1890ff}.ez-mobile-ptz-bottom{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #aaa;bottom:10px;display:inline-block;height:0;left:calc(50% - 6px);position:absolute;width:0}.ez-mobile-ptz-bottom.ez-mobile-ptz-active{border-top-color:#1890ff}.ez-mobile-ptz-right{border-bottom:6px solid transparent;border-left:6px solid #aaa;border-top:6px solid transparent;display:inline-block;height:0;position:absolute;right:10px;top:calc(50% - 6px);width:0}.ez-mobile-ptz-right.ez-mobile-ptz-active{border-left-color:#1890ff}
|
|
27
27
|
.ezplayer-medium-height .ezplayer-ptz-panel,.ezplayer-mini-height .ezplayer-ptz-panel{padding-bottom:0;padding-top:0;right:0;z-index:22}.ezplayer-medium-height .ezplayer-ptz-panel .ezplayer-ptz-turntable,.ezplayer-mini-height .ezplayer-ptz-panel .ezplayer-ptz-turntable{border-bottom-right-radius:0;border-top-right-radius:0;max-height:none}.ezplayer-mini-height .ez-ptz-btn-container,.ezplayer-mini-height .ez-ptz-speed-container{display:none!important}.ezplayer-ptz-panel{box-sizing:border-box;flex-direction:column;max-width:70%;padding-bottom:var(--ezplayer-footer-height,80px);padding-top:var(--ezplayer-header-height,46px);pointer-events:none;position:absolute;right:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:150px;z-index:3}.ezplayer-ptz-panel,.ezplayer-ptz-panel .ezplayer-ptz-turntable{align-items:center;display:flex;height:100%;justify-content:center}.ezplayer-ptz-panel .ezplayer-ptz-turntable{background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-radius:var(--ezplayer-border-radius,8px);flex:1 1 auto;max-height:283px;padding:20px;pointer-events:auto;width:100%}.ezplayer-mobile .ezplayer-control-ptz,.ezplayer-mobile .ezplayer-ptz-panel{display:none}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-control-ptz,.ezplayer-mobile.ezplayer-fullscreen .ezplayer-ptz-panel{display:inline-flex}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-ptz-panel{padding-bottom:calc(var(--ezplayer-mobile-fullscreen-footer-height, 110px) - 20px);padding-top:var(--ezplayer-mobile-fullscreen-header-height,75px)}.ezplayer-mobile.ezplayer-fullscreen.ezplayer-medium-height .ezplayer-ptz-panel,.ezplayer-mobile.ezplayer-fullscreen.ezplayer-mini-height .ezplayer-ptz-panel{padding-bottom:0;padding-top:0}
|
|
28
28
|
|
|
29
|
+
.epicker-body-noscroll{overflow:hidden;touch-action:none}.epicker{box-shadow:0 9px 28px 8px #0000000d;display:none;margin:0;opacity:0;padding:0;position:absolute;transition:opacity .3s ease;vertical-align:top;z-index:1000}.epicker,.epicker-body{box-sizing:border-box;flex-direction:column}.epicker-body{display:flex}.epicker.epicker-mobile .epicker-mask{background:#0000004d;bottom:0;box-sizing:border-box;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:9998}.epicker.epicker-mobile .epicker-body{align-items:center;bottom:0;left:0;position:fixed;right:0;z-index:9999}.epicker-mobile .edate-mobile{--edate-hover-bg-color:transparent}.edate-container{background-color:#fff;box-sizing:border-box;display:flex;font-size:14px;max-height:80%;min-width:246px;text-align:center;width:100%}.edate-container *{border:none;box-sizing:border-box;margin:0;outline:none;padding:0;-webkit-tap-highlight-color:transparent}.edate-container li,.edate-container ul{border:0;box-sizing:border-box;list-style:none;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.edate-container table,.edate-container tbody,.edate-container td,.edate-container th,.edate-container thead,.edate-container tr{border:0;border-color:transparent;border-spacing:0;box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.edate-container table:active,.edate-container table:focus,.edate-container table:focus-visible,.edate-container tbody:active,.edate-container tbody:focus,.edate-container tbody:focus-visible,.edate-container td:active,.edate-container td:focus,.edate-container td:focus-visible,.edate-container th:active,.edate-container th:focus,.edate-container th:focus-visible,.edate-container thead:active,.edate-container thead:focus,.edate-container thead:focus-visible,.edate-container tr:active,.edate-container tr:focus,.edate-container tr:focus-visible{background-color:transparent}.edate-container table{height:100%}.edate-panel{display:flex;flex-direction:column;width:100%}.edate-header{align-items:center;border-bottom:1px solid var(--edate-border-color,rgba(5,5,5,.06));box-sizing:border-box;color:var(--edate-default-color,rgba(0,0,0,.88));display:flex;font-weight:600;height:var(--edate-header-height,34px);justify-content:space-between;line-height:var(--edate-header-height,34px);padding:2px 15px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.edate-header-view{text-align:center;width:40%}.edate-header-title-hover{cursor:pointer;transition:color .2s ease-in-out}.edate-header-title-hover:hover{color:var(--edate-primary-color,#1677ff)}.edate-next-btns,.edate-prev-btns{display:inline-flex;height:var(--edate-header-height,34px);line-height:var(--edate-header-height,34px)}.edate-next-btn,.edate-prev-btn,.edate-super-next-btn,.edate-super-prev-btn{align-items:center;background:0 0;border:0;box-sizing:border-box;color:var(--edate-arrow-color,rgba(0,0,0,.45));cursor:pointer;display:inline-flex;font-size:var(--edate-font-size,14px);height:100%;justify-content:center;line-height:var(--edate-header-height,34px);min-width:1.6em;padding:0;transition:color .2s}.edate-next-btn:not(.edate-disabled):active,.edate-prev-btn:not(.edate-disabled):active,.edate-super-next-btn:not(.edate-disabled):active,.edate-super-prev-btn:not(.edate-disabled):active{color:var(--edate-arrow-hover-color,rgba(0,0,0,.88))}.edate-next-icon,.edate-prev-icon,.edate-super-next-icon,.edate-super-prev-icon{display:inline-flex;height:6px;position:relative;transform:rotate(-45deg);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:6px}.edate-next-icon:before,.edate-prev-icon:before,.edate-super-next-icon:before,.edate-super-prev-icon:before{inset-inline-start:0;top:0}.edate-next-icon:before,.edate-prev-icon:before,.edate-super-next-icon:after,.edate-super-next-icon:before,.edate-super-prev-icon:after,.edate-super-prev-icon:before{border:0 solid;border-block-end-width:0;border-block-start-width:1.5px;border-inline-end-width:0;border-inline-start-width:1.5px;content:"";display:inline-block;height:6px;position:absolute;width:6px}.edate-super-next-icon:after,.edate-super-prev-icon:after{left:-4px;top:-4px}.edate-next-icon,.edate-super-next-icon{transform:rotate(135deg)}.edate-footer{align-items:center;border-bottom:1px solid var(--edate-border-color,rgba(5,5,5,.06));border-left:1px solid var(--edate-border-color,rgba(5,5,5,.06));border-right:1px solid var(--edate-border-color,rgba(5,5,5,.06));box-sizing:border-box;display:flex;height:var(--edate-footer-height,34px);justify-content:space-between;padding:4px 5px}.edate-btn-text,.edate-now,.edate-today{color:var(--edate-primary-color,#1677ff);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.edate-btn-text:not(.edate-disabled):active,.edate-now:not(.edate-disabled):active,.edate-today:not(.edate-disabled):active{opacity:.75}.edate-close-btn{align-items:center;cursor:pointer;font-size:24px}.edate-close-btn,.edate-close-btn .edate-close-icon{display:inline-flex}.edate-close-btn:active{color:var(--edate-close-color,#f05757)}.edate-btn-text{padding:2px 4px}.edate-btn-text.edate-disabled{color:var(--edate-disabled-color,rgba(0,0,0,.25))!important}.edate-btn{background-image:none;background:transparent;border:1px solid #d9d9d9;border-radius:2px;color:var(--edate-primary-color,#1677ff);cursor:pointer;display:inline-block;font-weight:400;height:20px;line-height:19px;min-width:32px;outline:none;padding:0 4px;position:relative;text-align:center;touch-action:manipulation;transition:all .2s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.edate-btn.edate-disabled{background-color:var(--edate-disabled-bg-color,rgba(0,0,0,.04))!important;border-color:var(--edate-disabled-color,rgba(0,0,0,.25))!important;color:var(--edate-disabled-color,rgba(0,0,0,.25))!important;cursor:not-allowed!important}.edate-btn-primary{background-color:var(--edate-primary-color,#1677ff);border-color:var(--edate-primary-color,#1677ff);color:#fff}.edate-btn-primary:not(.edate-disabled):active{opacity:.75}.edate-disabled{cursor:not-allowed!important}.edate-disabled:before{background-color:var(--edate-disabled-bg-color,rgba(0,0,0,.04))!important}.edate-disabled:before,.edate-disabled>*{color:var(--edate-disabled-color,rgba(0,0,0,.25))!important;cursor:not-allowed!important}.edate-picker-date .emonth-container,.edate-picker-date .eyear-container,.edate-picker-month .ecalendar-container,.edate-picker-month .eyear-container,.edate-picker-year .ecalendar-container,.edate-picker-year .emonth-container{display:none}.epicker-mobile.edate-picker-container{border-radius:10px;overflow:hidden}.epicker-mobile.edate-picker-container .epicker-body{background-color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden;padding-bottom:15px}.epicker-mobile.edate-picker-container .epicker-body .edate-panel{border:none}.epicker-mobile.edate-picker-container .epicker-body .edate-header{border-bottom:none;height:44px}.ecalendar{box-sizing:border-box;cursor:unset;line-height:normal;margin:0;padding-left:0;text-align:left}.ecalendar-panel{border:1px solid var(--edate-border-color,rgba(5,5,5,.06));box-sizing:border-box;display:flex;flex-direction:column;width:100%}.ecalendar-body{box-sizing:border-box;color:var(--edate-default-color,rgba(0,0,0,.88));flex:1 1 auto;padding:6px 10px}.ecalendar-content{box-sizing:border-box;width:100%}.ecalendar-content th{height:30px}.ecalendar-content tr td{padding:3px 0}.ecalendar-content tr td:before{content:"";display:block;height:var(--edate-calendar-cell-height,24px);position:absolute;width:100%}.ecalendar-cell{box-sizing:border-box;color:rgba(0,0,0,.25);cursor:pointer;padding:0;position:relative;text-align:center}.ecalendar-cell:not(.edate-disabled):hover .ecalendar-cell-inner{background-color:var(--edate-hover-bg-color,rgba(0,0,0,.04))}.ecalendar-cell-in-view{color:var(--edate-default-color,rgba(0,0,0,.88))}.ecalendar-cell-in-view.ecalendar-cell-selected:not(.edate-disabled) .ecalendar-cell-inner{background-color:var(--edate-primary-color,#1677ff)!important;color:#fff}.ecalendar-cell-in-view.ecalendar-cell-selected:not(.edate-disabled) .ecalendar-badge{background-color:#fff}.ecalendar-cell-in-view.ecalendar-cell-selected.edate-disabled .ecalendar-cell-inner{background-color:var(--edate-disabled-bg-color,rgba(0,0,0,.25))}.ecalendar-cell-in-view.ecalendar-cell-today .ecalendar-cell-inner{border-color:var(--edate-primary-color,#1677ff)}.ecalendar-cell-in-view.ecalendar-cell-today.edate-disabled .ecalendar-cell-inner{border-color:var(--edate-disabled-bg-color,rgba(0,0,0,.25))}.ecalendar-cell-inner{align-items:center;border:1px solid transparent;border-radius:var(--edate-calendar-border-radius,2px);display:inline-flex;height:var(--edate-calendar-cell-height,26px);inset-inline-end:0;inset-inline-start:0;justify-content:center;line-height:var(--edate-calendar-cell-height,26px);padding:0;position:relative;transition:background .2s,border .2s;width:var(--edate-calendar-cell-width,26px);z-index:2}.ecalendar-cell .ecalendar-badge{background-color:var(--edate-primary-color,#1677ff);border-radius:50%;height:3px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(8px);width:3px;z-index:3}.ecalendar-cell.edate-disabled .ecalendar-badge{background-color:var(--edate-disabled-color,rgba(0,0,0,.25))}.epicker-mobile .ecalendar-content tr td{padding:8px 0}.emonth{cursor:unset;line-height:normal}.emonth-panel{background-color:#fff;border:1px solid var(--edate-border-color,rgba(5,5,5,.06));display:flex;flex-direction:column}.emonth-panel .emonth-body{padding:1px 8px}.emonth-panel table{width:100%}.emonth-panel .emonth-cell{height:52px}.emonth-panel .emonth-cell-inner{padding:0 8px}.emonth-body{color:var(--edate-default-color,rgba(0,0,0,.88));padding:0 10px}.emonth-content{width:100%}.emonth-cell{box-sizing:border-box;color:rgba(0,0,0,.25);cursor:pointer;padding:0;position:relative;text-align:center}.emonth-cell:not(.edate-disabled):hover .emonth-cell-inner{background-color:var(--edate-hover-bg-color,rgba(0,0,0,.04))}.emonth-cell:before{content:"";height:22px;inset-inline-end:0;inset-inline-start:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;z-index:1}.emonth-cell-in-view{color:var(--edate-default-color,rgba(0,0,0,.88))}.emonth-cell-in-view.emonth-cell-selected:not(.edate-disabled) .emonth-cell-inner{background-color:var(--edate-primary-color,#1677ff)!important;color:#fff}.emonth-cell-in-view.emonth-cell-selected.edate-disabled .emonth-cell-inner{background-color:var(--edate-disabled-bg-color,rgba(0,0,0,.04))!important}.emonth-cell-inner{border-radius:var(--edate-border-radius,2px);display:inline-block;height:22px;line-height:22px;min-width:22px;position:relative;transition:background .2s,border .2s;z-index:2}:root{--edate-header-height:34px;--edate-footer-height:var(--edate-header-height,34px);--edate-font-size:14px;--edate-default-color:rgba(0,0,0,.88);--edate-primary-color:#648ffc;--edate-hover-color:var(--edate-default-color,rgba(0,0,0,.88));--edate-hover-bg-color:rgba(0,0,0,.04);--edate-active-color:var(--edate-default-color,rgba(0,0,0,.88));--edate-active-bg-color:#e6f4ff;--edate-disabled-color:rgba(0,0,0,.25);--edate-disabled-bg-color:rgba(0,0,0,.04);--edate-disabled-active-bg-color:rgba(0,0,0,.25);--edate-border-color:rgba(5,5,5,.06);--edate-border-radius:2px;--edate-close-color:#f05757;--edate-calendar-border-radius:50%;--edate-calendar-cell-width:26px;--edate-calendar-cell-height:26px;--edate-badge-color:var(--edate-primary-color,#648ffc);--edate-arrow-color:rgba(0,0,0,.45);--edate-arrow-hover-color:var(--edate-default-color,rgba(0,0,0,.88))}.eyear{cursor:unset;line-height:normal}.eyear-layout{align-items:stretch;display:flex;flex-wrap:nowrap}.eyear-panel{background-color:#fff;border:1px solid var(--edate-border-color,rgba(5,5,5,.06));display:flex;flex-direction:column}.eyear-panel .eyear-body{padding:1px 8px}.eyear-panel table{width:100%}.eyear-panel .eyear-cell{height:52px}.eyear-panel .eyear-cell-inner{padding:0 8px}.eyear-body{padding:0 10px}.eyear-cell{box-sizing:border-box;color:rgba(0,0,0,.25);cursor:pointer;padding:0;position:relative;text-align:center}.eyear-cell:not(.edate-disabled):hover .eyear-cell-inner{background-color:var(--edate-hover-bg-color,rgba(0,0,0,.04))}.eyear-cell:before{content:"";height:22px;inset-inline-end:0;inset-inline-start:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;z-index:1}.eyear-cell-in-view{color:var(--edate-default-color,rgba(0,0,0,.88))}.eyear-cell-in-view.eyear-cell-selected:not(.edate-disabled) .eyear-cell-inner{background-color:var(--edate-primary-color,#1677ff);color:#fff}.eyear-cell-in-view.eyear-cell-selected.edate-disabled .eyear-cell-inner{background-color:var(--edate-disabled-bg-color,rgba(0,0,0,.04))}.eyear-cell-inner{border-radius:var(--data-picker-border-radius,2px);display:inline-block;height:22px;line-height:22px;min-width:22px;position:relative;transition:background .2s,border .2s;z-index:2}
|
|
29
30
|
.ezplayer-mobile-extend .ezplayer-mobile-date-filter{align-items:center;background:#f4f6fc;border:1px solid #ededed;border-radius:8px;box-sizing:border-box;color:#2c2c2c;display:inline-flex;font-family:PingFang SC;font-size:16px;font-weight:500;height:36px;justify-content:center;letter-spacing:0;line-height:20px;padding:6px 10px}.ezplayer-mobile-extend .ezplayer-mobile-date-filter-value{margin-right:5px}.ezplayer-mobile-extend .ezplayer-icon-filter{font-size:20px}
|
|
30
31
|
.ezplayer-control-time-line{overflow:hidden;padding-right:40px;position:relative}.ezplayer-control-time-line .ezplayer-time-line-scale-add,.ezplayer-control-time-line .ezplayer-time-line-scale-sub{align-items:center;background-color:#333;border-radius:2px;color:var(--ezplayer-default-color,#fff);cursor:pointer;display:inline-flex;height:14px;justify-content:center;overflow:hidden;position:absolute;right:0;transition:color .3s ease;width:14px}.ezplayer-control-time-line .ezplayer-icon-add,.ezplayer-control-time-line .ezplayer-icon-reduce{font-size:12px;font-weight:500}.ezplayer-control-time-line .ezplayer-icon-add:hover,.ezplayer-control-time-line .ezplayer-icon-reduce:hover{color:var(--ezplayer-primary-color,#407aff)}.ezplayer-control-time-line .ezplayer-time-line-scale-add{top:2px}.ezplayer-control-time-line .ezplayer-time-line-scale-sub{bottom:2px}.ezplayer-mobile-extend .ezplayer-control-time-line{display:block;height:300px;margin-top:10px;padding-right:0}
|
package/dist/style.js
CHANGED
package/dist/types/index.d.ts
CHANGED
|
@@ -16,7 +16,7 @@ declare const THEME_SCALE_MODE_TYPE: {
|
|
|
16
16
|
/** 视频画面做等比缩放后,完全填充canvas区域,画面不被拉伸,没有黑边,但画面显示不全 */
|
|
17
17
|
readonly fullAuto: 2;
|
|
18
18
|
};
|
|
19
|
-
declare const THEME_PROPS: readonly ["width", "height", "playing", "volume", "muted", "loading", "recType", "isCurrentFullscreen", "orientationAngle", "zooming", "zoom", "recording", "recordList", "speed", "urlInfo", "videoLevelList", "videoLevel"];
|
|
19
|
+
declare const THEME_PROPS: readonly ["width", "height", "playing", "volume", "muted", "loading", "recType", "isCurrentFullscreen", "orientationAngle", "zooming", "zoom", "recording", "recordList", "speed", "urlInfo", "videoLevelList", "videoLevel", "recMonth"];
|
|
20
20
|
|
|
21
21
|
/**
|
|
22
22
|
* 控件基类配置项
|
|
@@ -1196,8 +1196,8 @@ declare class Theme extends EventEmitter {
|
|
|
1196
1196
|
readonly zoomChange: "zoomChange";
|
|
1197
1197
|
readonly zoomingChange: "zoomingChange";
|
|
1198
1198
|
readonly zoomTranslateChange: "zoomTranslateChange";
|
|
1199
|
-
readonly audioInfo: "audioInfo";
|
|
1200
|
-
readonly videoInfo: "videoInfo";
|
|
1199
|
+
readonly audioInfo: "audioInfo";
|
|
1200
|
+
readonly videoInfo: "videoInfo"; /** 版本号 @since 0.0.1 */
|
|
1201
1201
|
readonly firstFrameDisplay: "firstFrameDisplay";
|
|
1202
1202
|
readonly fullscreen: "fullscreen";
|
|
1203
1203
|
readonly exitFullscreen: "exitFullscreen";
|
|
@@ -1214,11 +1214,15 @@ declare class Theme extends EventEmitter {
|
|
|
1214
1214
|
readonly talkVolumeChange: "talkVolumeChange";
|
|
1215
1215
|
readonly setLoggerOptions: "setLoggerOptions";
|
|
1216
1216
|
readonly records: "records";
|
|
1217
|
-
readonly ptzSpeedChange: "ptzSpeedChange";
|
|
1217
|
+
readonly ptzSpeedChange: "ptzSpeedChange"; /**
|
|
1218
|
+
* 更多控件（footer more）
|
|
1219
|
+
* @since 0.0.1
|
|
1220
|
+
* @private
|
|
1221
|
+
*/
|
|
1218
1222
|
readonly setVideoLevelList: "setVideoLevelList";
|
|
1219
1223
|
readonly currentVideoLevel: "currentVideoLevel";
|
|
1220
1224
|
readonly currentVideoLevelAuto: "currentVideoLevelAuto";
|
|
1221
|
-
readonly setAllDayRecTimes: "setAllDayRecTimes";
|
|
1225
|
+
readonly setAllDayRecTimes: "setAllDayRecTimes"; /** 低部控件 @since 0.0.1 @private */
|
|
1222
1226
|
readonly getOSDTime: "getOSDTime";
|
|
1223
1227
|
readonly control: {
|
|
1224
1228
|
readonly play: "Control.play";
|
|
@@ -1233,8 +1237,8 @@ declare class Theme extends EventEmitter {
|
|
|
1233
1237
|
readonly headerMoreShowControlsChange: "Control.headerMoreShowControlsChange";
|
|
1234
1238
|
readonly headerMorePanelOpenChange: "Control.headerMorePanelOpenChange";
|
|
1235
1239
|
readonly footerMoreShowControlsChange: "Control.footerMoreShowControlsChange";
|
|
1236
|
-
readonly footerMorePanelOpenChange: "Control.footerMorePanelOpenChange";
|
|
1237
|
-
readonly deviceDestroy: "Control.deviceDestroy";
|
|
1240
|
+
readonly footerMorePanelOpenChange: "Control.footerMorePanelOpenChange";
|
|
1241
|
+
readonly deviceDestroy: "Control.deviceDestroy"; /** 对讲中 @private */
|
|
1238
1242
|
readonly recTypeChange: "Control.recTypeChange";
|
|
1239
1243
|
readonly recDestroy: "Control.recDestroy";
|
|
1240
1244
|
readonly definitionChange: "Control.definitionChange";
|
|
@@ -1260,6 +1264,7 @@ declare class Theme extends EventEmitter {
|
|
|
1260
1264
|
readonly globalFullscreenDestroy: "Control.globalFullscreenDestroy";
|
|
1261
1265
|
readonly datePanelOpenChange: "Control.datePanelOpenChange";
|
|
1262
1266
|
readonly dateChange: "Control.dateChange";
|
|
1267
|
+
readonly dateMonthChange: "Control.dateMonthChange";
|
|
1263
1268
|
readonly dateDestroy: "Control.datePanelDestroy";
|
|
1264
1269
|
readonly timeLineChange: "Control.timeLineChange";
|
|
1265
1270
|
readonly timeLinePanelOpenChange: "Control.timeLinePanelOpenChange";
|
|
@@ -1373,7 +1378,7 @@ declare class Theme extends EventEmitter {
|
|
|
1373
1378
|
396517: string;
|
|
1374
1379
|
396518: string;
|
|
1375
1380
|
396519: string;
|
|
1376
|
-
396520: string;
|
|
1381
|
+
396520: string; /** 移动端竖屏, 全屏情况下不展示扩张，放置在 footer 中 */
|
|
1377
1382
|
396700: string;
|
|
1378
1383
|
396701: string;
|
|
1379
1384
|
397001: string;
|
|
@@ -1416,7 +1421,7 @@ declare class Theme extends EventEmitter {
|
|
|
1416
1421
|
USE_MULTITHREADING_WARING: string;
|
|
1417
1422
|
OPEN_INSTRUCTIONS: string;
|
|
1418
1423
|
INIT_FINSHED: string;
|
|
1419
|
-
INIT_SUCCESS: string;
|
|
1424
|
+
INIT_SUCCESS: string; /** 版本号 @since 0.0.1 */
|
|
1420
1425
|
GET_PLAYURL_FAILED: string;
|
|
1421
1426
|
VIDEO_LOADING: string;
|
|
1422
1427
|
DISCONNECT: string;
|
|
@@ -1437,7 +1442,7 @@ declare class Theme extends EventEmitter {
|
|
|
1437
1442
|
GET_SPEED: string;
|
|
1438
1443
|
MAX_SPEED_LIMIT: string;
|
|
1439
1444
|
MIN_SPEED_LIMIT: string;
|
|
1440
|
-
SEEK_CANNOT_CROSS_DAYS: string;
|
|
1445
|
+
SEEK_CANNOT_CROSS_DAYS: string; /** 暂停控件 @since 0.0.1 @private */
|
|
1441
1446
|
SEEK_TIMEFORMAT_ERROR: string;
|
|
1442
1447
|
PAUSE: string;
|
|
1443
1448
|
PAUSE_FAILED: string;
|
|
@@ -1454,6 +1459,11 @@ declare class Theme extends EventEmitter {
|
|
|
1454
1459
|
VIDEO_LEVEL_AUTO: string;
|
|
1455
1460
|
VIDEO_LEVEL_FLUENT: string;
|
|
1456
1461
|
VIDEO_LEVEL_STANDARD: string;
|
|
1462
|
+
/**
|
|
1463
|
+
* 更多控件（footer more）
|
|
1464
|
+
* @since 0.0.1
|
|
1465
|
+
* @private
|
|
1466
|
+
*/
|
|
1457
1467
|
VIDEO_LEVEL_HEIGH: string;
|
|
1458
1468
|
VIDEO_LEVEL_SUPER: string;
|
|
1459
1469
|
VIDEO_LEVEL_EXTREME: string;
|
|
@@ -1469,14 +1479,11 @@ declare class Theme extends EventEmitter {
|
|
|
1469
1479
|
BTN_TALK: string;
|
|
1470
1480
|
BTN_ZOOM: string;
|
|
1471
1481
|
BTN_3D_ZOOM: string;
|
|
1472
|
-
BTN_PTZ: string;
|
|
1473
|
-
* 移动端扩展容器, 扩展的控件渲染在指定容器以外， 仅只用端适用， 为了可以放置大的控件和方便开发接入
|
|
1474
|
-
* @private
|
|
1475
|
-
*/
|
|
1482
|
+
BTN_PTZ: string;
|
|
1476
1483
|
BTN_GLOBAL_FULLSCREEN: string;
|
|
1477
1484
|
BTN_EXIT_GLOBAL_FULLSCREEN: string;
|
|
1478
|
-
BTN_FULLSCREEN: string;
|
|
1479
|
-
BTN_EXIR_FULLSCREEN: string;
|
|
1485
|
+
BTN_FULLSCREEN: string; /** @since 0.0.1 @private */
|
|
1486
|
+
BTN_EXIR_FULLSCREEN: string;
|
|
1480
1487
|
BTN_HD: string;
|
|
1481
1488
|
BTN_SPEED: string;
|
|
1482
1489
|
BTN_CLOUDREC: string;
|
|
@@ -1508,7 +1515,7 @@ declare class Theme extends EventEmitter {
|
|
|
1508
1515
|
ZOOM_LIMIT_MIN: string;
|
|
1509
1516
|
ZOOM_NOT_ENABLED: string;
|
|
1510
1517
|
'3D_ZOOM': string;
|
|
1511
|
-
'3D_ZOOM_DISABLE': string;
|
|
1518
|
+
'3D_ZOOM_DISABLE': string;
|
|
1512
1519
|
'3D_ZOOM_FAILED': string;
|
|
1513
1520
|
START_3D_ZOOM: string;
|
|
1514
1521
|
CLOSE_3D_ZOOM: string;
|
|
@@ -1516,7 +1523,8 @@ declare class Theme extends EventEmitter {
|
|
|
1516
1523
|
'3D_ZOOM_ACTIVED': string;
|
|
1517
1524
|
'3D_ZOOM_NOT_ACTIVED': string;
|
|
1518
1525
|
'3D_ZOOM_CLOSED': string;
|
|
1519
|
-
CHANGE_ZOOM_TYPE: string;
|
|
1526
|
+
CHANGE_ZOOM_TYPE: string;
|
|
1527
|
+
/** 自定清晰度 @private */
|
|
1520
1528
|
FULLSCREEN: string;
|
|
1521
1529
|
FULLSCREEN_EXIT: string;
|
|
1522
1530
|
GET_WEB_FULLSCREEN_STATUS: string;
|
|
@@ -1598,7 +1606,6 @@ declare class Theme extends EventEmitter {
|
|
|
1598
1606
|
395557: string;
|
|
1599
1607
|
395558: string;
|
|
1600
1608
|
395560: string;
|
|
1601
|
-
/** 语言包 @since 0.0.1 */
|
|
1602
1609
|
395561: string;
|
|
1603
1610
|
395562: string;
|
|
1604
1611
|
395563: string;
|
|
@@ -1623,21 +1630,24 @@ declare class Theme extends EventEmitter {
|
|
|
1623
1630
|
396104: string;
|
|
1624
1631
|
396105: string;
|
|
1625
1632
|
396106: string;
|
|
1626
|
-
396107: string;
|
|
1633
|
+
396107: string; /** resizeObserver 监听销毁 */
|
|
1627
1634
|
396108: string;
|
|
1628
1635
|
396109: string;
|
|
1629
|
-
396110: string;
|
|
1636
|
+
396110: string;
|
|
1630
1637
|
396501: string;
|
|
1631
1638
|
396502: string;
|
|
1632
1639
|
396503: string;
|
|
1633
1640
|
396504: string;
|
|
1634
1641
|
396505: string;
|
|
1635
1642
|
396506: string;
|
|
1636
|
-
396508: string;
|
|
1643
|
+
396508: string; /** 倍速 @private */
|
|
1637
1644
|
396509: string;
|
|
1638
1645
|
396510: string;
|
|
1639
1646
|
396511: string;
|
|
1640
1647
|
396512: string;
|
|
1648
|
+
/**
|
|
1649
|
+
* 录像回放的月份列表 @private
|
|
1650
|
+
*/
|
|
1641
1651
|
396513: string;
|
|
1642
1652
|
396514: string;
|
|
1643
1653
|
396515: string;
|
|
@@ -1683,7 +1693,13 @@ declare class Theme extends EventEmitter {
|
|
|
1683
1693
|
3860020: string;
|
|
1684
1694
|
BTN_RETRY: string;
|
|
1685
1695
|
BTN_RELOAD: string;
|
|
1686
|
-
LOADING: string;
|
|
1696
|
+
LOADING: string; /**
|
|
1697
|
+
* 播放状态
|
|
1698
|
+
* ```ts
|
|
1699
|
+
* // 事件监听
|
|
1700
|
+
* theme.on(Theme.EVENTS.play, (playing: boolean) => {})
|
|
1701
|
+
* ```
|
|
1702
|
+
*/
|
|
1687
1703
|
TIMEFORMAT_ERROR: string;
|
|
1688
1704
|
USE_MULTITHREADING_WARING: string;
|
|
1689
1705
|
OPEN_INSTRUCTIONS: string;
|
|
@@ -1697,13 +1713,6 @@ declare class Theme extends EventEmitter {
|
|
|
1697
1713
|
PLAY_FAILED: string;
|
|
1698
1714
|
PLAY_SUCCESS: string;
|
|
1699
1715
|
STOP_SUCCESS: string;
|
|
1700
|
-
/**
|
|
1701
|
-
* 加载状态
|
|
1702
|
-
* ```ts
|
|
1703
|
-
* // 事件监听
|
|
1704
|
-
* theme.on(Theme.EVENTS.loading, (loading: boolean) => {})
|
|
1705
|
-
* ```
|
|
1706
|
-
*/
|
|
1707
1716
|
CHANGE_PLAYURL_SUCCESS: string;
|
|
1708
1717
|
CHANGE_PLAYURL_FAILED: string;
|
|
1709
1718
|
GET_OSD_TIME: string;
|
|
@@ -1729,14 +1738,6 @@ declare class Theme extends EventEmitter {
|
|
|
1729
1738
|
CHANGE_VIDEO_LEVEL_FAIL: string;
|
|
1730
1739
|
GET_VIDEO_LEVEL_LIST: string;
|
|
1731
1740
|
PLEASE_INPUT_RIGHT_VIDEO_LEVEL: string;
|
|
1732
|
-
/**
|
|
1733
|
-
* 静音
|
|
1734
|
-
* @example
|
|
1735
|
-
* ```ts
|
|
1736
|
-
* // 事件监听
|
|
1737
|
-
* theme.on(Theme.EVENTS.volumechange, (volume: number, muted: boolean) => {})
|
|
1738
|
-
* ```
|
|
1739
|
-
*/
|
|
1740
1741
|
VIDEO_LEVEL_NOT_SUPPORT: string;
|
|
1741
1742
|
VIDEO_LEVEL_AUTO: string;
|
|
1742
1743
|
VIDEO_LEVEL_FLUENT: string;
|
|
@@ -1778,7 +1779,16 @@ declare class Theme extends EventEmitter {
|
|
|
1778
1779
|
START_RECORD_FAILED: string;
|
|
1779
1780
|
STOP_RECORD_SUCCESS: string;
|
|
1780
1781
|
STOP_RECORD_FAILED: string;
|
|
1781
|
-
RECORD_TIPS: string;
|
|
1782
|
+
RECORD_TIPS: string; /**
|
|
1783
|
+
* 电子放大倍数， 仅 ezopen 支持
|
|
1784
|
+
* @since 0.0.1
|
|
1785
|
+
* @example
|
|
1786
|
+
* ```ts
|
|
1787
|
+
* theme.zoom // 放大倍数
|
|
1788
|
+
* // 事件监听
|
|
1789
|
+
* theme.on(Theme.EVENTS.zoom, (zoom: number) => {})
|
|
1790
|
+
* ```
|
|
1791
|
+
*/
|
|
1782
1792
|
RECORDS: string;
|
|
1783
1793
|
OPEN_SOUND: string;
|
|
1784
1794
|
CLOSE_SOUND: string;
|
|
@@ -1817,12 +1827,22 @@ declare class Theme extends EventEmitter {
|
|
|
1817
1827
|
MOBILE_PTZ_TIPS: string;
|
|
1818
1828
|
PTZ_FAST: string;
|
|
1819
1829
|
PTZ_MID: string;
|
|
1820
|
-
|
|
1821
|
-
|
|
1822
|
-
|
|
1823
|
-
*
|
|
1830
|
+
/**
|
|
1831
|
+
* 对讲增益(音量)， 仅 ezopen 支持
|
|
1832
|
+
*
|
|
1833
|
+
* {@link https://mdn.org.cn/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API}
|
|
1834
|
+
*
|
|
1824
1835
|
* @since 0.0.1
|
|
1836
|
+
* @example
|
|
1837
|
+
* ```ts
|
|
1838
|
+
* theme.talkGain // 对讲音量
|
|
1839
|
+
* // 事件监听 event
|
|
1840
|
+
* theme.on(Theme.EVENTS.talk, (gain: number) => {})
|
|
1841
|
+
* ```
|
|
1825
1842
|
*/
|
|
1843
|
+
PTZ_SLOW: string;
|
|
1844
|
+
PTZ_SPEED: string;
|
|
1845
|
+
DEVICE_ZOOM: string;
|
|
1826
1846
|
DEVICE_FOCUS: string;
|
|
1827
1847
|
NOT_SUPPORT_DEVICE_ZOOM: string;
|
|
1828
1848
|
NOT_SUPPORT_FOCUS: string;
|
|
@@ -1947,6 +1967,10 @@ declare class Theme extends EventEmitter {
|
|
|
1947
1967
|
recordList: TimeLineTimeSection[];
|
|
1948
1968
|
/** 窗口尺寸变化时，设置窗口超出隐藏，防止出现滚动条 */
|
|
1949
1969
|
private _resizeOverflowTimer;
|
|
1970
|
+
/**
|
|
1971
|
+
* 录像回放的月份列表 @private
|
|
1972
|
+
*/
|
|
1973
|
+
recMonth: string[];
|
|
1950
1974
|
/** 清理 header/footer 动画 定时器 @private */
|
|
1951
1975
|
_onPauseTimingFunc: ((open: boolean) => void) | null;
|
|
1952
1976
|
/** 销毁标识 @readonly */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ezuikit/player-theme",
|
|
3
|
-
"version": "2.0.2-beta.
|
|
3
|
+
"version": "2.0.2-beta.2",
|
|
4
4
|
"description": "player theme",
|
|
5
5
|
"title": "theme",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -27,18 +27,18 @@
|
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"@ezuikit/utils-i18n": "2.0.0",
|
|
29
29
|
"@ezuikit/utils-logger": "2.0.0",
|
|
30
|
-
"@ezuikit/utils-tools": "2.0.1
|
|
31
|
-
"@ezuikit/control-
|
|
30
|
+
"@ezuikit/utils-tools": "2.0.1",
|
|
31
|
+
"@ezuikit/control-date-picker": "1.0.2",
|
|
32
|
+
"@ezuikit/control-time-line": "1.0.4",
|
|
32
33
|
"@juggle/resize-observer": "^3.4.0",
|
|
33
|
-
"@skax/delegate": "4.0.
|
|
34
|
-
"@skax/picker": "1.1.
|
|
34
|
+
"@skax/delegate": "4.0.1",
|
|
35
|
+
"@skax/picker": "1.1.7",
|
|
35
36
|
"deepmerge": "^4.3.1",
|
|
36
37
|
"eventemitter3": "^5.0.1",
|
|
37
38
|
"screenfull": "5.2.0"
|
|
38
39
|
},
|
|
39
40
|
"devDependencies": {
|
|
40
41
|
"@common/rollup": "workspace:*",
|
|
41
|
-
"@ezuikit/control-date-picker": "workspace:*",
|
|
42
42
|
"@ezuikit/control-ptz": "workspace:*",
|
|
43
43
|
"@ezuikit/control-zoom": "workspace:*"
|
|
44
44
|
}
|