@ezuikit/player-theme 2.1.0-beta.10 → 2.1.0-beta.12
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/README.md +1 -40
- package/dist/constant.js +5 -2
- package/dist/index.js +506 -236
- package/dist/index.mjs +506 -236
- package/dist/index.umd.js +599 -293
- package/dist/style.css +3 -2
- package/dist/style.js +2 -2
- package/dist/types/index.d.ts +44 -19
- package/package.json +2 -11
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-left:16px}.ezplayer-footer-right .ezplayer-control:first-child,.ezplayer-header-right .ezplayer-control:first-child{margin-left: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-left:10px}.ezplayer-more .ezplayer-control:first-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
|
@@ -4,7 +4,6 @@ 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 Zoom from '@ezuikit/control-zoom';
|
|
7
|
-
import { ThemeOptions as ThemeOptions$1 } from '@/interface';
|
|
8
7
|
import { TimeLineTimeSection } from '@ezuikit/control-time-line';
|
|
9
8
|
|
|
10
9
|
/** 填充模式 */
|
|
@@ -88,6 +87,8 @@ declare const EVENTS: {
|
|
|
88
87
|
readonly talkingChange: "talkingChange";
|
|
89
88
|
/** 麦克风音量变化 */
|
|
90
89
|
readonly talkVolumeChange: "talkVolumeChange";
|
|
90
|
+
/** 语音广播状态变化 */
|
|
91
|
+
readonly broadcastChange: "broadcastChange";
|
|
91
92
|
/** 动态切换日志配置 */
|
|
92
93
|
readonly setLoggerOptions: "setLoggerOptions";
|
|
93
94
|
readonly records: "records";
|
|
@@ -162,6 +163,10 @@ declare const EVENTS: {
|
|
|
162
163
|
readonly talkError: "Control.talkError";
|
|
163
164
|
/** 对讲控件销毁 */
|
|
164
165
|
readonly talkDestroy: "Control.talkDestroy";
|
|
166
|
+
/** 语音广播状态变化 */
|
|
167
|
+
readonly broadcastChange: "Control.broadcastChange";
|
|
168
|
+
/** 语音广播控件销毁 */
|
|
169
|
+
readonly broadcastDestroy: "Control.broadcastDestroy";
|
|
165
170
|
/** 缩放比例改变 */
|
|
166
171
|
readonly zoomChange: "Control.zoomChange";
|
|
167
172
|
/** 音量调节面板 展示隐藏变换 */
|
|
@@ -935,6 +940,8 @@ type ControlType =
|
|
|
935
940
|
| 'record'
|
|
936
941
|
/** 对讲 */
|
|
937
942
|
| 'talk'
|
|
943
|
+
/** 语音广播 */
|
|
944
|
+
| 'broadcast'
|
|
938
945
|
/** 电子放大 */
|
|
939
946
|
| 'zoom'
|
|
940
947
|
/** 清晰度， 兼容 hd */
|
|
@@ -1206,7 +1213,7 @@ declare class Pause extends Control {
|
|
|
1206
1213
|
interface ContentOptions {
|
|
1207
1214
|
/** 获取容器 */
|
|
1208
1215
|
getContainer: () => HTMLElement;
|
|
1209
|
-
scaleMode: ThemeOptions
|
|
1216
|
+
scaleMode: ThemeOptions['scaleMode'];
|
|
1210
1217
|
}
|
|
1211
1218
|
/**
|
|
1212
1219
|
* 截图控件
|
|
@@ -1236,8 +1243,8 @@ declare class Content extends EventEmitter {
|
|
|
1236
1243
|
* @param {number} originHeight 画面高度
|
|
1237
1244
|
* @returns {void}
|
|
1238
1245
|
*/
|
|
1239
|
-
rerender
|
|
1240
|
-
setScaleMode(scaleMode?: ThemeOptions
|
|
1246
|
+
private rerender;
|
|
1247
|
+
setScaleMode(scaleMode?: ThemeOptions['scaleMode']): void;
|
|
1241
1248
|
destroy(): void;
|
|
1242
1249
|
}
|
|
1243
1250
|
|
|
@@ -1422,17 +1429,18 @@ declare class Theme extends EventEmitter {
|
|
|
1422
1429
|
readonly recordingChange: "recordingChange";
|
|
1423
1430
|
readonly talkingChange: "talkingChange";
|
|
1424
1431
|
readonly talkVolumeChange: "talkVolumeChange";
|
|
1425
|
-
readonly
|
|
1426
|
-
readonly
|
|
1427
|
-
readonly ptzSpeedChange: "ptzSpeedChange"; /**
|
|
1432
|
+
readonly broadcastChange: "broadcastChange";
|
|
1433
|
+
readonly setLoggerOptions: "setLoggerOptions"; /**
|
|
1428
1434
|
* 更多控件（footer more）
|
|
1429
1435
|
* @since 0.0.1
|
|
1430
1436
|
* @private
|
|
1431
1437
|
*/
|
|
1438
|
+
readonly records: "records";
|
|
1439
|
+
readonly ptzSpeedChange: "ptzSpeedChange";
|
|
1432
1440
|
readonly setVideoLevelList: "setVideoLevelList";
|
|
1433
1441
|
readonly currentVideoLevel: "currentVideoLevel";
|
|
1434
1442
|
readonly currentVideoLevelAuto: "currentVideoLevelAuto";
|
|
1435
|
-
readonly setAllDayRecTimes: "setAllDayRecTimes";
|
|
1443
|
+
readonly setAllDayRecTimes: "setAllDayRecTimes";
|
|
1436
1444
|
readonly getOSDTime: "getOSDTime";
|
|
1437
1445
|
readonly control: {
|
|
1438
1446
|
readonly play: "Control.play";
|
|
@@ -1447,8 +1455,9 @@ declare class Theme extends EventEmitter {
|
|
|
1447
1455
|
readonly headerMoreShowControlsChange: "Control.headerMoreShowControlsChange";
|
|
1448
1456
|
readonly headerMorePanelOpenChange: "Control.headerMorePanelOpenChange";
|
|
1449
1457
|
readonly footerMoreShowControlsChange: "Control.footerMoreShowControlsChange";
|
|
1458
|
+
/** 电子放大倍数 @private */
|
|
1450
1459
|
readonly footerMorePanelOpenChange: "Control.footerMorePanelOpenChange";
|
|
1451
|
-
readonly deviceDestroy: "Control.deviceDestroy";
|
|
1460
|
+
readonly deviceDestroy: "Control.deviceDestroy";
|
|
1452
1461
|
readonly recTypeChange: "Control.recTypeChange";
|
|
1453
1462
|
readonly recDestroy: "Control.recDestroy";
|
|
1454
1463
|
readonly definitionChange: "Control.definitionChange";
|
|
@@ -1467,6 +1476,8 @@ declare class Theme extends EventEmitter {
|
|
|
1467
1476
|
readonly talkingChange: "Control.talkingChange";
|
|
1468
1477
|
readonly talkError: "Control.talkError";
|
|
1469
1478
|
readonly talkDestroy: "Control.talkDestroy";
|
|
1479
|
+
readonly broadcastChange: "Control.broadcastChange";
|
|
1480
|
+
readonly broadcastDestroy: "Control.broadcastDestroy";
|
|
1470
1481
|
readonly zoomChange: "Control.zoomChange";
|
|
1471
1482
|
readonly zoomPanelOpenChange: "Control.zoomPanelOpenChange";
|
|
1472
1483
|
readonly zoomDestroy: "Control.zoomDestroy";
|
|
@@ -1687,12 +1698,13 @@ declare class Theme extends EventEmitter {
|
|
|
1687
1698
|
BTN_RECORDVIDEO: string;
|
|
1688
1699
|
BTN_CAPTURE: string;
|
|
1689
1700
|
BTN_TALK: string;
|
|
1701
|
+
BTN_BROADCAST: string;
|
|
1690
1702
|
BTN_ZOOM: string;
|
|
1691
1703
|
BTN_3D_ZOOM: string;
|
|
1692
1704
|
BTN_PTZ: string;
|
|
1693
1705
|
BTN_GLOBAL_FULLSCREEN: string;
|
|
1694
1706
|
BTN_EXIT_GLOBAL_FULLSCREEN: string;
|
|
1695
|
-
BTN_FULLSCREEN: string;
|
|
1707
|
+
BTN_FULLSCREEN: string;
|
|
1696
1708
|
BTN_EXIR_FULLSCREEN: string;
|
|
1697
1709
|
BTN_HD: string;
|
|
1698
1710
|
BTN_SPEED: string;
|
|
@@ -1714,7 +1726,7 @@ declare class Theme extends EventEmitter {
|
|
|
1714
1726
|
OPEN_SOUND: string;
|
|
1715
1727
|
CLOSE_SOUND: string;
|
|
1716
1728
|
SOUND_OPENED: string;
|
|
1717
|
-
ZOOM: string;
|
|
1729
|
+
ZOOM: string; /** 当前容器的全屏状态 true: 全屏， false: 非全屏 */
|
|
1718
1730
|
START_ZOOM: string;
|
|
1719
1731
|
CLOSE_ZOOM: string;
|
|
1720
1732
|
ZOOM_ADD: string;
|
|
@@ -1723,7 +1735,7 @@ declare class Theme extends EventEmitter {
|
|
|
1723
1735
|
ZOOM_SUB_MIN: string;
|
|
1724
1736
|
ZOOM_LIMIT_MAX: string;
|
|
1725
1737
|
ZOOM_LIMIT_MIN: string;
|
|
1726
|
-
ZOOM_NOT_ENABLED: string;
|
|
1738
|
+
ZOOM_NOT_ENABLED: string; /** 音量 */
|
|
1727
1739
|
'3D_ZOOM': string;
|
|
1728
1740
|
'3D_ZOOM_DISABLE': string;
|
|
1729
1741
|
'3D_ZOOM_FAILED': string;
|
|
@@ -1734,7 +1746,6 @@ declare class Theme extends EventEmitter {
|
|
|
1734
1746
|
'3D_ZOOM_NOT_ACTIVED': string;
|
|
1735
1747
|
'3D_ZOOM_CLOSED': string;
|
|
1736
1748
|
CHANGE_ZOOM_TYPE: string;
|
|
1737
|
-
/** 自定清晰度 @private */
|
|
1738
1749
|
FULLSCREEN: string;
|
|
1739
1750
|
FULLSCREEN_EXIT: string;
|
|
1740
1751
|
GET_WEB_FULLSCREEN_STATUS: string;
|
|
@@ -1742,7 +1753,17 @@ declare class Theme extends EventEmitter {
|
|
|
1742
1753
|
WEB_FULLSCREEN_EXIT: string;
|
|
1743
1754
|
DESTROY: string;
|
|
1744
1755
|
GET_CAPACITY: string;
|
|
1745
|
-
GET_PTZ_STATUS: string;
|
|
1756
|
+
GET_PTZ_STATUS: string; /**
|
|
1757
|
+
// * 记录回放的月份
|
|
1758
|
+
// *
|
|
1759
|
+
// * key: {序列号}_{通道号}_{rec | cloud | cloudRecord} 比如：BC7799091_1_rec BC7799091_1_cloud BC7799091_1_cloudRecord
|
|
1760
|
+
// *
|
|
1761
|
+
// * value: 月份列表 比如 ["2025-12-01", "2025-12-02"]
|
|
1762
|
+
// * @private
|
|
1763
|
+
// */
|
|
1764
|
+
/**
|
|
1765
|
+
* 录像回放的月份列表 @private
|
|
1766
|
+
*/
|
|
1746
1767
|
GET_PTZ_STATUS_FAILED: string;
|
|
1747
1768
|
MOBILE_HIDE_PTZ: string;
|
|
1748
1769
|
OPTION_PTZ_FAILED: string;
|
|
@@ -1938,7 +1959,9 @@ declare class Theme extends EventEmitter {
|
|
|
1938
1959
|
CALL_END: string;
|
|
1939
1960
|
USER_DO_NOT_OWN_DEVICE: string;
|
|
1940
1961
|
NO_CLOUD_RECORD: string;
|
|
1941
|
-
CHANGE_VIDEO_LEVEL: string;
|
|
1962
|
+
CHANGE_VIDEO_LEVEL: string; /**
|
|
1963
|
+
* 音量值
|
|
1964
|
+
*/
|
|
1942
1965
|
CHANGE_VIDEO_LEVEL_FAIL: string;
|
|
1943
1966
|
GET_VIDEO_LEVEL_LIST: string;
|
|
1944
1967
|
PLEASE_INPUT_RIGHT_VIDEO_LEVEL: string;
|
|
@@ -1957,8 +1980,12 @@ declare class Theme extends EventEmitter {
|
|
|
1957
1980
|
BTN_VOLUME: string;
|
|
1958
1981
|
BTN_MUTED: string;
|
|
1959
1982
|
BTN_RECORDVIDEO: string;
|
|
1960
|
-
BTN_CAPTURE: string;
|
|
1983
|
+
BTN_CAPTURE: string; /**
|
|
1984
|
+
* 静音
|
|
1985
|
+
*
|
|
1986
|
+
*/
|
|
1961
1987
|
BTN_TALK: string;
|
|
1988
|
+
BTN_BROADCAST: string;
|
|
1962
1989
|
BTN_ZOOM: string;
|
|
1963
1990
|
BTN_3D_ZOOM: string;
|
|
1964
1991
|
BTN_PTZ: string;
|
|
@@ -2033,9 +2060,7 @@ declare class Theme extends EventEmitter {
|
|
|
2033
2060
|
CHANGE_FEC_TYPE: string;
|
|
2034
2061
|
DEVICE_NOT_SUPPORT: string;
|
|
2035
2062
|
TYPE_NOT_SUPPORT: string;
|
|
2036
|
-
FEC_SUPPORT_VERSION: string;
|
|
2037
|
-
* 云台开启中
|
|
2038
|
-
*/
|
|
2063
|
+
FEC_SUPPORT_VERSION: string;
|
|
2039
2064
|
NO_CANVAS_ID: string;
|
|
2040
2065
|
SET_FEC_PARAMS: string;
|
|
2041
2066
|
GET_FEC_PARAMS: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ezuikit/player-theme",
|
|
3
|
-
"version": "2.1.0-beta.
|
|
3
|
+
"version": "2.1.0-beta.12",
|
|
4
4
|
"description": "player theme",
|
|
5
5
|
"title": "theme",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -27,7 +27,7 @@
|
|
|
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.
|
|
30
|
+
"@ezuikit/utils-tools": "2.0.3",
|
|
31
31
|
"@ezuikit/control-date-picker": "1.0.5",
|
|
32
32
|
"@ezuikit/control-time-line": "1.0.7",
|
|
33
33
|
"@juggle/resize-observer": "^3.4.0",
|
|
@@ -37,15 +37,6 @@
|
|
|
37
37
|
"eventemitter3": "^5.0.1",
|
|
38
38
|
"screenfull": "5.2.0"
|
|
39
39
|
},
|
|
40
|
-
"devDependencies": {
|
|
41
|
-
"@common/rollup": "workspace:*",
|
|
42
|
-
"@ezuikit/control-ptz": "workspace:*",
|
|
43
|
-
"@ezuikit/control-zoom": "workspace:*"
|
|
44
|
-
},
|
|
45
|
-
"publishConfig": {
|
|
46
|
-
"access": "public",
|
|
47
|
-
"registry": "https://registry.npmjs.org/"
|
|
48
|
-
},
|
|
49
40
|
"repository": {
|
|
50
41
|
"type": "git",
|
|
51
42
|
"url": "git+https://github.com/Ezviz-OpenBiz/EZUIKit-player-theme.git"
|