@ezuikit/player-theme 3.1.3-beta.2 → 3.1.4-beta.1
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/constant.js +2 -2
- package/dist/index.cjs +527 -408
- package/dist/index.esm.js +527 -408
- package/dist/index.umd.js +1222 -759
- package/dist/style.css +2 -3
- package/dist/style.js +3 -2
- package/dist/types/index.d.ts +54 -108
- package/package.json +2 -2
package/dist/style.css
CHANGED
|
@@ -17,13 +17,12 @@ body.ezplayer-body-mobile-noscroll{background-color:#000!important;height:100vh;
|
|
|
17
17
|
:root{--emodal-z-index:1000;--emodal-bg:#fff;--emodal-color:rgba(0,0,0,.88);--emodal-border-radius:2px;--emodal-shadow:0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);--emodal-mask-bg:rgba(0,0,0,.45);--emodal-header-height:48px;--emodal-title-color:rgba(0,0,0,.88);--emodal-border-color:rgba(5,5,5,.06);--emodal-close-color:rgba(0,0,0,.45);--emodal-close-hover-color:rgba(0,0,0,.88);--emodal-close-hover-bg:rgba(0,0,0,.06)}.emodal-mask{background-color:var(--emodal-mask-bg,rgba(0,0,0,.45));inset:0;position:fixed;z-index:var(--emodal-z-index,1000)}.emodal-wrap{background-color:var(--emodal-bg,#fff);border-radius:var(--emodal-border-radius,2px);box-shadow:var(--emodal-shadow,0 6px 16px 0 rgba(0,0,0,.08));color:var(--emodal-color,rgba(0,0,0,.88));flex-direction:column;left:0;max-height:100vh;max-width:100vw;overflow:hidden;position:fixed;top:0;z-index:calc(var(--emodal-z-index, 1000) + 1)}.emodal-header,.emodal-wrap{box-sizing:border-box;display:flex}.emodal-header{align-items:center;border-bottom:1px solid var(--emodal-border-color,rgba(5,5,5,.06));flex:0 0 auto;justify-content:space-between;min-height:var(--emodal-header-height,48px);padding:0 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.emodal-draggable .emodal-header{cursor:move}.emodal-title{color:var(--emodal-title-color,rgba(0,0,0,.88));flex:1 1 auto;font-size:14px;font-weight:600;line-height:1.5;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emodal-close{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--emodal-close-color,rgba(0,0,0,.45));cursor:pointer;display:inline-flex;flex:0 0 auto;height:28px;justify-content:center;margin-left:12px;padding:0;transition:color .2s,background-color .2s;width:28px}.emodal-close:hover{background-color:var(--emodal-close-hover-bg,rgba(0,0,0,.06));color:var(--emodal-close-hover-color,rgba(0,0,0,.88))}.emodal-close svg{display:block;height:16px;width:16px}.emodal-body{box-sizing:border-box;flex:1 1 auto;overflow:auto}.emodal-hidden{display:none!important}.emodal-dragging{cursor:move!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}
|
|
18
18
|
.evscroll-wrapper{overflow-x:hidden;overflow-y:auto;position:relative;-webkit-overflow-scrolling:touch}.evscroll-content{position:relative;width:100%}.evscroll-viewport{top:0}.evscroll-item,.evscroll-viewport{left:0;position:absolute;width:100%}.evscroll-item{box-sizing:border-box}.evscroll-wrapper::-webkit-scrollbar{height:6px;width:6px}.evscroll-wrapper::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}.evscroll-wrapper::-webkit-scrollbar-track{background:transparent}
|
|
19
19
|
.ez-rec-list-modal-list{box-sizing:border-box;height:100%;position:relative;width:100%}.ez-rec-list-modal-empty{align-items:center;color:rgba(0,0,0,.35);display:flex;font-size:14px;inset:0;justify-content:center;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.ez-rec-list-modal-group{align-items:flex-end;box-sizing:border-box;display:flex;gap:6px;height:100%;line-height:1;padding:0 10px 8px 12px}.ez-rec-list-modal-group-title{color:rgba(0,0,0,.88);font-size:14px;font-weight:600;height:20px;line-height:20px}.ez-rec-list-modal-group-count{align-items:center;background-color:#369fff;border-radius:9px;box-sizing:border-box;color:#fff;display:inline-flex;font-size:12px;height:18px;justify-content:center;line-height:18px;min-width:18px;padding:0 5px}.ez-rec-list-modal-row{align-items:stretch;box-sizing:border-box;display:flex;gap:8px;height:100%;padding:0 10px 8px 12px}.ez-rec-list-modal-card{cursor:pointer;flex:1 1 0;max-width:calc(50% - 4px);min-width:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ez-rec-list-modal-card-active .ez-rec-list-modal-card-thumb{box-shadow:0 0 0 1px var(--ez-rec-list-modal-card-active-gap,#fff),0 0 0 3px var(--ez-rec-list-modal-card-active,#369fff)}.ez-rec-list-modal-card-playing{align-items:flex-end;bottom:4px;color:#fff;display:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));left:6px;pointer-events:none;position:absolute;z-index:2}.ez-rec-list-modal-card-playing svg{display:block;height:16px;width:16px}.ez-rec-list-modal-card-playing svg rect{animation:ez-rec-list-modal-eq .9s ease-in-out infinite;transform-box:fill-box;transform-origin:bottom}.ez-rec-list-modal-card-playing svg rect:nth-child(2){animation-delay:.15s}.ez-rec-list-modal-card-playing svg rect:nth-child(3){animation-delay:.3s}.ez-rec-list-modal-card-active .ez-rec-list-modal-card-playing{display:inline-flex}@media (prefers-reduced-motion:reduce){.ez-rec-list-modal-card-playing svg rect{animation:none}}.ez-rec-list-modal-card-thumb{background-color:#ddd;border-radius:8px;height:100%;overflow:hidden;position:relative;width:100%}.ez-rec-list-modal-card-thumb:before{background:linear-gradient(180deg,rgba(0,0,0,.45),transparent);content:"";height:38px;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.ez-rec-list-modal-card-img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .25s ease;width:100%;z-index:0}.ez-rec-list-modal-card-placeholder{align-items:center;background:linear-gradient(180deg,var(--ez-rec-list-modal-item-cover-placeholder-start,#b7c3cf),var(--ez-rec-list-modal-item-cover-placeholder-end,#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-rec-list-modal-card-start{left:6px}.ez-rec-list-modal-card-duration,.ez-rec-list-modal-card-start{color:#fff;font-size:12px;line-height:14px;position:absolute;text-shadow:0 1px 2px rgba(0,0,0,.5);top:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}.ez-rec-list-modal-card-duration{right:6px}.ez-rec-list-modal-card-icon{align-items:center;bottom:4px;color:#fff;display:inline-flex;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));justify-content:center;pointer-events:none;position:absolute;right:5px;z-index:2}.ez-rec-list-modal-card-icon svg{display:block;height:14px;width:14px}.ez-rec-list-modal-title{align-items:center;display:flex;gap:12px;min-width:0}.ez-rec-list-modal-title-text{flex:0 0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ez-lazy-image.ez-lazy-image-loaded{opacity:1}.ez-lazy-image.ez-lazy-image-error{opacity:0}.ez-rec-list-modal-checkbox{align-items:center;color:var(--ez-rec-list-modal-checkbox-label,rgba(0,0,0,.65));cursor:pointer;display:inline-flex;font-size:13px;gap:6px;line-height:1;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ez-rec-list-modal-checkbox-input{border:0;height:1px;margin:0;opacity:0;padding:0;pointer-events:none;position:absolute;width:1px}.ez-rec-list-modal-checkbox-box{background-color:#fff;border:1px solid var(--ez-rec-list-modal-checkbox-border,#c0c4cc);border-radius:4px;box-sizing:border-box;flex:0 0 auto;height:var(--ez-rec-list-modal-checkbox-size,16px);position:relative;transition:background-color .2s ease,border-color .2s ease;width:var(--ez-rec-list-modal-checkbox-size,16px)}.ez-rec-list-modal-checkbox-check{color:#fff;display:block;inset:0;opacity:0;position:absolute;transform:scale(.6);transition:opacity .15s ease,transform .15s ease}.ez-rec-list-modal-checkbox-check svg{display:block;height:100%;width:100%}.ez-rec-list-modal-checkbox-checked .ez-rec-list-modal-checkbox-box{background-color:var(--ez-rec-list-modal-checkbox-active,#2f6fdb);border-color:var(--ez-rec-list-modal-checkbox-active,#2f6fdb)}.ez-rec-list-modal-checkbox-checked .ez-rec-list-modal-checkbox-check{opacity:1;transform:scale(1)}.ez-rec-list-modal-checkbox-disabled{cursor:not-allowed;opacity:.5}.ez-rec-list-modal-checkbox-input:focus-visible+.ez-rec-list-modal-checkbox-box{box-shadow:0 0 0 2px rgba(47,111,219,.3)}@keyframes ez-rec-list-modal-eq{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}
|
|
20
|
-
.ez-segment-progress{align-items:center;box-sizing:border-box;display:flex;padding:8px 10px;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100%;-webkit-tap-highlight-color:transparent}.ez-segment-progress-time{color:var(--ez-segment-progress-text-color,hsla(0,0%,100%,.9));flex:none;font-size:12px;font-variant-numeric:tabular-nums;line-height:1}.ez-segment-progress-time-current{margin-right:8px}.ez-segment-progress-time-total{margin-left:8px}.ez-segment-progress-track{background:var(--ez-segment-progress-track-color,hsla(0,0%,100%,.35));border-radius:2px;cursor:pointer;flex:1 1 auto;height:3px;position:relative;touch-action:none}.ez-segment-progress-track:before{bottom:-12px;content:"";left:0;position:absolute;right:0;top:-12px}.ez-segment-progress-track:focus-visible{outline:2px solid var(--ez-segment-progress-played-color,#1890ff);outline-offset:4px}.ez-segment-progress-played{background:var(--ez-segment-progress-played-color,#1890ff);border-radius:2px;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:0}.ez-segment-progress-thumb{background:var(--ez-segment-progress-thumb-color,#fff);border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,.35);height:10px;left:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .1s,height .1s;width:10px}.ez-segment-progress-dragging .ez-segment-progress-thumb{height:14px;width:14px}.ez-segment-progress-disabled{opacity:.5}.ez-segment-progress-disabled .ez-segment-progress-track{cursor:not-allowed}
|
|
21
20
|
.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:30px 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:8px;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}
|
|
22
21
|
.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}
|
|
23
22
|
.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)}
|
|
24
23
|
.ezplayer-control-fullscreen .ezplayer-icon-exit-fullscreen,.ezplayer-control-global-fullscreen .ezplayer-icon-exit-global-fullscreen{display:none}.ezplayer-fullscreen .ezplayer-icon-exit-fullscreen{display:inline-flex}.ezplayer-fullscreen .ezplayer-icon-fullscreen{display:none}.ezplayer-global-fullscreen .ezplayer-icon-exit-global-fullscreen{display:inline-flex}.ezplayer-global-fullscreen .ezplayer-icon-global-fullscreen{display:none}
|
|
25
24
|
.ezplayer-loading{background-color:rgba(0,0,0,.5);bottom:0;color:#fff;display:none;font-size:14px;height:100%;left:0;position:absolute;right:0;top:0;transition:transform .3s cubic-bezier(.78,.14,.15,.86);vertical-align:middle;width:100%;z-index:4}.ezplayer-loading-dot{display:inline-block;font-size:25px;height:25px;position:relative;width:25px}.ezplayer-loading-dot-item{background-color:#fff;border-radius:2px;display:block;height:10px;position:absolute;transform-origin:50% 50%;width:10px}.ezplayer-loading-dot-item:first-child{animation:animationShape1 2s linear 0s infinite normal;left:0;opacity:1;top:0}.ezplayer-loading-dot-item:nth-child(2){animation:animationShape2 2s linear 0s infinite normal;left:15px;opacity:.8;top:0}.ezplayer-loading-dot-item:nth-child(3){animation:animationShape3 2s linear 0s infinite normal;left:0;opacity:.5;top:15px}.ezplayer-loading-dot-item:nth-child(4){animation:animationShape4 2s linear 0s infinite normal;left:15px;opacity:.3;top:15px}.ezplayer-loading-dot-load{animation:rotation 1s infinite}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.ezplayer-load-blur{background:#fff;opacity:.5}}@keyframes ezdSpinMove{to{opacity:1}}@keyframes ezdRotate{to{transform:rotate(405deg)}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes animationShape1{0%{transform:translate(0)}25%{transform:translateY(15px)}50%{transform:translate(15px,15px)}75%{transform:translate(15px)}to{transform:translate(translate)}}@keyframes animationShape2{0%{transform:translate(0)}25%{transform:translate(-15px)}50%{transform:translate(-15px,15px)}75%{transform:translateY(15px)}}@keyframes animationShape3{0%{transform:translate(0)}25%{transform:translate(15px)}50%{transform:translate(15px,-15px)}75%{transform:translateY(-15px)}}@keyframes animationShape4{0%{transform:translate(0)}25%{transform:translateY(-15px)}50%{transform:translate(-15px,-15px)}75%{transform:translate(-15px)}}.ezplayer-loading-text{margin-top:20px}
|
|
26
|
-
.ezplayer-message{background-color:rgba(0,0,0,.4);bottom:0;color:#fff;display:none;font-size:16px;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:5}.ezplayer-message-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.ezplayer-message-msg{display:-webkit-box
|
|
25
|
+
.ezplayer-message{background-color:rgba(0,0,0,.4);bottom:0;color:#fff;display:none;font-size:16px;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:5}.ezplayer-message-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.ezplayer-message-msg{display:-webkit-box;margin-top:15px;max-width:500px;overflow:hidden;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 20px}.ezplayer-message-error{color:#ff4d4f}.ezplayer-toast{background-color:rgba(0,0,0,.8);border-radius:var(--ezplayer-border-radius,8px);box-shadow:0 9px 28px 8px rgba(0,0,0,.05),0 3px 16px 0 rgba(0,0,0,.03),0 3px 7px -4px rgba(0,0,0,.05);color:#fff;display:flex;font-size:14px;left:50%;line-height:22px;max-width:450px;overflow:hidden;padding:9px 16px;position:absolute;top:50px;transform:translateX(-50%);z-index:6}.ezplayer-toast-content{padding-left:24px;position:relative}.ezplayer-toast .ezplayer-icon{font-size:16px;left:0;position:absolute;top:3px}.ezplayer-toast .ezplayer-icon-info-circle{color:var(--ezplayer-default-color,#fff)}.ezplayer-toast .ezplayer-icon-warn-circle{color:#faad14}.ezplayer-toast .ezplayer-icon-close-circle{color:#ff4d4f}.ezplayer-mobile .ezplayer-toast{font-size:12px;line-height:20px}.ezplayer-mobile .ezplayer-toast-content{padding-left:20px}.ezplayer-mobile .ezplayer-toast .ezplayer-icon{font-size:14px}
|
|
27
26
|
.ezplayer-poster{bottom:0;display:none;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:2}.ezplayer-poster img{border:0;font-size:0;height:100%;outline:none;pointer-events:none;width:100%}
|
|
28
27
|
.ezplayer-icon-volume{position:relative}.ezplayer-icon-volume svg .ezplayer-icon-volume-high,.ezplayer-icon-volume svg .ezplayer-icon-volume-low,.ezplayer-icon-volume svg .ezplayer-icon-volume-muted{display:none}.ezplayer-icon-volume.ezplayer-icon-volume-high svg .ezplayer-icon-volume-high,.ezplayer-icon-volume.ezplayer-icon-volume-high svg .ezplayer-icon-volume-low,.ezplayer-icon-volume.ezplayer-icon-volume-low svg .ezplayer-icon-volume-low,.ezplayer-icon-volume.ezplayer-icon-volume-muted svg .ezplayer-icon-volume-muted,.ezplayer-icon-volume.ezplayer-icon-volume-zero svg .ezplayer-icon-volume-muted{display:inline}.ezplayer-volume-progress{height:126px}
|
|
29
28
|
.ezplayer-control-rec{box-sizing:border-box;display:inline-flex;flex-direction:row}.ezplayer-control-rec .ezplayer-icon-cloud-rec,.ezplayer-control-rec .ezplayer-icon-cloud-record,.ezplayer-control-rec .ezplayer-icon-sdk{color:#d4d7dd;cursor:pointer;margin-left:5px}.ezplayer-mobile-extend .ezplayer-control-rec{background-color:#f4f6fc;border:1px solid #ededed;border-radius:18px;height:30px}.ezplayer-mobile-extend .ezplayer-icon-cloud-rec,.ezplayer-mobile-extend .ezplayer-icon-cloud-record,.ezplayer-mobile-extend .ezplayer-icon-sdk{cursor:pointer;font-size:20px;margin-left:1px;padding:2px 7px}.ezplayer-mobile-extend .ezplayer-icon-cloud-rec.ezplayer-active,.ezplayer-mobile-extend .ezplayer-icon-cloud-record.ezplayer-active,.ezplayer-mobile-extend .ezplayer-icon-sdk.ezplayer-active{background-color:#fff;border-radius:12px;box-shadow:0 1px 4px 0 hsla(0,0%,68%,.2)}.ezplayer-mobile .ezplayer-icon-cloud-rec,.ezplayer-mobile .ezplayer-icon-cloud-record,.ezplayer-mobile .ezplayer-icon-sdk{margin-left:10px}
|
|
@@ -36,7 +35,7 @@ body.ezplayer-body-mobile-noscroll{background-color:#000!important;height:100vh;
|
|
|
36
35
|
.ezplayer-control-rec-dropdown .ezplayer-rec-dropdown-btn{cursor:pointer;font-size:14px;line-height:20px;padding:2px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ezplayer-control-rec-dropdown.ezplayer-active .ezplayer-rec-dropdown-btn{color:var(--ezplayer-active-color,#407aff)}.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-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);padding:8px 0}.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-list{list-style:none;margin:0;padding:0}.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-item{cursor:pointer;font-size:14px;line-height:20px;padding:6px 20px;transition:color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-item.ezplayer-active,.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-item:hover{color:var(--ezplayer-active-color,#407aff)}
|
|
37
36
|
.ezplayer-control-rec-list .ezplayer-rec-list-btn{cursor:pointer;font-size:14px;line-height:20px;padding:2px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ezplayer-control-rec-list.ezplayer-active .ezplayer-rec-list-btn{color:var(--ezplayer-active-color,#407aff)}.ezplayer-mobile-extend .ezplayer-control-rec-list{display:none}
|
|
38
37
|
.ezplayer-control-alarm-message .ezplayer-alarm-message-btn{cursor:pointer;font-size:14px;line-height:20px;padding:2px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ezplayer-mobile-extend .ezplayer-control-alarm-message{align-items:center;background-color:#f4f6fc;border:1px solid #ededed;border-radius:50%;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:18px;height:30px;justify-content:center;margin-left:8px;width:30px}
|
|
39
|
-
.ezplayer-record-timer
|
|
38
|
+
.ezplayer-record-timer{align-items:center;background-color:#ff4c5c;border-radius:24px;color:#fff;display:inline-flex;flex-direction:row;left:50%;padding:2px 6px;position:absolute;top:60px;transform:translateX(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:3}.ezplayer-record-timer .ezplayer-icon-record-circle{font-size:14px}.ezplayer-record-timer-time{font-weight:400;letter-spacing:1px;line-height:20px;margin-left:2px}
|
|
40
39
|
.ezplayer-select-definition .ezplayer-select-panel{width:100px}.ezplayer-control-definition .ezplayer-select-btn{width:75px}
|
|
41
40
|
|
|
42
41
|
.ezplayer-control-device{width:100%}.ezplayer-control-device span{display:inline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
package/dist/style.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* @ezuikit/player-theme v3.1.
|
|
3
|
-
* Copyright (c) 2026-08-
|
|
2
|
+
* @ezuikit/player-theme v3.1.4-beta.1
|
|
3
|
+
* Copyright (c) 2026-08-24 09:15:26 Ezviz-OpenBiz
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
|
+
import '@ezuikit/control-segment-progress/dist/style';
|
|
6
7
|
require("./style.css");
|
package/dist/types/index.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ import I18n, { I18nTranslation } from '@ezuikit/utils-i18n';
|
|
|
4
4
|
import { LoggerCls, LoggerOptions } from '@ezuikit/utils-logger';
|
|
5
5
|
import { BasePtzOptions } from '@ezuikit/control-ptz';
|
|
6
6
|
import { RecListModalOptions } from '@ezuikit/control-rec-list-modal';
|
|
7
|
+
import * as _ezuikit_utils_tools from '@ezuikit/utils-tools';
|
|
7
8
|
import Zoom from '@ezuikit/control-zoom';
|
|
8
9
|
import { TimeLineTimeSection } from '@ezuikit/control-time-line';
|
|
9
10
|
import { TimePickerOptions } from '@ezuikit/control-date-picker';
|
|
@@ -1511,13 +1512,17 @@ declare class Theme extends EventEmitter {
|
|
|
1511
1512
|
readonly recTypeChange: "recTypeChange";
|
|
1512
1513
|
readonly definitionChange: "definitionChange";
|
|
1513
1514
|
readonly speedChange: "speedChange";
|
|
1514
|
-
readonly recordingChange: "recordingChange";
|
|
1515
|
+
readonly recordingChange: "recordingChange";
|
|
1515
1516
|
readonly talkingChange: "talkingChange";
|
|
1516
1517
|
readonly talkVolumeChange: "talkVolumeChange";
|
|
1517
1518
|
readonly broadcastChange: "broadcastChange";
|
|
1518
1519
|
readonly aichatChange: "aichatChange";
|
|
1519
1520
|
readonly liveChange: "liveChange";
|
|
1520
|
-
readonly recDropdownChange: "recDropdownChange";
|
|
1521
|
+
readonly recDropdownChange: "recDropdownChange"; /**
|
|
1522
|
+
* 更多控件（header more）
|
|
1523
|
+
* @since 0.0.1
|
|
1524
|
+
* @private
|
|
1525
|
+
*/
|
|
1521
1526
|
readonly recListChange: "recListChange";
|
|
1522
1527
|
readonly alarmMessageChange: "alarmMessageChange";
|
|
1523
1528
|
readonly setLoggerOptions: "setLoggerOptions";
|
|
@@ -1526,10 +1531,7 @@ declare class Theme extends EventEmitter {
|
|
|
1526
1531
|
readonly setVideoLevelList: "setVideoLevelList";
|
|
1527
1532
|
readonly currentVideoLevel: "currentVideoLevel";
|
|
1528
1533
|
readonly currentVideoLevelAuto: "currentVideoLevelAuto";
|
|
1529
|
-
readonly setAllDayRecTimes: "setAllDayRecTimes";
|
|
1530
|
-
* 移动端扩展容器, 扩展的控件渲染在指定容器以外， 仅只用端适用， 为了可以放置大的控件和方便开发接入
|
|
1531
|
-
* @private
|
|
1532
|
-
*/
|
|
1534
|
+
readonly setAllDayRecTimes: "setAllDayRecTimes";
|
|
1533
1535
|
readonly getOSDTime: "getOSDTime";
|
|
1534
1536
|
readonly playbackEnd: "playbackEnd";
|
|
1535
1537
|
readonly control: {
|
|
@@ -1544,7 +1546,7 @@ declare class Theme extends EventEmitter {
|
|
|
1544
1546
|
readonly controlsBarOpenChange: "Control.controlsBarOpenChange";
|
|
1545
1547
|
readonly headerMoreShowControlsChange: "Control.headerMoreShowControlsChange";
|
|
1546
1548
|
readonly headerMorePanelOpenChange: "Control.headerMorePanelOpenChange";
|
|
1547
|
-
readonly footerMoreShowControlsChange: "Control.footerMoreShowControlsChange";
|
|
1549
|
+
readonly footerMoreShowControlsChange: "Control.footerMoreShowControlsChange"; /** 录制中 @private */
|
|
1548
1550
|
readonly footerMorePanelOpenChange: "Control.footerMorePanelOpenChange";
|
|
1549
1551
|
readonly deviceDestroy: "Control.deviceDestroy";
|
|
1550
1552
|
readonly recTypeChange: "Control.recTypeChange";
|
|
@@ -1552,22 +1554,12 @@ declare class Theme extends EventEmitter {
|
|
|
1552
1554
|
readonly definitionChange: "Control.definitionChange";
|
|
1553
1555
|
readonly definitionList: "Control.definitionList";
|
|
1554
1556
|
readonly definitionPanelOpenChange: "Control.definitionPanelOpenChange";
|
|
1555
|
-
/**
|
|
1556
|
-
* 录像回放的月份列表 @private
|
|
1557
|
-
*/
|
|
1558
1557
|
readonly definitionDestroy: "Control.definitionDestroy";
|
|
1559
1558
|
readonly speedChange: "Control.speedChange";
|
|
1560
|
-
/**
|
|
1561
|
-
* 录像回放的月份列表 @private
|
|
1562
|
-
*/
|
|
1563
1559
|
readonly speedPanelOpenChange: "Control.speedPanelOpenChange";
|
|
1564
1560
|
readonly speedDestroy: "Control.speedDestroy";
|
|
1565
1561
|
readonly ptzPanelOpenChange: "Control.ptzPanelOpenChange";
|
|
1566
|
-
readonly ptzSpeedChange: "Control.ptzSpeedChange";
|
|
1567
|
-
* 首帧同步 Live/RecDropdown 激活态的监听器引用。
|
|
1568
|
-
* 每次 `_renderTheme` 重新绑定前需先移除旧引用，避免 changeTheme 累积监听。
|
|
1569
|
-
* @private
|
|
1570
|
-
*/
|
|
1562
|
+
readonly ptzSpeedChange: "Control.ptzSpeedChange";
|
|
1571
1563
|
readonly ptzError: "Control.ptzError";
|
|
1572
1564
|
readonly ptzDestroy: "Control.ptzDestroy";
|
|
1573
1565
|
readonly recordingChange: "Control.recordingChange";
|
|
@@ -1761,7 +1753,7 @@ declare class Theme extends EventEmitter {
|
|
|
1761
1753
|
DEVICE_ENCRYPTED: string;
|
|
1762
1754
|
NO_RECORD: string;
|
|
1763
1755
|
PLAY_FAILED: string;
|
|
1764
|
-
PLAY_SUCCESS: string;
|
|
1756
|
+
PLAY_SUCCESS: string;
|
|
1765
1757
|
STOP_SUCCESS: string;
|
|
1766
1758
|
CHANGE_PLAYURL_SUCCESS: string;
|
|
1767
1759
|
CHANGE_PLAYURL_FAILED: string;
|
|
@@ -1776,14 +1768,14 @@ declare class Theme extends EventEmitter {
|
|
|
1776
1768
|
MAX_SPEED_LIMIT: string;
|
|
1777
1769
|
MIN_SPEED_LIMIT: string;
|
|
1778
1770
|
SEEK_CANNOT_CROSS_DAYS: string;
|
|
1779
|
-
/** 所有控件列表, 所有控件名称规则（`${iconId}Control`）， 如音量控件 this.controls["volumeControl"] @since 0.0.1 */
|
|
1780
1771
|
SEEK_TIMEFORMAT_ERROR: string;
|
|
1772
|
+
/** 所有控件列表, 所有控件名称规则（`${iconId}Control`）， 如音量控件 this.controls["volumeControl"] @since 0.0.1 */
|
|
1781
1773
|
PAUSE: string;
|
|
1782
1774
|
PAUSE_FAILED: string;
|
|
1783
1775
|
RESUME: string;
|
|
1784
1776
|
RESUME_FAILED: string;
|
|
1785
1777
|
CALL_END: string;
|
|
1786
|
-
USER_DO_NOT_OWN_DEVICE: string;
|
|
1778
|
+
USER_DO_NOT_OWN_DEVICE: string;
|
|
1787
1779
|
NO_CLOUD_RECORD: string;
|
|
1788
1780
|
CHANGE_VIDEO_LEVEL: string;
|
|
1789
1781
|
CHANGE_VIDEO_LEVEL_FAIL: string;
|
|
@@ -1799,13 +1791,13 @@ declare class Theme extends EventEmitter {
|
|
|
1799
1791
|
VIDEO_LEVEL_3K: string;
|
|
1800
1792
|
VIDEO_LEVEL_4k: string;
|
|
1801
1793
|
RESET_THEME: string;
|
|
1794
|
+
BTN_PLAY: string;
|
|
1795
|
+
BTN_PAUSE: string;
|
|
1802
1796
|
/**
|
|
1803
1797
|
* 更多控件（header more）
|
|
1804
1798
|
* @since 0.0.1
|
|
1805
1799
|
* @private
|
|
1806
1800
|
*/
|
|
1807
|
-
BTN_PLAY: string;
|
|
1808
|
-
BTN_PAUSE: string;
|
|
1809
1801
|
BTN_VOLUME: string;
|
|
1810
1802
|
BTN_MUTED: string;
|
|
1811
1803
|
BTN_RECORDVIDEO: string;
|
|
@@ -1815,9 +1807,9 @@ declare class Theme extends EventEmitter {
|
|
|
1815
1807
|
BTN_AICHAT: string;
|
|
1816
1808
|
BTN_LIVE: string;
|
|
1817
1809
|
BTN_REC_DROPDOWN: string;
|
|
1818
|
-
BTN_ALARM_MESSAGE: string;
|
|
1819
|
-
REC_DROPDOWN_CLOUD_REC: string;
|
|
1820
|
-
REC_DROPDOWN_CLOUD_RECORD: string;
|
|
1810
|
+
BTN_ALARM_MESSAGE: string; /** 头部控件 @since 0.0.1 @private */
|
|
1811
|
+
REC_DROPDOWN_CLOUD_REC: string;
|
|
1812
|
+
REC_DROPDOWN_CLOUD_RECORD: string; /** 低部控件 @since 0.0.1 @private */
|
|
1821
1813
|
REC_DROPDOWN_LOCAL_REC: string;
|
|
1822
1814
|
BTN_ZOOM: string;
|
|
1823
1815
|
BTN_3D_ZOOM: string;
|
|
@@ -1845,7 +1837,7 @@ declare class Theme extends EventEmitter {
|
|
|
1845
1837
|
RECORD_TIPS: string;
|
|
1846
1838
|
RECORDS: string;
|
|
1847
1839
|
OPEN_SOUND: string;
|
|
1848
|
-
CLOSE_SOUND: string;
|
|
1840
|
+
CLOSE_SOUND: string;
|
|
1849
1841
|
SOUND_OPENED: string;
|
|
1850
1842
|
ZOOM: string;
|
|
1851
1843
|
START_ZOOM: string;
|
|
@@ -1859,26 +1851,23 @@ declare class Theme extends EventEmitter {
|
|
|
1859
1851
|
ZOOM_NOT_ENABLED: string;
|
|
1860
1852
|
'3D_ZOOM': string;
|
|
1861
1853
|
'3D_ZOOM_DISABLE': string;
|
|
1862
|
-
'3D_ZOOM_FAILED': string;
|
|
1854
|
+
'3D_ZOOM_FAILED': string;
|
|
1863
1855
|
START_3D_ZOOM: string;
|
|
1864
1856
|
CLOSE_3D_ZOOM: string;
|
|
1865
1857
|
DEVICE_NOT_SUPPORT_3D_ZOOM: string;
|
|
1866
1858
|
'3D_ZOOM_ACTIVED': string;
|
|
1867
1859
|
'3D_ZOOM_NOT_ACTIVED': string;
|
|
1868
|
-
'3D_ZOOM_CLOSED': string;
|
|
1860
|
+
'3D_ZOOM_CLOSED': string; /** 录制中 @private */
|
|
1869
1861
|
CHANGE_ZOOM_TYPE: string;
|
|
1870
1862
|
FULLSCREEN: string;
|
|
1871
1863
|
FULLSCREEN_EXIT: string;
|
|
1864
|
+
/** 倍速 @private */
|
|
1872
1865
|
GET_WEB_FULLSCREEN_STATUS: string;
|
|
1873
1866
|
WEB_FULLSCREEN: string;
|
|
1874
1867
|
WEB_FULLSCREEN_EXIT: string;
|
|
1875
1868
|
DESTROY: string;
|
|
1876
1869
|
GET_CAPACITY: string;
|
|
1877
|
-
GET_PTZ_STATUS: string;
|
|
1878
|
-
* 播放区间（片段分享），null 表示不约束。
|
|
1879
|
-
* 由 SDK 层在初始化时通过 props 下发，主题层据此决定日历/回放类型按钮
|
|
1880
|
-
* 是否渲染、片段进度条是否渲染。区间没有运行时变更入口。
|
|
1881
|
-
*/
|
|
1870
|
+
GET_PTZ_STATUS: string;
|
|
1882
1871
|
GET_PTZ_STATUS_FAILED: string;
|
|
1883
1872
|
MOBILE_HIDE_PTZ: string;
|
|
1884
1873
|
OPTION_PTZ_FAILED: string;
|
|
@@ -1887,15 +1876,11 @@ declare class Theme extends EventEmitter {
|
|
|
1887
1876
|
PTZ_MID: string;
|
|
1888
1877
|
PTZ_SLOW: string;
|
|
1889
1878
|
PTZ_SPEED: string;
|
|
1890
|
-
DEVICE_ZOOM: string;
|
|
1891
|
-
// * 记录回放的月份
|
|
1892
|
-
// *
|
|
1893
|
-
// * key: {序列号}_{通道号}_{rec | cloud | cloudRecord} 比如：BC7799091_1_rec BC7799091_1_cloud BC7799091_1_cloudRecord
|
|
1894
|
-
// *
|
|
1895
|
-
// * value: 月份列表 比如 ["2025-12-01", "2025-12-02"]
|
|
1896
|
-
// * @private
|
|
1897
|
-
// */
|
|
1879
|
+
DEVICE_ZOOM: string;
|
|
1898
1880
|
DEVICE_FOCUS: string;
|
|
1881
|
+
/**
|
|
1882
|
+
* 录像回放的月份列表 @private
|
|
1883
|
+
*/
|
|
1899
1884
|
NOT_SUPPORT_DEVICE_ZOOM: string;
|
|
1900
1885
|
NOT_SUPPORT_FOCUS: string;
|
|
1901
1886
|
MIRROR: string;
|
|
@@ -1903,6 +1888,9 @@ declare class Theme extends EventEmitter {
|
|
|
1903
1888
|
CHANGE_FEC_TYPE: string;
|
|
1904
1889
|
DEVICE_NOT_SUPPORT: string;
|
|
1905
1890
|
TYPE_NOT_SUPPORT: string;
|
|
1891
|
+
/**
|
|
1892
|
+
* 录像回放的月份列表 @private
|
|
1893
|
+
*/
|
|
1906
1894
|
FEC_SUPPORT_VERSION: string;
|
|
1907
1895
|
NO_CANVAS_ID: string;
|
|
1908
1896
|
SET_FEC_PARAMS: string;
|
|
@@ -1912,7 +1900,11 @@ declare class Theme extends EventEmitter {
|
|
|
1912
1900
|
GET_FEC_PARAMS_SUPPORT_VERSION: string;
|
|
1913
1901
|
SET_WATERMARK: string;
|
|
1914
1902
|
FETCH_THEME_FAILED: string;
|
|
1915
|
-
cancel: string;
|
|
1903
|
+
cancel: string; /**
|
|
1904
|
+
* 模板请求（getDetail）的中止控制器。
|
|
1905
|
+
* 重新渲染或销毁时中止在途请求，避免请求返回后在已销毁/已切换的 theme 上继续操作。
|
|
1906
|
+
* @private
|
|
1907
|
+
*/
|
|
1916
1908
|
ok: string;
|
|
1917
1909
|
close: string;
|
|
1918
1910
|
BTN_REC_LIST_TITLE: string;
|
|
@@ -1952,40 +1944,6 @@ declare class Theme extends EventEmitter {
|
|
|
1952
1944
|
395506: string;
|
|
1953
1945
|
395507: string;
|
|
1954
1946
|
395530: string;
|
|
1955
|
-
/**
|
|
1956
|
-
* 播放器主题
|
|
1957
|
-
* @class Theme
|
|
1958
|
-
* @category Theme
|
|
1959
|
-
* @remarks
|
|
1960
|
-
* 萤石播放器主题，主要用于播放器的 UI 展示和交互，支持 flv, hls, mp4, ezopen 等流类型。
|
|
1961
|
-
* 提供了丰富的控件和配置选项，支持多语言和自定义样式。
|
|
1962
|
-
*
|
|
1963
|
-
* @example
|
|
1964
|
-
* ```ts
|
|
1965
|
-
* // import css file
|
|
1966
|
-
* import "@ezuikit/player-theme/dist/style.js"
|
|
1967
|
-
* import Theme from '@ezuikit/player-theme';
|
|
1968
|
-
*
|
|
1969
|
-
* // class Player extends Theme {}
|
|
1970
|
-
*
|
|
1971
|
-
* const theme = new Theme({
|
|
1972
|
-
* container: () => document.querySelector('.player'),
|
|
1973
|
-
* type: 'flv',
|
|
1974
|
-
* });
|
|
1975
|
-
* ```
|
|
1976
|
-
*
|
|
1977
|
-
* ```html
|
|
1978
|
-
* <!-- html script, static in `@ezuikit/player-theme/dist` -->
|
|
1979
|
-
* <link rel="stylesheet" href="./assets/@ezuikit/player-theme/dist/style.css" />
|
|
1980
|
-
* <script src="./assets/@ezuikit/player-theme/dist/index.umd.js"></script>
|
|
1981
|
-
* <script>
|
|
1982
|
-
* const theme = new Theme({
|
|
1983
|
-
* container: () => document.querySelector('.player'),
|
|
1984
|
-
* type: 'flv',
|
|
1985
|
-
* });
|
|
1986
|
-
* </script>
|
|
1987
|
-
* ```
|
|
1988
|
-
*/
|
|
1989
1947
|
395544: string;
|
|
1990
1948
|
395545: string;
|
|
1991
1949
|
395546: string;
|
|
@@ -2007,6 +1965,7 @@ declare class Theme extends EventEmitter {
|
|
|
2007
1965
|
395602: string;
|
|
2008
1966
|
395610: string;
|
|
2009
1967
|
395620: string;
|
|
1968
|
+
/** 消息提示控件 @since 0.0.1 @private */
|
|
2010
1969
|
395701: string;
|
|
2011
1970
|
395702: string;
|
|
2012
1971
|
395703: string;
|
|
@@ -2031,12 +1990,12 @@ declare class Theme extends EventEmitter {
|
|
|
2031
1990
|
396508: string;
|
|
2032
1991
|
396509: string;
|
|
2033
1992
|
396510: string;
|
|
2034
|
-
396511: string;
|
|
2035
|
-
396512: string;
|
|
2036
|
-
396513: string;
|
|
2037
|
-
396514: string;
|
|
1993
|
+
396511: string;
|
|
1994
|
+
396512: string;
|
|
1995
|
+
396513: string;
|
|
1996
|
+
396514: string; /** 回放片段列表 */
|
|
2038
1997
|
396515: string;
|
|
2039
|
-
396516: string;
|
|
1998
|
+
396516: string;
|
|
2040
1999
|
396517: string;
|
|
2041
2000
|
396518: string;
|
|
2042
2001
|
396519: string;
|
|
@@ -2047,16 +2006,12 @@ declare class Theme extends EventEmitter {
|
|
|
2047
2006
|
397002: string;
|
|
2048
2007
|
397003: string;
|
|
2049
2008
|
397004: string; /**
|
|
2050
|
-
* 首帧同步 Live/RecDropdown 激活态的监听器引用。
|
|
2051
|
-
* 每次 `_renderTheme` 重新绑定前需先移除旧引用，避免 changeTheme 累积监听。
|
|
2052
|
-
* @private
|
|
2053
|
-
*/
|
|
2054
|
-
397005: string;
|
|
2055
|
-
397006: string; /**
|
|
2056
2009
|
* 模板请求（getDetail）的中止控制器。
|
|
2057
2010
|
* 重新渲染或销毁时中止在途请求，避免请求返回后在已销毁/已切换的 theme 上继续操作。
|
|
2058
2011
|
* @private
|
|
2059
2012
|
*/
|
|
2013
|
+
397005: string;
|
|
2014
|
+
397006: string;
|
|
2060
2015
|
397007: string;
|
|
2061
2016
|
399000: string;
|
|
2062
2017
|
399001: string;
|
|
@@ -2133,7 +2088,15 @@ declare class Theme extends EventEmitter {
|
|
|
2133
2088
|
VIDEO_LEVEL_SUPER: string;
|
|
2134
2089
|
VIDEO_LEVEL_EXTREME: string;
|
|
2135
2090
|
VIDEO_LEVEL_3K: string;
|
|
2136
|
-
VIDEO_LEVEL_4k: string;
|
|
2091
|
+
VIDEO_LEVEL_4k: string; /**
|
|
2092
|
+
* 视频分辨率 宽
|
|
2093
|
+
*
|
|
2094
|
+
* @version 3.1.2
|
|
2095
|
+
*
|
|
2096
|
+
* ```ts
|
|
2097
|
+
* theme.videoWidth // number
|
|
2098
|
+
* ```
|
|
2099
|
+
*/
|
|
2137
2100
|
RESET_THEME: string;
|
|
2138
2101
|
BTN_PLAY: string;
|
|
2139
2102
|
BTN_PAUSE: string;
|
|
@@ -2146,15 +2109,7 @@ declare class Theme extends EventEmitter {
|
|
|
2146
2109
|
BTN_AICHAT: string;
|
|
2147
2110
|
BTN_LIVE: string;
|
|
2148
2111
|
BTN_REC_DROPDOWN: string;
|
|
2149
|
-
BTN_ALARM_MESSAGE: string;
|
|
2150
|
-
* 视频分辨率 宽
|
|
2151
|
-
*
|
|
2152
|
-
* @version 3.1.2
|
|
2153
|
-
*
|
|
2154
|
-
* ```ts
|
|
2155
|
-
* theme.videoWidth // number
|
|
2156
|
-
* ```
|
|
2157
|
-
*/
|
|
2112
|
+
BTN_ALARM_MESSAGE: string;
|
|
2158
2113
|
REC_DROPDOWN_CLOUD_REC: string;
|
|
2159
2114
|
REC_DROPDOWN_CLOUD_RECORD: string;
|
|
2160
2115
|
REC_DROPDOWN_LOCAL_REC: string;
|
|
@@ -2195,13 +2150,6 @@ declare class Theme extends EventEmitter {
|
|
|
2195
2150
|
ZOOM_SUB: string;
|
|
2196
2151
|
ZOOM_ADD_MAX: string;
|
|
2197
2152
|
ZOOM_SUB_MIN: string;
|
|
2198
|
-
/**
|
|
2199
|
-
* 加载状态
|
|
2200
|
-
* ```ts
|
|
2201
|
-
* // 事件监听
|
|
2202
|
-
* theme.on(Theme.EVENTS.loading, (loading: boolean) => {})
|
|
2203
|
-
* ```
|
|
2204
|
-
*/
|
|
2205
2153
|
ZOOM_LIMIT_MAX: string;
|
|
2206
2154
|
ZOOM_LIMIT_MIN: string;
|
|
2207
2155
|
ZOOM_NOT_ENABLED: string;
|
|
@@ -2332,7 +2280,6 @@ declare class Theme extends EventEmitter {
|
|
|
2332
2280
|
/** 屏幕旋转角度 0 ｜ 90 ｜ 180 ｜ 270 */
|
|
2333
2281
|
private _orientationAngle;
|
|
2334
2282
|
_url: string;
|
|
2335
|
-
_urlInfoCache: any;
|
|
2336
2283
|
/** 是否播放中 @private */
|
|
2337
2284
|
_playing: boolean;
|
|
2338
2285
|
/** @private 加载中 */
|
|
@@ -2396,8 +2343,7 @@ declare class Theme extends EventEmitter {
|
|
|
2396
2343
|
/**
|
|
2397
2344
|
* url 信息 播放地址信息
|
|
2398
2345
|
*/
|
|
2399
|
-
get urlInfo():
|
|
2400
|
-
set urlInfo(info: any);
|
|
2346
|
+
get urlInfo(): Partial<_ezuikit_utils_tools.EzopenURL>;
|
|
2401
2347
|
/**
|
|
2402
2348
|
* 容器的宽(单位 px)
|
|
2403
2349
|
* ```ts
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ezuikit/player-theme",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.4-beta.1",
|
|
4
4
|
"description": "player theme",
|
|
5
5
|
"title": "theme",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -38,10 +38,10 @@
|
|
|
38
38
|
"@ezuikit/utils-logger": "^2.0.1",
|
|
39
39
|
"@ezuikit/utils-tools": "^2.0.6",
|
|
40
40
|
"@ezuikit/control-date-picker": "2.1.2-beta.1",
|
|
41
|
-
"@ezuikit/control-segment-progress": "0.0.1",
|
|
42
41
|
"@ezuikit/control-time-line": "2.1.0",
|
|
43
42
|
"@ezuikit/control-ptz": "1.0.0",
|
|
44
43
|
"@ezuikit/control-rec-list-modal": "0.0.1",
|
|
44
|
+
"@ezuikit/control-segment-progress": "0.0.1",
|
|
45
45
|
"@ezuikit/control-zoom": "1.0.0-beta.4",
|
|
46
46
|
"@juggle/resize-observer": "^3.4.0",
|
|
47
47
|
"@skax/delegate": "4.0.2",
|