@ezuikit/player-theme 2.1.0-beta.1 → 2.1.0-beta.11
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 +5 -2
- package/dist/index.js +659 -367
- package/dist/index.mjs +659 -367
- package/dist/index.umd.js +943 -915
- package/dist/style.css +3 -2
- package/dist/style.js +2 -2
- package/dist/types/index.d.ts +68 -44
- package/package.json +11 -4
package/dist/style.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
:root{--ezplayer-default-color:#fff;--ezplayer-primary-color:#407aff;--ezplayer-active-color:var(--ezplayer-primary-color,#407aff);--ezplayer-disabled-color:#aaa;--ezplayer-font-size:14px;--ezplayer-icon-font-size:24px;--ezplayer-btn-height:var(--ezplayer-icon-font-size,24px);--ezplayer-border-radius:8px;--ezplayer-control-space:16px;--ezplayer-header-height:46px;--ezplayer-footer-height:80px;--ezplayer-fullscreen-control-space:26px;--ezplayer-panel-bg-color:rgba(0,0,0,.7);--ezplayer-mobile-control-space:16px;--ezplayer-mobile-header-height:45px;--ezplayer-mobile-footer-height:54px;--ezplayer-mobile-fullscreen-header-height:75px;--ezplayer-mobile-fullscreen-footer-height:110px;--ezplayer-mobile-fullscreen-control-space:26px;--ezplayer-mobile-extend-bg-color:#f5f7fa;--ezplayer-mobile-extend-default-color:#2c2c2c}
|
|
2
2
|
body.ezplayer-body-mobile-noscroll{background-color:#000!important;height:100vh;overflow:hidden;touch-action:none}.ezplayer,.ezplayer-mobile-extend{background-color:#000;box-sizing:border-box;color:var(--ezplayer-default-color,#fff);display:flex;flex-direction:column;font-size:14px;font-size:var(--ezplayer-font-size,14px);padding:0;position:relative;--webkit-tap-highlight-color:transparent;outline:none}.ezplayer *,.ezplayer-mobile-extend *{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ezplayer:-webkit-full-screen{height:100%!important;width:100%!important}.ezplayer *{box-sizing:border-box}.ezplayer li,.ezplayer ul{box-sizing:border-box;list-style:none;margin:0;padding:0}.ezplayer-control{align-items:center;cursor:pointer;display:inline-flex;justify-content:center}.ezplayer-control-block,.ezplayer-control-text{cursor:unset}.ezplayer-control-block{align-items:center;box-sizing:border-box;color:var(--ezplayer-default-color,#fff);display:flex;flex-direction:column;justify-content:center;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ezplayer-btn,.ezplayer-icon,.ezplayer-text{display:inline-flex;transition:color .2s ease-in-out}.ezplayer-btn{cursor:pointer}.ezplayer-btn,.ezplayer-text{font-size:var(--ezplayer-font-size,14px)}.ezplayer-btn{align-items:center;border:1px solid var(--ezplayer-default-color,#fff);border-radius:12px;border-radius:calc(var(--ezplayer-btn-height, 24px)/2);display:inline-flex;height:var(--ezplayer-btn-height,26px);justify-content:center;padding:2px 10px;white-space:nowrap}.ezplayer-active{border-color:var(--ezplayer-active-color,#0099e5)!important;color:var(--ezplayer-active-color,#0099e5)!important}.ezplayer-disabled,.ezplayer-disabled .ezplayer-btn,.ezplayer-disabled .ezplayer-icon,.ezplayer-disabled .ezplayer-text{border-color:var(--ezplayer-disabled-color,#aaa)!important;color:var(--ezplayer-disabled-color)!important;cursor:not-allowed!important}.ezplayer-hide{display:none!important}.ezplayer-hide-transition{opacity:0!important;pointer-events:none!important}.ezplayer-overflow-hidden{overflow:hidden}.ezplayer-global-fullscreen .ezplayer-footer,.ezplayer-global-fullscreen .ezplayer-header,.ezplayer-global-fullscreen .ezplayer-rec-footer{display:none}.ezplayer-mobile .ezplayer-control-global-fullscreen{display:none!important}.ezplayer-mobile.ezplayer-fullscreen.ezplayer-angle-0,.ezplayer-mobile.ezplayer-fullscreen.ezplayer-angle-180{background-color:#000!important;bottom:0!important;height:100vw!important;height:var(--ezplayer-mobile-inner-width,100vw)!important;left:0!important;overflow:hidden;padding-right:env(safe-area-inset-bottom);position:fixed!important;right:0!important;top:0!important;transform:rotate(90.001deg) translateY(-100%)!important;-webkit-transform:rotate(90.001deg) translateY(-100%)!important;transform-origin:0 0!important;-webkit-transform-origin:0 0!important;width:100vh!important;width:var(--ezplayer-mobile-inner-height,100vh)!important;z-index:9999}.ezplayer-mobile.ezplayer-fullscreen.ezplayer-angle-270,.ezplayer-mobile.ezplayer-fullscreen.ezplayer-angle-90{background-color:#000!important;bottom:0!important;height:100vh!important;height:var(--ezplayer-mobile-inner-height,100vh)!important;left:0!important;overflow:hidden;position:fixed!important;right:0!important;top:0!important;transform:rotate(0deg) translateY(0)!important;-webkit-transform:rotate(0deg) translateY(0)!important;transform-origin:0 0!important;-webkit-transform-origin:0 0!important;width:100vw!important;width:var(--ezplayer-mobile-inner-width,100vw)!important;z-index:9999}
|
|
3
|
-
.ezplayer-footer,.ezplayer-header{align-items:center;box-sizing:border-box;color:var(--ezplayer-default-color,#fff);display:flex;flex-wrap:nowrap;font-size:24px;justify-content:space-between;left:0;opacity:1;position:absolute;right:0;transition:opacity .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:20}.ezplayer-footer-left,.ezplayer-footer-right,.ezplayer-header-left,.ezplayer-header-right{display:inline-flex;flex-direction:row;flex-wrap:nowrap}.ezplayer-footer-left,.ezplayer-header-left{padding-left:20px}.ezplayer-footer-left .ezplayer-control,.ezplayer-header-left .ezplayer-control{margin-right:16px}.ezplayer-footer-left .ezplayer-control:last-child,.ezplayer-header-left .ezplayer-control:last-child{margin-right:0!important}.ezplayer-footer-right,.ezplayer-header-right{padding-right:20px}.ezplayer-footer-right .ezplayer-control,.ezplayer-header-right .ezplayer-control{margin-
|
|
3
|
+
.ezplayer-footer,.ezplayer-header{align-items:center;box-sizing:border-box;color:var(--ezplayer-default-color,#fff);display:flex;flex-wrap:nowrap;font-size:24px;justify-content:space-between;left:0;opacity:1;position:absolute;right:0;transition:opacity .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:20}.ezplayer-footer-left,.ezplayer-footer-right,.ezplayer-header-left,.ezplayer-header-right{display:inline-flex;flex-direction:row;flex-wrap:nowrap}.ezplayer-footer-left,.ezplayer-header-left{padding-left:20px}.ezplayer-footer-left .ezplayer-control,.ezplayer-header-left .ezplayer-control{margin-right:16px}.ezplayer-footer-left .ezplayer-control:last-child,.ezplayer-header-left .ezplayer-control:last-child{margin-right:0!important}.ezplayer-footer-right,.ezplayer-header-right{padding-right:20px}.ezplayer-footer-right .ezplayer-control,.ezplayer-header-right .ezplayer-control{margin-right:16px}.ezplayer-footer-right .ezplayer-control:last-child,.ezplayer-header-right .ezplayer-control:last-child{margin-right:0!important}.ezplayer-footer .ezplayer-control,.ezplayer-header .ezplayer-control{padding:2px}.ezplayer-footer .ezplayer-control-text+.ezplayer-control-text,.ezplayer-header .ezplayer-control-text+.ezplayer-control-text{margin-left:8px}.ezplayer-footer-more,.ezplayer-header-more{align-items:center;display:flex;flex-direction:row}.ezplayer-header{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAuCAMAAADeMYNYAAAAbFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB0Iv+qAAAAJHRSTlOBdGtiTDoxGxIJy8bCvbm0sKyno56alZGMiHtbV1JFQSomIQDNbq/TAAAAPklEQVQI1xXBhQHAIAAEsau7uwv778iTkFNQUlHT0NLRMzAyMbOwsuHseOproAcnF6HePEQa68vHT6KpZmosd8UCpGNSKboAAAAASUVORK5CYII=");box-sizing:border-box;height:46px;margin:0;top:0}.ezplayer-header-left,.ezplayer-header-right{max-width:50%}.ezplayer-control-rec .ezplayer-icon:first-child{margin-left:0}.ezplayer-footer{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAQAAAByztdQAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAd0SU1FB+kGBAsQDlySUqoAAAABb3JOVAHPoneaAAAAHElEQVQI12NgYGRiYGZiYGJiYEZiYJLECw5q9QCpgAFr/pGonwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyNS0wNi0wNFQxMToxNTo1OCswMDowMBLJutIAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjUtMDYtMDRUMTE6MTU6NTgrMDA6MDBjlAJuAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDI1LTA2LTA0VDExOjE2OjE0KzAwOjAwnFz8PAAAAABJRU5ErkJggg==");bottom:0;box-sizing:border-box;height:80px;margin:0;padding-top:20px}.ezplayer-mobile .ezplayer-footer,.ezplayer-mobile .ezplayer-header{font-size:24px}.ezplayer-mobile .ezplayer-footer-left .ezplayer-control,.ezplayer-mobile .ezplayer-footer-right .ezplayer-control,.ezplayer-mobile .ezplayer-header-left .ezplayer-control,.ezplayer-mobile .ezplayer-header-right .ezplayer-control{height:24px;padding:0}.ezplayer-mobile .ezplayer-footer-left,.ezplayer-mobile .ezplayer-header-left{padding-left:15px}.ezplayer-mobile .ezplayer-footer-left .ezplayer-control,.ezplayer-mobile .ezplayer-header-left .ezplayer-control{margin-right:15px}.ezplayer-mobile .ezplayer-footer-right,.ezplayer-mobile .ezplayer-header-right{padding-right:15px}.ezplayer-mobile .ezplayer-footer-right .ezplayer-control,.ezplayer-mobile .ezplayer-header-right .ezplayer-control{margin-left:15px}.ezplayer-mobile .ezplayer-footer .ezplayer-control,.ezplayer-mobile .ezplayer-header .ezplayer-control{height:24px;min-width:24px}.ezplayer-mobile .ezplayer-footer .ezplayer-control-text,.ezplayer-mobile .ezplayer-header .ezplayer-control-text{font-size:14px}.ezplayer-mobile .ezplayer-header{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAtCAMAAACzkkr1AAAAV1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOl5NtAAAAHXRSTlOWj4JzaV9YUUQ9MywlGxQKioZ8eW9kTUk4IA8FAKPHi9EAAABMSURBVAjXJcKFDcAwAAOwjKHM+P+dUzTL+C0LWwvnsK7sPULAtnGM2HdOCcfB58nXxTmjFNw3Pw/XivdlIVhKbg1KsdbcO4zhMTDnB9pJBB0jNaXIAAAAAElFTkSuQmCC");background:linear-gradient(180deg,rgba(0,0,0,.6) 0,transparent);height:45px;margin:0;padding:0}.ezplayer-mobile .ezplayer-footer{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAA2CAQAAABHVIAUAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAd0SU1FB+kHGQYOGOvM7YUAAAABb3JOVAHPoneaAAAAFUlEQVQY02NkYGRgYGFgxkUwjShZAMFnAW71uqvOAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDI1LTA3LTI1VDA2OjE0OjAwKzAwOjAwy873zwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyNS0wNy0yNVQwNjoxNDowMCswMDowMLqTT3MAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjUtMDctMjVUMDY6MTQ6MjQrMDA6MDBb7E3CAAAAAElFTkSuQmCC");background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.6));height:54px;padding-top:0}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-header{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABLCAQAAADw6J4LAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAd0SU1FB+kHGQYYHh43/WcAAAABb3JOVAHPoneaAAAAKUlEQVQY02NkOM3AwMLwF5X4h5dLOyXD13JmBiaG/8wMjAz/GRkYGRgADI9KMQ6gLKQAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjUtMDctMjVUMDY6MjQ6MTQrMDA6MDBqybVDAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDI1LTA3LTI1VDA2OjI0OjE0KzAwOjAwG5QN/wAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyNS0wNy0yNVQwNjoyNDozMCswMDowMPrrD04AAAAASUVORK5CYII=");background:linear-gradient(180deg,rgba(0,0,0,.8) 0,transparent);height:75px}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-footer{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABuCAMAAAA6XjI3AAAAaVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnbPKNAAAAI3RSTlMAQrRXSTozKxUHxb+spqCNh4F1ZVAgDbqTenBqJRvKm5dgXO7N8BQAAABzSURBVBjThcRFDsQwFATRH2Z2mHP/Q447bmuWKT2VfJdIYg0DxTHt2g59T9sGUSQRDmFoBRJYjvPn+6SUKHNPPOt54L6h62hdYdEWaFuaZ2gaacxrqV9VJZX5JNPruuA8oSypKCjPyXVp1EbIMkpTOg7tB7gTDCt3nEtMAAAAAElFTkSuQmCC");background:linear-gradient(180deg,transparent 9%,rgba(0,0,0,.8));height:110px;padding-top:18px}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-footer-left,.ezplayer-mobile.ezplayer-fullscreen .ezplayer-header-left{padding-left:50px}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-footer-left .ezplayer-control,.ezplayer-mobile.ezplayer-fullscreen .ezplayer-header-left .ezplayer-control{margin-right:30px}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-footer-right,.ezplayer-mobile.ezplayer-fullscreen .ezplayer-header-right{padding-right:50px}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-footer-right .ezplayer-control,.ezplayer-mobile.ezplayer-fullscreen .ezplayer-header-right .ezplayer-control{margin-left:30px}.ezplayer-fullscreen:not(.ezplayer-mobile) .ezplayer-footer-left .ezplayer-control,.ezplayer-fullscreen:not(.ezplayer-mobile) .ezplayer-header-left .ezplayer-control{margin-right:26px}.ezplayer-fullscreen:not(.ezplayer-mobile) .ezplayer-footer-right .ezplayer-control,.ezplayer-fullscreen:not(.ezplayer-mobile) .ezplayer-header-right .ezplayer-control{margin-left:26px}
|
|
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}
|
|
@@ -15,9 +15,10 @@ body.ezplayer-body-mobile-noscroll{background-color:#000!important;height:100vh;
|
|
|
15
15
|
.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%}
|
|
16
16
|
.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}
|
|
17
17
|
.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}
|
|
18
|
-
.ezplayer-more-panel{align-items:center;background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-radius:var(--ezplayer-border-radius,8px);cursor:default;display:flex;flex-direction:row;padding:8px 10px}.ezplayer-more .ezplayer-control{margin-
|
|
18
|
+
.ezplayer-more-panel{align-items:center;background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-radius:var(--ezplayer-border-radius,8px);cursor:default;display:flex;flex-direction:row;padding:8px 10px}.ezplayer-more .ezplayer-control{margin-right:10px}.ezplayer-more .ezplayer-control:last-child{margin-right:0}
|
|
19
19
|
.ezplayer-medium-height .ezplayer-zoom-panel,.ezplayer-mini-height .ezplayer-zoom-panel{height:100%;padding-bottom:var(--ezplayer-footer-height,80px);padding-top:0}.ezplayer-mini-height .ezplayer-zoom-panel{padding-bottom:calc(var(--ezplayer-footer-height, 80px) - 20px)}.ezplayer-mini-height .ezplayer-progress-slider{display:none!important}.ezplayer-mini-height .ezplayer-progress-plus{padding-bottom:0}.ezplayer-mini-height .ezplayer-progress-minus{padding-top:0}.ezplayer-zoom-panel{bottom:0;display:inline-flex;flex-direction:column;height:100%;justify-content:flex-end;left:20px;padding-bottom:calc(var(--ezplayer-footer-height, 80px) + 20px);padding-top:10%;pointer-events:none;position:absolute;top:0;z-index:23}.ezplayer-zoom-panel .ezplayer-progress{height:200px;max-height:95%;pointer-events:auto}.ezplayer-mobile .ezplayer-zoom-panel{padding-bottom:calc(var(--ezplayer-mobile-footer-height, 54px) + 10px);padding-top:5%}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-zoom-panel{padding-bottom:var(--ezplayer-mobile-fullscreen-footer-height,110px);padding-top:var(--ezplayer-mobile-fullscreen-header-height,75px)}
|
|
20
20
|
.ezplayer-icon-talk-growth-dot1,.ezplayer-icon-talk-growth-dot2,.ezplayer-icon-talk-growth-dot3,.ezplayer-icon-talk-growth-dot4{color:var(--ezplayer-default-color,#fff)}.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-deafening .ezplayer-icon-talk-growth-dot1,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-deafening .ezplayer-icon-talk-growth-dot2,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-deafening .ezplayer-icon-talk-growth-dot3,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-deafening .ezplayer-icon-talk-growth-dot4,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-high .ezplayer-icon-talk-growth-dot2,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-high .ezplayer-icon-talk-growth-dot3,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-high .ezplayer-icon-talk-growth-dot4,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-low .ezplayer-icon-talk-growth-dot4,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-normal .ezplayer-icon-talk-growth-dot3,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-normal .ezplayer-icon-talk-growth-dot4{color:var(--ezplayer-active-color,#407aff)}
|
|
21
|
+
.ezplayer-control-broadcast.ezplayer-active .ezplayer-icon-record-circle{color:var(--ezplayer-active-color,#407aff)}
|
|
21
22
|
.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}
|
|
22
23
|
.ezplayer-select-definition .ezplayer-select-panel{width:100px}.ezplayer-control-definition .ezplayer-select-btn{width:75px}
|
|
23
24
|
|
package/dist/style.js
CHANGED
package/dist/types/index.d.ts
CHANGED
|
@@ -88,6 +88,8 @@ declare const EVENTS: {
|
|
|
88
88
|
readonly talkingChange: "talkingChange";
|
|
89
89
|
/** 麦克风音量变化 */
|
|
90
90
|
readonly talkVolumeChange: "talkVolumeChange";
|
|
91
|
+
/** 语音广播状态变化 */
|
|
92
|
+
readonly broadcastChange: "broadcastChange";
|
|
91
93
|
/** 动态切换日志配置 */
|
|
92
94
|
readonly setLoggerOptions: "setLoggerOptions";
|
|
93
95
|
readonly records: "records";
|
|
@@ -162,6 +164,10 @@ declare const EVENTS: {
|
|
|
162
164
|
readonly talkError: "Control.talkError";
|
|
163
165
|
/** 对讲控件销毁 */
|
|
164
166
|
readonly talkDestroy: "Control.talkDestroy";
|
|
167
|
+
/** 语音广播状态变化 */
|
|
168
|
+
readonly broadcastChange: "Control.broadcastChange";
|
|
169
|
+
/** 语音广播控件销毁 */
|
|
170
|
+
readonly broadcastDestroy: "Control.broadcastDestroy";
|
|
165
171
|
/** 缩放比例改变 */
|
|
166
172
|
readonly zoomChange: "Control.zoomChange";
|
|
167
173
|
/** 音量调节面板 展示隐藏变换 */
|
|
@@ -935,6 +941,8 @@ type ControlType =
|
|
|
935
941
|
| 'record'
|
|
936
942
|
/** 对讲 */
|
|
937
943
|
| 'talk'
|
|
944
|
+
/** 语音广播 */
|
|
945
|
+
| 'broadcast'
|
|
938
946
|
/** 电子放大 */
|
|
939
947
|
| 'zoom'
|
|
940
948
|
/** 清晰度， 兼容 hd */
|
|
@@ -1224,6 +1232,7 @@ declare class Content extends EventEmitter {
|
|
|
1224
1232
|
/** 配置项 */
|
|
1225
1233
|
options: ContentOptions;
|
|
1226
1234
|
private _scaleMode?;
|
|
1235
|
+
private _cleanUpResizeObserver;
|
|
1227
1236
|
private _originWidth;
|
|
1228
1237
|
private _originHeight;
|
|
1229
1238
|
private _width;
|
|
@@ -1235,7 +1244,7 @@ declare class Content extends EventEmitter {
|
|
|
1235
1244
|
* @param {number} originHeight 画面高度
|
|
1236
1245
|
* @returns {void}
|
|
1237
1246
|
*/
|
|
1238
|
-
private
|
|
1247
|
+
private rerender;
|
|
1239
1248
|
setScaleMode(scaleMode?: ThemeOptions$1['scaleMode']): void;
|
|
1240
1249
|
destroy(): void;
|
|
1241
1250
|
}
|
|
@@ -1315,6 +1324,8 @@ declare class More extends Control {
|
|
|
1315
1324
|
key: string;
|
|
1316
1325
|
part: 'left' | 'right';
|
|
1317
1326
|
control: Control;
|
|
1327
|
+
width: number;
|
|
1328
|
+
height: number;
|
|
1318
1329
|
}>;
|
|
1319
1330
|
constructor(options: MoreOptions);
|
|
1320
1331
|
private _render;
|
|
@@ -1322,7 +1333,10 @@ declare class More extends Control {
|
|
|
1322
1333
|
* 添加
|
|
1323
1334
|
* @param control
|
|
1324
1335
|
*/
|
|
1325
|
-
add(key: string, part: 'left' | 'right', control: Control
|
|
1336
|
+
add(key: string, part: 'left' | 'right', control: Control, props: {
|
|
1337
|
+
width: number;
|
|
1338
|
+
height: number;
|
|
1339
|
+
}): void;
|
|
1326
1340
|
/**
|
|
1327
1341
|
* 移除
|
|
1328
1342
|
* @param control
|
|
@@ -1416,17 +1430,18 @@ declare class Theme extends EventEmitter {
|
|
|
1416
1430
|
readonly recordingChange: "recordingChange";
|
|
1417
1431
|
readonly talkingChange: "talkingChange";
|
|
1418
1432
|
readonly talkVolumeChange: "talkVolumeChange";
|
|
1419
|
-
readonly
|
|
1420
|
-
readonly
|
|
1421
|
-
readonly ptzSpeedChange: "ptzSpeedChange"; /**
|
|
1433
|
+
readonly broadcastChange: "broadcastChange";
|
|
1434
|
+
readonly setLoggerOptions: "setLoggerOptions"; /**
|
|
1422
1435
|
* 更多控件（footer more）
|
|
1423
1436
|
* @since 0.0.1
|
|
1424
1437
|
* @private
|
|
1425
1438
|
*/
|
|
1439
|
+
readonly records: "records";
|
|
1440
|
+
readonly ptzSpeedChange: "ptzSpeedChange";
|
|
1426
1441
|
readonly setVideoLevelList: "setVideoLevelList";
|
|
1427
1442
|
readonly currentVideoLevel: "currentVideoLevel";
|
|
1428
1443
|
readonly currentVideoLevelAuto: "currentVideoLevelAuto";
|
|
1429
|
-
readonly setAllDayRecTimes: "setAllDayRecTimes";
|
|
1444
|
+
readonly setAllDayRecTimes: "setAllDayRecTimes";
|
|
1430
1445
|
readonly getOSDTime: "getOSDTime";
|
|
1431
1446
|
readonly control: {
|
|
1432
1447
|
readonly play: "Control.play";
|
|
@@ -1441,8 +1456,9 @@ declare class Theme extends EventEmitter {
|
|
|
1441
1456
|
readonly headerMoreShowControlsChange: "Control.headerMoreShowControlsChange";
|
|
1442
1457
|
readonly headerMorePanelOpenChange: "Control.headerMorePanelOpenChange";
|
|
1443
1458
|
readonly footerMoreShowControlsChange: "Control.footerMoreShowControlsChange";
|
|
1459
|
+
/** 电子放大倍数 @private */
|
|
1444
1460
|
readonly footerMorePanelOpenChange: "Control.footerMorePanelOpenChange";
|
|
1445
|
-
readonly deviceDestroy: "Control.deviceDestroy";
|
|
1461
|
+
readonly deviceDestroy: "Control.deviceDestroy";
|
|
1446
1462
|
readonly recTypeChange: "Control.recTypeChange";
|
|
1447
1463
|
readonly recDestroy: "Control.recDestroy";
|
|
1448
1464
|
readonly definitionChange: "Control.definitionChange";
|
|
@@ -1461,6 +1477,8 @@ declare class Theme extends EventEmitter {
|
|
|
1461
1477
|
readonly talkingChange: "Control.talkingChange";
|
|
1462
1478
|
readonly talkError: "Control.talkError";
|
|
1463
1479
|
readonly talkDestroy: "Control.talkDestroy";
|
|
1480
|
+
readonly broadcastChange: "Control.broadcastChange";
|
|
1481
|
+
readonly broadcastDestroy: "Control.broadcastDestroy";
|
|
1464
1482
|
readonly zoomChange: "Control.zoomChange";
|
|
1465
1483
|
readonly zoomPanelOpenChange: "Control.zoomPanelOpenChange";
|
|
1466
1484
|
readonly zoomDestroy: "Control.zoomDestroy";
|
|
@@ -1681,12 +1699,13 @@ declare class Theme extends EventEmitter {
|
|
|
1681
1699
|
BTN_RECORDVIDEO: string;
|
|
1682
1700
|
BTN_CAPTURE: string;
|
|
1683
1701
|
BTN_TALK: string;
|
|
1702
|
+
BTN_BROADCAST: string;
|
|
1684
1703
|
BTN_ZOOM: string;
|
|
1685
1704
|
BTN_3D_ZOOM: string;
|
|
1686
1705
|
BTN_PTZ: string;
|
|
1687
1706
|
BTN_GLOBAL_FULLSCREEN: string;
|
|
1688
1707
|
BTN_EXIT_GLOBAL_FULLSCREEN: string;
|
|
1689
|
-
BTN_FULLSCREEN: string;
|
|
1708
|
+
BTN_FULLSCREEN: string;
|
|
1690
1709
|
BTN_EXIR_FULLSCREEN: string;
|
|
1691
1710
|
BTN_HD: string;
|
|
1692
1711
|
BTN_SPEED: string;
|
|
@@ -1708,7 +1727,7 @@ declare class Theme extends EventEmitter {
|
|
|
1708
1727
|
OPEN_SOUND: string;
|
|
1709
1728
|
CLOSE_SOUND: string;
|
|
1710
1729
|
SOUND_OPENED: string;
|
|
1711
|
-
ZOOM: string;
|
|
1730
|
+
ZOOM: string; /** 当前容器的全屏状态 true: 全屏， false: 非全屏 */
|
|
1712
1731
|
START_ZOOM: string;
|
|
1713
1732
|
CLOSE_ZOOM: string;
|
|
1714
1733
|
ZOOM_ADD: string;
|
|
@@ -1717,7 +1736,7 @@ declare class Theme extends EventEmitter {
|
|
|
1717
1736
|
ZOOM_SUB_MIN: string;
|
|
1718
1737
|
ZOOM_LIMIT_MAX: string;
|
|
1719
1738
|
ZOOM_LIMIT_MIN: string;
|
|
1720
|
-
ZOOM_NOT_ENABLED: string;
|
|
1739
|
+
ZOOM_NOT_ENABLED: string; /** 音量 */
|
|
1721
1740
|
'3D_ZOOM': string;
|
|
1722
1741
|
'3D_ZOOM_DISABLE': string;
|
|
1723
1742
|
'3D_ZOOM_FAILED': string;
|
|
@@ -1728,7 +1747,6 @@ declare class Theme extends EventEmitter {
|
|
|
1728
1747
|
'3D_ZOOM_NOT_ACTIVED': string;
|
|
1729
1748
|
'3D_ZOOM_CLOSED': string;
|
|
1730
1749
|
CHANGE_ZOOM_TYPE: string;
|
|
1731
|
-
/** 自定清晰度 @private */
|
|
1732
1750
|
FULLSCREEN: string;
|
|
1733
1751
|
FULLSCREEN_EXIT: string;
|
|
1734
1752
|
GET_WEB_FULLSCREEN_STATUS: string;
|
|
@@ -1736,7 +1754,17 @@ declare class Theme extends EventEmitter {
|
|
|
1736
1754
|
WEB_FULLSCREEN_EXIT: string;
|
|
1737
1755
|
DESTROY: string;
|
|
1738
1756
|
GET_CAPACITY: string;
|
|
1739
|
-
GET_PTZ_STATUS: string;
|
|
1757
|
+
GET_PTZ_STATUS: string; /**
|
|
1758
|
+
// * 记录回放的月份
|
|
1759
|
+
// *
|
|
1760
|
+
// * key: {序列号}_{通道号}_{rec | cloud | cloudRecord} 比如：BC7799091_1_rec BC7799091_1_cloud BC7799091_1_cloudRecord
|
|
1761
|
+
// *
|
|
1762
|
+
// * value: 月份列表 比如 ["2025-12-01", "2025-12-02"]
|
|
1763
|
+
// * @private
|
|
1764
|
+
// */
|
|
1765
|
+
/**
|
|
1766
|
+
* 录像回放的月份列表 @private
|
|
1767
|
+
*/
|
|
1740
1768
|
GET_PTZ_STATUS_FAILED: string;
|
|
1741
1769
|
MOBILE_HIDE_PTZ: string;
|
|
1742
1770
|
OPTION_PTZ_FAILED: string;
|
|
@@ -1897,13 +1925,7 @@ declare class Theme extends EventEmitter {
|
|
|
1897
1925
|
3860020: string;
|
|
1898
1926
|
BTN_RETRY: string;
|
|
1899
1927
|
BTN_RELOAD: string;
|
|
1900
|
-
LOADING: string;
|
|
1901
|
-
* 播放状态
|
|
1902
|
-
* ```ts
|
|
1903
|
-
* // 事件监听
|
|
1904
|
-
* theme.on(Theme.EVENTS.play, (playing: boolean) => {})
|
|
1905
|
-
* ```
|
|
1906
|
-
*/
|
|
1928
|
+
LOADING: string;
|
|
1907
1929
|
TIMEFORMAT_ERROR: string;
|
|
1908
1930
|
USE_MULTITHREADING_WARING: string;
|
|
1909
1931
|
OPEN_INSTRUCTIONS: string;
|
|
@@ -1952,13 +1974,17 @@ declare class Theme extends EventEmitter {
|
|
|
1952
1974
|
VIDEO_LEVEL_3K: string;
|
|
1953
1975
|
VIDEO_LEVEL_4k: string;
|
|
1954
1976
|
RESET_THEME: string;
|
|
1955
|
-
BTN_PLAY: string;
|
|
1977
|
+
BTN_PLAY: string; /**
|
|
1978
|
+
* 静音
|
|
1979
|
+
*
|
|
1980
|
+
*/
|
|
1956
1981
|
BTN_PAUSE: string;
|
|
1957
1982
|
BTN_VOLUME: string;
|
|
1958
1983
|
BTN_MUTED: string;
|
|
1959
1984
|
BTN_RECORDVIDEO: string;
|
|
1960
1985
|
BTN_CAPTURE: string;
|
|
1961
1986
|
BTN_TALK: string;
|
|
1987
|
+
BTN_BROADCAST: string;
|
|
1962
1988
|
BTN_ZOOM: string;
|
|
1963
1989
|
BTN_3D_ZOOM: string;
|
|
1964
1990
|
BTN_PTZ: string;
|
|
@@ -1971,7 +1997,9 @@ declare class Theme extends EventEmitter {
|
|
|
1971
1997
|
BTN_HD: string;
|
|
1972
1998
|
BTN_SPEED: string;
|
|
1973
1999
|
BTN_CLOUDREC: string;
|
|
1974
|
-
BTN_CLOUDRECORD: string;
|
|
2000
|
+
BTN_CLOUDRECORD: string; /**
|
|
2001
|
+
* 是否在缩放中
|
|
2002
|
+
*/
|
|
1975
2003
|
BTN_REC: string;
|
|
1976
2004
|
BTN_CALENDAR: string;
|
|
1977
2005
|
BTN_MORE: string;
|
|
@@ -1983,16 +2011,7 @@ declare class Theme extends EventEmitter {
|
|
|
1983
2011
|
START_RECORD_FAILED: string;
|
|
1984
2012
|
STOP_RECORD_SUCCESS: string;
|
|
1985
2013
|
STOP_RECORD_FAILED: string;
|
|
1986
|
-
RECORD_TIPS: string;
|
|
1987
|
-
* 电子放大倍数， 仅 ezopen 支持
|
|
1988
|
-
* @since 0.0.1
|
|
1989
|
-
* @example
|
|
1990
|
-
* ```ts
|
|
1991
|
-
* theme.zoom // 放大倍数
|
|
1992
|
-
* // 事件监听
|
|
1993
|
-
* theme.on(Theme.EVENTS.zoom, (zoom: number) => {})
|
|
1994
|
-
* ```
|
|
1995
|
-
*/
|
|
2014
|
+
RECORD_TIPS: string;
|
|
1996
2015
|
RECORDS: string;
|
|
1997
2016
|
OPEN_SOUND: string;
|
|
1998
2017
|
CLOSE_SOUND: string;
|
|
@@ -2031,19 +2050,6 @@ declare class Theme extends EventEmitter {
|
|
|
2031
2050
|
MOBILE_PTZ_TIPS: string;
|
|
2032
2051
|
PTZ_FAST: string;
|
|
2033
2052
|
PTZ_MID: string;
|
|
2034
|
-
/**
|
|
2035
|
-
* 对讲增益(音量)， 仅 ezopen 支持
|
|
2036
|
-
*
|
|
2037
|
-
* {@link https://mdn.org.cn/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API}
|
|
2038
|
-
*
|
|
2039
|
-
* @since 0.0.1
|
|
2040
|
-
* @example
|
|
2041
|
-
* ```ts
|
|
2042
|
-
* theme.talkGain // 对讲音量
|
|
2043
|
-
* // 事件监听 event
|
|
2044
|
-
* theme.on(Theme.EVENTS.talk, (gain: number) => {})
|
|
2045
|
-
* ```
|
|
2046
|
-
*/
|
|
2047
2053
|
PTZ_SLOW: string;
|
|
2048
2054
|
PTZ_SPEED: string;
|
|
2049
2055
|
DEVICE_ZOOM: string;
|
|
@@ -2066,6 +2072,23 @@ declare class Theme extends EventEmitter {
|
|
|
2066
2072
|
FETCH_THEME_FAILED: string;
|
|
2067
2073
|
cancel: string;
|
|
2068
2074
|
ok: string;
|
|
2075
|
+
/**
|
|
2076
|
+
* 重新调整播放器窗口大小
|
|
2077
|
+
*
|
|
2078
|
+
* Adjust the player window size
|
|
2079
|
+
* @param {number | string} width 宽度（number 类型默认px, 支持字符串大小 "100%" | "50vw"）
|
|
2080
|
+
* @param {number | string} height 高度（number 类型默认px, 支持字符串大小 "100%" | "50vh"）
|
|
2081
|
+
* @since 0.0.1
|
|
2082
|
+
* @example
|
|
2083
|
+
* ```ts
|
|
2084
|
+
* theme.resize(600, 400) // 600px * 400px
|
|
2085
|
+
* theme.resize("600px", "400px") // 600px * 400px
|
|
2086
|
+
* theme.resize("50%", "1vh")
|
|
2087
|
+
* theme.resize("2em", "2rem")
|
|
2088
|
+
* // 事件监听 event, 这里是具体的宽高（单位px）
|
|
2089
|
+
* theme.on(Theme.EVENTS.resize, (width: number, height: number) => {})
|
|
2090
|
+
* ```
|
|
2091
|
+
*/
|
|
2069
2092
|
close: string;
|
|
2070
2093
|
};
|
|
2071
2094
|
};
|
|
@@ -2494,6 +2517,7 @@ declare class Theme extends EventEmitter {
|
|
|
2494
2517
|
* @WARN：这里会闪一下， 原因：需要控件渲染后才知是否需要放置到 More 中，
|
|
2495
2518
|
*/
|
|
2496
2519
|
private _footerMoreControlShow;
|
|
2520
|
+
private _displayMore;
|
|
2497
2521
|
/**
|
|
2498
2522
|
* 移除事件
|
|
2499
2523
|
*/
|
package/package.json
CHANGED
|
@@ -1,10 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ezuikit/player-theme",
|
|
3
|
-
"version": "2.1.0-beta.
|
|
3
|
+
"version": "2.1.0-beta.11",
|
|
4
4
|
"description": "player theme",
|
|
5
5
|
"title": "theme",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"types": "dist/types/index.d.ts",
|
|
8
|
+
"scripts": {
|
|
9
|
+
"dev": "cross-env NODE_ENV=development rollup --config rollup.config.mjs --watch",
|
|
10
|
+
"build": "npm run clean && cross-env NODE_ENV=production rollup --config rollup.config.mjs",
|
|
11
|
+
"clean": "rimraf docs dist coverage",
|
|
12
|
+
"types": "tsc src/index.ts --emitDeclarationOnly --declaration --declarationDir dist/types --esModuleInterop",
|
|
13
|
+
"docs": "typedoc --tsconfig typedoc.config.js"
|
|
14
|
+
},
|
|
8
15
|
"files": [
|
|
9
16
|
"dist"
|
|
10
17
|
],
|
|
@@ -20,9 +27,9 @@
|
|
|
20
27
|
"dependencies": {
|
|
21
28
|
"@ezuikit/utils-i18n": "2.0.0",
|
|
22
29
|
"@ezuikit/utils-logger": "2.0.0",
|
|
23
|
-
"@ezuikit/utils-tools": "2.0.
|
|
24
|
-
"@ezuikit/control-date-picker": "1.0.
|
|
25
|
-
"@ezuikit/control-time-line": "1.0.
|
|
30
|
+
"@ezuikit/utils-tools": "2.0.3",
|
|
31
|
+
"@ezuikit/control-date-picker": "1.0.5",
|
|
32
|
+
"@ezuikit/control-time-line": "1.0.7",
|
|
26
33
|
"@juggle/resize-observer": "^3.4.0",
|
|
27
34
|
"@skax/delegate": "4.0.2",
|
|
28
35
|
"@skax/picker": "1.1.7",
|