@ezuikit/player-theme 1.0.0 → 1.0.1-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +159 -30
- package/dist/index.mjs +160 -28
- package/dist/index.umd.js +2371 -1731
- package/dist/style.css +3 -3
- package/dist/style.js +2 -2
- package/dist/types/index.d.ts +76 -71
- package/package.json +7 -9
package/dist/style.css
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
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
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
|
-
.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}
|
|
4
|
+
.ezplayer-content{align-items:center;justify-content:center}.ezplayer-content,.ezplayer-content-wrapper{box-sizing:border-box;display:flex;flex:1 1 auto;height:100%;margin:0;outline:none;overflow:hidden;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:0}.ezplayer-content-wrapper{background-color:#000}.ezplayer-content-video{align-items:center;box-sizing:border-box;display:flex;flex:1 1 auto;height:100%;justify-content:center;margin:0;outline:none;padding:0;width:100%}
|
|
5
5
|
.ezplayer-mobile-extend{background-color:#639;background-color:var(--ezplayer-mobile-extend-bg-color,#f5f7fa);color:var(--ezplayer-mobile-extend-default-color,#2c2c2c);display:flex;flex-direction:column}.ezplayer-mobile-extend-controls{background-color:#639;display:flex;height:66px;justify-content:space-around}.ezplayer-mobile-extend-controls .ezplayer-control{width:75px}.ezplayer-mobile-extend-control-panel{align-items:center;display:flex;flex-direction:column;min-height:390px}.ezplayer-mobile-extend-control-top{align-items:center;display:flex;height:36px;justify-content:space-between;padding-top:10px}.ezplayer-mobile-extend-control-top-left{display:inline-flex;padding-left:15px}.ezplayer-mobile-extend-control-top-right{display:inline-flex;justify-content:flex-end;padding-right:15px}.ezplayer-mobile-extend-control-content{display:flex;flex:1 1 auto;flex-direction:column;width:100%}
|
|
6
6
|
.ezplayer-rec-footer{background-color:#000;box-sizing:border-box;display:block;height:36px;position:relative}.ezplayer-rec-footer-has-date-picker{padding-right:56px}.ezplayer-rec-footer-time-line{height:36px;overflow:hidden;width:100%}.ezplayer-rec-footer-date-picker{align-items:center;display:flex;height:36px;justify-content:flex-end;padding-right:20px;position:absolute;right:0;top:0;width:56px}.ezplayer-rec-footer-date-picker .ezplayer-icon-date{font-size:20px;margin-top:-5px}
|
|
7
|
-
.epicker-body-noscroll{overflow:hidden;touch-action:none}.epicker{box-shadow:0 9px 28px 8px #0000000d;
|
|
8
|
-
.drag-scroll{box-sizing:border-box;margin:0;padding:0}.drag-scroll-container{cursor:grab;height:450px;overflow:hidden;position:relative;-webkit-tap-highlight-color:transparent}.drag-scroll-container,.drag-scroll-content{box-sizing:border-box;display:flex;flex-direction:column;margin:0;padding:0;width:100%}.drag-scroll-content{gap:18px;height:auto;transform:translateZ(0);will-change:transform}.drag-scroll-scrollbar{background-color:#0000001a;border-radius:3px;bottom:0;box-sizing:border-box;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s;width:6px}.drag-scroll-scrollbar.drag-scroll-show{opacity:1}.drag-scroll-scrollbar-thumb{background:linear-gradient(180deg,#4a90e2,#357abd);border-radius:3px;box-sizing:border-box;position:absolute;transition:height .2s;width:100%}.epicker-body-noscroll{overflow:hidden;touch-action:none}.epicker{box-shadow:0 9px 28px 8px #0000000d;
|
|
7
|
+
.epicker-body-noscroll{overflow:hidden;touch-action:none}.epicker{box-shadow:0 9px 28px 8px #0000000d;display:none;margin:0;opacity:0;padding:0;position:absolute;transition:opacity .3s ease;vertical-align:top;z-index:1000}.epicker,.epicker-body{box-sizing:border-box;flex-direction:column}.epicker-body{display:flex}.epicker.epicker-mobile .epicker-mask{background-color:#0000004d;bottom:0;box-sizing:border-box;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:9998}.epicker.epicker-mobile .epicker-body{align-items:center;bottom:0;left:0;position:fixed;right:0;z-index:9999}
|
|
8
|
+
.drag-scroll{box-sizing:border-box;margin:0;padding:0}.drag-scroll-container{cursor:grab;height:450px;overflow:hidden;position:relative;-webkit-tap-highlight-color:transparent}.drag-scroll-container,.drag-scroll-content{box-sizing:border-box;display:flex;flex-direction:column;margin:0;padding:0;width:100%}.drag-scroll-content{gap:18px;height:auto;transform:translateZ(0);will-change:transform}.drag-scroll-scrollbar{background-color:#0000001a;border-radius:3px;bottom:0;box-sizing:border-box;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s;width:6px}.drag-scroll-scrollbar.drag-scroll-show{opacity:1}.drag-scroll-scrollbar-thumb{background:linear-gradient(180deg,#4a90e2,#357abd);border-radius:3px;box-sizing:border-box;position:absolute;transition:height .2s;width:100%}.epicker-body-noscroll{overflow:hidden;touch-action:none}.epicker{box-shadow:0 9px 28px 8px #0000000d;display:none;margin:0;opacity:0;padding:0;position:absolute;transition:opacity .3s ease;vertical-align:top;z-index:1000}.epicker,.epicker-body{box-sizing:border-box;flex-direction:column}.epicker-body{display:flex}.epicker.epicker-mobile .epicker-mask{background-color:#0000004d;bottom:0;box-sizing:border-box;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:9998}.epicker.epicker-mobile .epicker-body{align-items:center;bottom:0;left:0;position:fixed;right:0;z-index:9999}.ez-time-line-container{box-sizing:border-box;display:block;height:300px;min-width:190px;overflow:hidden;padding-right:29%;position:relative;white-space:nowrap;width:52%}.ez-time-line-time-scale-area{border-bottom:none;border-right:12px solid #bdcdff;border-top:none;box-sizing:border-box;color:#666;font-size:12px;height:60px;margin:0;padding:0;position:relative}.ez-time-line-time-label{height:14px;left:45%;line-height:14px;position:relative;top:53px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ez-time-line-time-unavail{background-color:#ddd;box-sizing:border-box;left:100%;position:absolute;width:12px}.ez-time-line-current{box-sizing:border-box;height:29px;min-width:80px;padding-left:2.66666%;position:absolute;top:40px;width:23%;z-index:1}.ez-time-line-current-content{height:58px;position:relative;width:100%}.ez-time-line-current-tip{align-items:center;display:inline-flex;font-size:58px;position:absolute;width:58px;z-index:1}.ez-time-line-current-tip-line{background-color:#648ffc;border-radius:1px;height:1.5px;position:absolute;top:50%;transform:translateY(-50%);width:102%}.ez-time-line-current-value{color:#fff;font-size:12px;height:58px;line-height:58px;pointer-events:none;position:absolute;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:52px;z-index:1}.ez-time-line-time-cover-fold{align-items:flex-end;color:#fff;display:inline-flex;height:60px;position:absolute;right:-90px;transform:translate(22px);width:90px}.ez-time-line-time-cover-fold-img{border-radius:6px;height:50px;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:90px}.ez-time-line-time-cover-fold-img img{height:50px;-o-object-fit:cover;object-fit:cover;width:90px}.ez-time-line-time-cover-fold-img:before{background-color:rgba(0,0,0,.3);content:"";height:50px;left:0;position:absolute;top:0;width:90px;z-index:1}.ez-time-line-time-cover-fold-len{font-size:12px;font-size:11px;left:2px;position:absolute;top:2px;z-index:2}.ez-time-line-time-cover-fold-time{font-size:12px;font-size:11px;position:absolute;right:2px;top:2px;z-index:2}.ez-time-line-time-cover-fold-pause{bottom:2px;color:#fff;display:inline-flex;font-size:20px;position:absolute;right:0;z-index:2}.ez-time-line-cover-fold-placeholder{display:flex;height:60px;justify-content:center;position:absolute;width:90px}.ez-time-line-cover-fold-placeholder:after,.ez-time-line-cover-fold-placeholder:before{border-radius:6px;content:"";position:absolute}.ez-time-line-cover-fold-placeholder:before{background-color:#ededed;height:30px;top:0;width:70px}.ez-time-line-cover-fold-placeholder:after{background-color:#ccc;height:40px;top:5px;width:80px}.ez-time-line-item-cover-placeholder{align-items:center;background:linear-gradient(180deg,#b7c3cf,#d4d1d1 100%);color:#fff;display:flex;font-size:20px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.ez-time-line-op{position:absolute;right:10%;top:50%;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ez-time-line-op-wrapper{display:inline-flex;flex-direction:column}.ez-time-line-icon-plus{margin-bottom:40px}.ez-time-line-icon-minus:not(.ez-time-line-disabled),.ez-time-line-icon-plus:not(.ez-time-line-disabled){align-items:center;border:1px solid #999;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:16px;height:30px;justify-content:center;padding:7px;transition:color .3s ease,border-color .3s ease;width:30px}.ez-time-line-icon-minus:not(.ez-time-line-disabled):active,.ez-time-line-icon-plus:not(.ez-time-line-disabled):active{border-color:#369fff;color:#369fff}.ez-time-line-disabled{border-color:#dedede!important;cursor:not-allowed!important}.ez-time-line-picker.epicker.epicker-mobile .epicker-body{align-items:normal;background-color:#fff;height:550px;max-height:70%}.ez-time-line-picker-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.ez-time-line-picker-header{color:#2c2c2c;display:flex;font-size:18px;font-weight:500;height:65px;letter-spacing:0;line-height:45px;padding:10px 70px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ez-time-line-picker-close,.ez-time-line-picker-header{align-items:center;box-sizing:border-box;justify-content:center}.ez-time-line-picker-close{color:#20262c;cursor:pointer;display:inline-flex;font-size:24px;height:24px;left:15px;position:absolute;top:20px;transition:color .3s ease;width:24px}.ez-time-line-picker-close:active{color:#f05757}.ez-time-line-picker-content{box-sizing:border-box;flex:1 1 auto;overflow-x:hidden;overflow-y:auto}.ez-time-line-picker-item{margin-bottom:20px;padding-left:10px;padding-right:10px}.ez-time-line-picker-item-title{color:#666;font-size:14px;font-weight:400;letter-spacing:0;line-height:20px;margin-bottom:10px;padding-left:1.5%}.ez-time-line-picker-item-list{display:flex;flex-wrap:wrap}.ez-time-line-picker-item-content{background-color:#ddd;border-radius:8px;display:flex;margin:0 1.5% 10px;overflow:hidden;padding-top:18.769%;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:30.333%}.ez-time-line-picker-item-content:before{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.ez-time-line-picker-item-time{left:5px}.ez-time-line-picker-item-duration,.ez-time-line-picker-item-time{color:#fff;font-size:12px;font-size:11px;font-weight:400;letter-spacing:0;line-height:13px;position:absolute;top:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}.ez-time-line-picker-item-duration{right:5px}.ez-time-line-picker-item-cover{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:0}.ez-time-line-picker .ez-time-line-item-cover-placeholder{font-size:30px;z-index:1}
|
|
9
9
|
.ezplayer .ezplayer-progress{align-items:center;background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-radius:var(--ezplayer-border-radius,8px);box-sizing:border-box;cursor:default;display:flex;flex-direction:column;justify-content:center;padding:36px 9px 11px;position:relative;width:38px}.ezplayer .ezplayer-progress,.ezplayer .ezplayer-progress-text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ezplayer .ezplayer-progress-text{font-size:12px;height:17px;left:0;line-height:17px;position:absolute;text-align:center;top:10px;width:100%}.ezplayer .ezplayer-progress-minus,.ezplayer .ezplayer-progress-plus{display:flex;height:25px;justify-content:center}.ezplayer .ezplayer-progress-minus .ezplayer-icon,.ezplayer .ezplayer-progress-plus .ezplayer-icon{color:#fff;cursor:pointer;display:inline-block;font-size:20px;height:20px;text-align:center;transition:color .3s ease,border-color .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:20px}.ezplayer .ezplayer-progress-minus .ezplayer-icon:active,.ezplayer .ezplayer-progress-plus .ezplayer-icon:active{color:var(--ezplayer-primary-color,#407aff)}@media (hover:hover){.ezplayer .ezplayer-progress-minus .ezplayer-icon:hover,.ezplayer .ezplayer-progress-plus .ezplayer-icon:hover{color:var(--ezplayer-primary-color,#407aff)}}.ezplayer .ezplayer-progress-plus{padding-bottom:5px}.ezplayer .ezplayer-progress-minus{padding-top:5px}.ezplayer .ezplayer-progress-slider{background-color:hsla(0,0%,100%,.75);border-radius:2px;cursor:pointer;flex:1 1 auto;position:relative;width:4px}.ezplayer .ezplayer-progress-slider-fill{background-color:var(--ezplayer-primary-color,#407aff);border-radius:4px;bottom:0;height:0;left:0;position:absolute;width:100%}.ezplayer .ezplayer-progress-slider-handle{align-items:center;background-color:var(--ezplayer-primary-color,#407aff);border-radius:50%;cursor:pointer;display:inline-flex;height:12px;justify-content:center;left:50%;position:absolute;top:0;transform:translate(-50%,-50%);width:12px}.ezplayer .ezplayer-progress-slider-handle:hover{box-shadow:0 0 2px var(--ezplayer-primary-color,#407aff)}.ezplayer .ezplayer-progress-slider-handle:before{background-color:#fff;border-radius:50%;content:"";display:inline;height:6px;width:6px}
|
|
10
10
|
.ezplayer-icon{align-items:center;color:inherit;display:inline-flex;font-size:var(--ezplayer-icon-font-size,24px);font-style:normal;line-height:0;text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
|
|
11
11
|
.ezplayer-select-panel{background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-radius:var(--ezplayer-border-radius,8px);color:var(--ezplayer-default-color,#fff);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;position:relative}.ezplayer-select-btn{width:50px}.ezplayer-select-btn span{display:inline-block;font-size:12px;font-size:calc(var(--ezplayer-font-size, 14px) - 2px);line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ezplayer-select-list{align-items:center;display:flex;flex-direction:column;font-size:var(--ezplayer-font-size,14px);list-style:none;margin:0;padding:12px 0!important;width:100%}.ezplayer-select-option{box-sizing:border-box;cursor:pointer;display:inline-flex;height:28px;justify-content:center;line-height:18px;list-style:none;padding:5px 20px!important;transition:color .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.ezplayer-select-option span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ezplayer-select-option:hover{color:var(--ezplayer-active-color)}.ezplayer-select-cancel,.ezplayer-select-close{display:none}.ezplayer-select-cancel{font-size:var(--ezplayer-font-size,14px)}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-panel{background-color:transparent;max-width:400px;padding-bottom:calc(54px + env(safe-area-inset-bottom));width:90%}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-list{align-items:center;background-color:#fff;border-radius:var(--ezplayer-border-radius,8px);display:flex;flex-direction:column;font-size:var(--ezplayer-font-size,14px);max-height:70vh;max-height:calc(90vh - 108px);overflow-x:hidden;overflow-y:auto;padding:20px 0!important}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-cancel,.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-option{align-items:center;box-sizing:border-box;color:#2c2c2c;display:inline-flex;height:36px;justify-content:center;line-height:26px;padding:5px 20px!important}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-option{--webkit-tap-highlight-color:transparent!important}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-option:hover{color:#2c2c2c}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-option:active{background-color:#f8f8f8}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-cancel{background-color:#fff;border-radius:var(--ezplayer-border-radius,8px);display:flex;height:54px;margin-top:8px}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-cancel:active{color:var(--ezplayer-active-color)}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .epicker-body{bottom:0;left:unset;right:0;top:0;width:240px}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-panel{align-items:center;background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-bottom-right-radius:0;border-top-right-radius:0;height:100%;justify-content:center;padding-bottom:env(safe-area-inset-bottom);width:100%}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-list{background-color:transparent;border-radius:0;color:#fff;height:auto;margin:0;max-height:100%;width:100%}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-option,.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-option:hover{color:#fff}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-option:active{background-color:transparent;color:var(--ezplayer-active-color)}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-cancel{display:none}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-close{display:inline-flex;left:10px;position:absolute;top:10px}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-close:active{color:var(--ezplayer-active-color)}
|
package/dist/style.js
CHANGED
package/dist/types/index.d.ts
CHANGED
|
@@ -4,8 +4,18 @@ 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';
|
|
7
8
|
import { TimeLineTimeSection } from '@ezuikit/control-time-line';
|
|
8
9
|
|
|
10
|
+
/** 填充模式 */
|
|
11
|
+
declare const THEME_SCALE_MODE_TYPE: {
|
|
12
|
+
/** 画面完全填充canvas区域,画面会被拉伸 */
|
|
13
|
+
readonly full: 0;
|
|
14
|
+
/** 画面做等比缩放后,高或宽对齐canvas区域,画面不被拉伸,但有黑边 */
|
|
15
|
+
readonly auto: 1;
|
|
16
|
+
/** 视频画面做等比缩放后,完全填充canvas区域,画面不被拉伸,没有黑边,但画面显示不全 */
|
|
17
|
+
readonly fullAuto: 2;
|
|
18
|
+
};
|
|
9
19
|
declare const THEME_PROPS: readonly ["width", "height", "playing", "volume", "muted", "loading", "recType", "isCurrentFullscreen", "orientationAngle", "zooming", "zoom", "recording", "recordList", "speed", "urlInfo", "videoLevelList", "videoLevel"];
|
|
10
20
|
|
|
11
21
|
/**
|
|
@@ -987,10 +997,12 @@ declare class Pause extends Control {
|
|
|
987
997
|
}
|
|
988
998
|
|
|
989
999
|
/**
|
|
990
|
-
*
|
|
1000
|
+
* 内容区域配置项
|
|
991
1001
|
*/
|
|
992
1002
|
interface ContentOptions {
|
|
1003
|
+
/** 获取容器 */
|
|
993
1004
|
getContainer: () => HTMLElement;
|
|
1005
|
+
scaleMode: ThemeOptions$1['scaleMode'];
|
|
994
1006
|
}
|
|
995
1007
|
/**
|
|
996
1008
|
* 截图控件
|
|
@@ -1003,8 +1015,22 @@ declare class Content extends EventEmitter {
|
|
|
1003
1015
|
$wrapper: HTMLDivElement;
|
|
1004
1016
|
/** 渲染区域 */
|
|
1005
1017
|
$content: HTMLDivElement;
|
|
1018
|
+
/** 渲染区域 */
|
|
1019
|
+
$video: HTMLDivElement;
|
|
1020
|
+
/** 配置项 */
|
|
1006
1021
|
options: ContentOptions;
|
|
1022
|
+
private _scaleMode?;
|
|
1023
|
+
private _originWidth;
|
|
1024
|
+
private _originHeight;
|
|
1007
1025
|
constructor(options: ContentOptions);
|
|
1026
|
+
/**
|
|
1027
|
+
* 重新画面区域
|
|
1028
|
+
* @param {number} originWidth 画面宽度
|
|
1029
|
+
* @param {number} originHeight 画面高度
|
|
1030
|
+
* @returns {void}
|
|
1031
|
+
*/
|
|
1032
|
+
private _rerender;
|
|
1033
|
+
setScaleMode(scaleMode?: ThemeOptions$1['scaleMode']): void;
|
|
1008
1034
|
destroy(): void;
|
|
1009
1035
|
}
|
|
1010
1036
|
|
|
@@ -1168,7 +1194,7 @@ declare class Theme extends EventEmitter {
|
|
|
1168
1194
|
readonly zoomChange: "zoomChange";
|
|
1169
1195
|
readonly zoomingChange: "zoomingChange";
|
|
1170
1196
|
readonly zoomTranslateChange: "zoomTranslateChange";
|
|
1171
|
-
readonly audioInfo: "audioInfo";
|
|
1197
|
+
readonly audioInfo: "audioInfo"; /** 事件名称 @since 0.0.1 */
|
|
1172
1198
|
readonly videoInfo: "videoInfo";
|
|
1173
1199
|
readonly firstFrameDisplay: "firstFrameDisplay";
|
|
1174
1200
|
readonly fullscreen: "fullscreen";
|
|
@@ -1205,7 +1231,7 @@ declare class Theme extends EventEmitter {
|
|
|
1205
1231
|
readonly headerMoreShowControlsChange: "Control.headerMoreShowControlsChange";
|
|
1206
1232
|
readonly headerMorePanelOpenChange: "Control.headerMorePanelOpenChange";
|
|
1207
1233
|
readonly footerMoreShowControlsChange: "Control.footerMoreShowControlsChange";
|
|
1208
|
-
readonly footerMorePanelOpenChange: "Control.footerMorePanelOpenChange";
|
|
1234
|
+
readonly footerMorePanelOpenChange: "Control.footerMorePanelOpenChange"; /** 电子放大倍数 @private */
|
|
1209
1235
|
readonly deviceDestroy: "Control.deviceDestroy";
|
|
1210
1236
|
readonly recTypeChange: "Control.recTypeChange";
|
|
1211
1237
|
readonly recDestroy: "Control.recDestroy";
|
|
@@ -1216,7 +1242,7 @@ declare class Theme extends EventEmitter {
|
|
|
1216
1242
|
readonly speedChange: "Control.speedChange";
|
|
1217
1243
|
readonly speedPanelOpenChange: "Control.speedPanelOpenChange";
|
|
1218
1244
|
readonly speedDestroy: "Control.speedDestroy";
|
|
1219
|
-
readonly ptzPanelOpenChange: "Control.ptzPanelOpenChange";
|
|
1245
|
+
readonly ptzPanelOpenChange: "Control.ptzPanelOpenChange";
|
|
1220
1246
|
readonly ptzSpeedChange: "Control.ptzSpeedChange";
|
|
1221
1247
|
readonly ptzError: "Control.ptzError";
|
|
1222
1248
|
readonly ptzDestroy: "Control.ptzDestroy";
|
|
@@ -1344,7 +1370,6 @@ declare class Theme extends EventEmitter {
|
|
|
1344
1370
|
396517: string;
|
|
1345
1371
|
396518: string;
|
|
1346
1372
|
396519: string;
|
|
1347
|
-
/** 移动端竖屏, 全屏情况下不展示扩张，放置在 footer 中 */
|
|
1348
1373
|
396520: string;
|
|
1349
1374
|
396700: string;
|
|
1350
1375
|
396701: string;
|
|
@@ -1383,17 +1408,16 @@ declare class Theme extends EventEmitter {
|
|
|
1383
1408
|
3860020: string;
|
|
1384
1409
|
BTN_RETRY: string;
|
|
1385
1410
|
BTN_RELOAD: string;
|
|
1386
|
-
/** 所有私有流的模板 @since 0.0.1 */
|
|
1387
1411
|
LOADING: string;
|
|
1388
1412
|
TIMEFORMAT_ERROR: string;
|
|
1389
1413
|
USE_MULTITHREADING_WARING: string;
|
|
1390
1414
|
OPEN_INSTRUCTIONS: string;
|
|
1391
1415
|
INIT_FINSHED: string;
|
|
1392
1416
|
INIT_SUCCESS: string;
|
|
1393
|
-
GET_PLAYURL_FAILED: string;
|
|
1417
|
+
GET_PLAYURL_FAILED: string;
|
|
1394
1418
|
VIDEO_LOADING: string;
|
|
1395
1419
|
DISCONNECT: string;
|
|
1396
|
-
DEVICE_ENCRYPTED: string;
|
|
1420
|
+
DEVICE_ENCRYPTED: string;
|
|
1397
1421
|
NO_RECORD: string;
|
|
1398
1422
|
PLAY_FAILED: string;
|
|
1399
1423
|
PLAY_SUCCESS: string;
|
|
@@ -1425,11 +1449,7 @@ declare class Theme extends EventEmitter {
|
|
|
1425
1449
|
PLEASE_INPUT_RIGHT_VIDEO_LEVEL: string;
|
|
1426
1450
|
VIDEO_LEVEL_NOT_SUPPORT: string;
|
|
1427
1451
|
VIDEO_LEVEL_AUTO: string;
|
|
1428
|
-
VIDEO_LEVEL_FLUENT: string;
|
|
1429
|
-
* 更多控件（footer more）
|
|
1430
|
-
* @since 0.0.1
|
|
1431
|
-
* @private
|
|
1432
|
-
*/
|
|
1452
|
+
VIDEO_LEVEL_FLUENT: string;
|
|
1433
1453
|
VIDEO_LEVEL_STANDARD: string;
|
|
1434
1454
|
VIDEO_LEVEL_HEIGH: string;
|
|
1435
1455
|
VIDEO_LEVEL_SUPER: string;
|
|
@@ -1440,18 +1460,20 @@ declare class Theme extends EventEmitter {
|
|
|
1440
1460
|
BTN_PLAY: string;
|
|
1441
1461
|
BTN_PAUSE: string;
|
|
1442
1462
|
BTN_VOLUME: string;
|
|
1443
|
-
/** 回放底部时间轴 @since 0.0.1 @private */
|
|
1444
1463
|
BTN_MUTED: string;
|
|
1445
1464
|
BTN_RECORDVIDEO: string;
|
|
1446
1465
|
BTN_CAPTURE: string;
|
|
1447
1466
|
BTN_TALK: string;
|
|
1448
1467
|
BTN_ZOOM: string;
|
|
1449
1468
|
BTN_3D_ZOOM: string;
|
|
1450
|
-
BTN_PTZ: string;
|
|
1469
|
+
BTN_PTZ: string; /**
|
|
1470
|
+
* 移动端扩展容器, 扩展的控件渲染在指定容器以外， 仅只用端适用， 为了可以放置大的控件和方便开发接入
|
|
1471
|
+
* @private
|
|
1472
|
+
*/
|
|
1451
1473
|
BTN_GLOBAL_FULLSCREEN: string;
|
|
1452
1474
|
BTN_EXIT_GLOBAL_FULLSCREEN: string;
|
|
1453
1475
|
BTN_FULLSCREEN: string;
|
|
1454
|
-
BTN_EXIR_FULLSCREEN: string;
|
|
1476
|
+
BTN_EXIR_FULLSCREEN: string; /** @since 0.0.1 @private */
|
|
1455
1477
|
BTN_HD: string;
|
|
1456
1478
|
BTN_SPEED: string;
|
|
1457
1479
|
BTN_CLOUDREC: string;
|
|
@@ -1460,7 +1482,6 @@ declare class Theme extends EventEmitter {
|
|
|
1460
1482
|
BTN_CALENDAR: string;
|
|
1461
1483
|
BTN_MORE: string;
|
|
1462
1484
|
DEVICE_NAME: string;
|
|
1463
|
-
/** 清除屏幕旋转 */
|
|
1464
1485
|
DEVICE_ID: string;
|
|
1465
1486
|
CAPTURE_SUCCESS: string;
|
|
1466
1487
|
CAPTURE_FAILED: string;
|
|
@@ -1469,7 +1490,7 @@ declare class Theme extends EventEmitter {
|
|
|
1469
1490
|
STOP_RECORD_SUCCESS: string;
|
|
1470
1491
|
STOP_RECORD_FAILED: string;
|
|
1471
1492
|
RECORD_TIPS: string;
|
|
1472
|
-
RECORDS: string;
|
|
1493
|
+
RECORDS: string;
|
|
1473
1494
|
OPEN_SOUND: string;
|
|
1474
1495
|
CLOSE_SOUND: string;
|
|
1475
1496
|
SOUND_OPENED: string;
|
|
@@ -1477,22 +1498,22 @@ declare class Theme extends EventEmitter {
|
|
|
1477
1498
|
START_ZOOM: string;
|
|
1478
1499
|
CLOSE_ZOOM: string;
|
|
1479
1500
|
ZOOM_ADD: string;
|
|
1480
|
-
ZOOM_SUB: string;
|
|
1501
|
+
ZOOM_SUB: string;
|
|
1481
1502
|
ZOOM_ADD_MAX: string;
|
|
1482
|
-
ZOOM_SUB_MIN: string;
|
|
1503
|
+
ZOOM_SUB_MIN: string;
|
|
1483
1504
|
ZOOM_LIMIT_MAX: string;
|
|
1484
1505
|
ZOOM_LIMIT_MIN: string;
|
|
1485
1506
|
ZOOM_NOT_ENABLED: string;
|
|
1486
1507
|
'3D_ZOOM': string;
|
|
1487
|
-
'3D_ZOOM_DISABLE': string;
|
|
1508
|
+
'3D_ZOOM_DISABLE': string; /** 音量 */
|
|
1488
1509
|
'3D_ZOOM_FAILED': string;
|
|
1489
1510
|
START_3D_ZOOM: string;
|
|
1490
1511
|
CLOSE_3D_ZOOM: string;
|
|
1491
1512
|
DEVICE_NOT_SUPPORT_3D_ZOOM: string;
|
|
1492
1513
|
'3D_ZOOM_ACTIVED': string;
|
|
1493
|
-
'3D_ZOOM_NOT_ACTIVED': string;
|
|
1494
|
-
'3D_ZOOM_CLOSED': string;
|
|
1495
|
-
CHANGE_ZOOM_TYPE: string;
|
|
1514
|
+
'3D_ZOOM_NOT_ACTIVED': string;
|
|
1515
|
+
'3D_ZOOM_CLOSED': string;
|
|
1516
|
+
CHANGE_ZOOM_TYPE: string; /** 倍速 @private */
|
|
1496
1517
|
FULLSCREEN: string;
|
|
1497
1518
|
FULLSCREEN_EXIT: string;
|
|
1498
1519
|
GET_WEB_FULLSCREEN_STATUS: string;
|
|
@@ -1563,40 +1584,6 @@ declare class Theme extends EventEmitter {
|
|
|
1563
1584
|
395503: string;
|
|
1564
1585
|
395504: string;
|
|
1565
1586
|
395505: string;
|
|
1566
|
-
/**
|
|
1567
|
-
* 播放器主题
|
|
1568
|
-
* @class Theme
|
|
1569
|
-
* @category Theme
|
|
1570
|
-
* @remarks
|
|
1571
|
-
* 萤石播放器主题，主要用于播放器的 UI 展示和交互，支持 flv, hls, mp4, ezopen 等流类型。
|
|
1572
|
-
* 提供了丰富的控件和配置选项，支持多语言和自定义样式。
|
|
1573
|
-
*
|
|
1574
|
-
* @example
|
|
1575
|
-
* ```ts
|
|
1576
|
-
* // import css file
|
|
1577
|
-
* import "@ezuikit/player-theme/dist/style.js"
|
|
1578
|
-
* import Theme from '@ezuikit/player-theme';
|
|
1579
|
-
*
|
|
1580
|
-
* // class Player extends Theme {}
|
|
1581
|
-
*
|
|
1582
|
-
* const theme = new Theme({
|
|
1583
|
-
* container: () => document.querySelector('.player'),
|
|
1584
|
-
* type: 'flv',
|
|
1585
|
-
* });
|
|
1586
|
-
* ```
|
|
1587
|
-
*
|
|
1588
|
-
* ```html
|
|
1589
|
-
* <!-- html script, static in `@ezuikit/player-theme/dist` -->
|
|
1590
|
-
* <link rel="stylesheet" href="./assets/@ezuikit/player-theme/dist/style.css" />
|
|
1591
|
-
* <script src="./assets/@ezuikit/player-theme/dist/index.umd.js"></script>
|
|
1592
|
-
* <script>
|
|
1593
|
-
* const theme = new Theme({
|
|
1594
|
-
* container: () => document.querySelector('.player'),
|
|
1595
|
-
* type: 'flv',
|
|
1596
|
-
* });
|
|
1597
|
-
* </script>
|
|
1598
|
-
* ```
|
|
1599
|
-
*/
|
|
1600
1587
|
395506: string;
|
|
1601
1588
|
395507: string;
|
|
1602
1589
|
395530: string;
|
|
@@ -1608,13 +1595,14 @@ declare class Theme extends EventEmitter {
|
|
|
1608
1595
|
395557: string;
|
|
1609
1596
|
395558: string;
|
|
1610
1597
|
395560: string;
|
|
1598
|
+
/** 语言包 @since 0.0.1 */
|
|
1611
1599
|
395561: string;
|
|
1612
1600
|
395562: string;
|
|
1613
1601
|
395563: string;
|
|
1614
1602
|
395564: string;
|
|
1615
1603
|
395566: string;
|
|
1616
1604
|
395567: string;
|
|
1617
|
-
395568: string;
|
|
1605
|
+
395568: string;
|
|
1618
1606
|
395569: string;
|
|
1619
1607
|
395600: string;
|
|
1620
1608
|
395601: string;
|
|
@@ -1635,16 +1623,14 @@ declare class Theme extends EventEmitter {
|
|
|
1635
1623
|
396107: string;
|
|
1636
1624
|
396108: string;
|
|
1637
1625
|
396109: string;
|
|
1638
|
-
396110: string;
|
|
1626
|
+
396110: string; /** 容器的高 */
|
|
1639
1627
|
396501: string;
|
|
1640
1628
|
396502: string;
|
|
1641
1629
|
396503: string;
|
|
1642
1630
|
396504: string;
|
|
1643
|
-
/** 电子放大倍数 @private */
|
|
1644
1631
|
396505: string;
|
|
1645
1632
|
396506: string;
|
|
1646
1633
|
396508: string;
|
|
1647
|
-
/** 自定清晰度 @private */
|
|
1648
1634
|
396509: string;
|
|
1649
1635
|
396510: string;
|
|
1650
1636
|
396511: string;
|
|
@@ -1707,7 +1693,13 @@ declare class Theme extends EventEmitter {
|
|
|
1707
1693
|
NO_RECORD: string;
|
|
1708
1694
|
PLAY_FAILED: string;
|
|
1709
1695
|
PLAY_SUCCESS: string;
|
|
1710
|
-
STOP_SUCCESS: string;
|
|
1696
|
+
STOP_SUCCESS: string; /**
|
|
1697
|
+
* 加载状态
|
|
1698
|
+
* ```ts
|
|
1699
|
+
* // 事件监听
|
|
1700
|
+
* theme.on(Theme.EVENTS.loading, (loading: boolean) => {})
|
|
1701
|
+
* ```
|
|
1702
|
+
*/
|
|
1711
1703
|
CHANGE_PLAYURL_SUCCESS: string;
|
|
1712
1704
|
CHANGE_PLAYURL_FAILED: string;
|
|
1713
1705
|
GET_OSD_TIME: string;
|
|
@@ -1729,10 +1721,7 @@ declare class Theme extends EventEmitter {
|
|
|
1729
1721
|
CALL_END: string;
|
|
1730
1722
|
USER_DO_NOT_OWN_DEVICE: string;
|
|
1731
1723
|
NO_CLOUD_RECORD: string;
|
|
1732
|
-
CHANGE_VIDEO_LEVEL: string;
|
|
1733
|
-
* 静音
|
|
1734
|
-
*
|
|
1735
|
-
*/
|
|
1724
|
+
CHANGE_VIDEO_LEVEL: string;
|
|
1736
1725
|
CHANGE_VIDEO_LEVEL_FAIL: string;
|
|
1737
1726
|
GET_VIDEO_LEVEL_LIST: string;
|
|
1738
1727
|
PLEASE_INPUT_RIGHT_VIDEO_LEVEL: string;
|
|
@@ -1771,6 +1760,16 @@ declare class Theme extends EventEmitter {
|
|
|
1771
1760
|
BTN_MORE: string;
|
|
1772
1761
|
DEVICE_NAME: string;
|
|
1773
1762
|
DEVICE_ID: string;
|
|
1763
|
+
/**
|
|
1764
|
+
* 电子放大倍数， 仅 ezopen 支持
|
|
1765
|
+
* @since 0.0.1
|
|
1766
|
+
* @example
|
|
1767
|
+
* ```ts
|
|
1768
|
+
* theme.zoom // 放大倍数
|
|
1769
|
+
* // 事件监听
|
|
1770
|
+
* theme.on(Theme.EVENTS.zoom, (zoom: number) => {})
|
|
1771
|
+
* ```
|
|
1772
|
+
*/
|
|
1774
1773
|
CAPTURE_SUCCESS: string;
|
|
1775
1774
|
CAPTURE_FAILED: string;
|
|
1776
1775
|
START_RECORD_SUCCESS: string;
|
|
@@ -1820,9 +1819,6 @@ declare class Theme extends EventEmitter {
|
|
|
1820
1819
|
PTZ_SPEED: string;
|
|
1821
1820
|
DEVICE_ZOOM: string;
|
|
1822
1821
|
DEVICE_FOCUS: string;
|
|
1823
|
-
/**
|
|
1824
|
-
* 清晰度自动
|
|
1825
|
-
*/
|
|
1826
1822
|
NOT_SUPPORT_DEVICE_ZOOM: string;
|
|
1827
1823
|
NOT_SUPPORT_FOCUS: string;
|
|
1828
1824
|
MIRROR: string;
|
|
@@ -1952,6 +1948,7 @@ declare class Theme extends EventEmitter {
|
|
|
1952
1948
|
destroyed: boolean;
|
|
1953
1949
|
/** 播放地址信息 */
|
|
1954
1950
|
urlInfo: any | null;
|
|
1951
|
+
scaleMode: ThemeOptions['scaleMode'];
|
|
1955
1952
|
constructor(options: ThemeOptions);
|
|
1956
1953
|
/**
|
|
1957
1954
|
* 容器的宽(单位 px)
|
|
@@ -2208,6 +2205,12 @@ declare class Theme extends EventEmitter {
|
|
|
2208
2205
|
* @param {LoggerOptions} options - 日志配置
|
|
2209
2206
|
*/
|
|
2210
2207
|
setLoggerOptions(options?: LoggerOptions): void;
|
|
2208
|
+
/**
|
|
2209
|
+
* 设置视频画面缩放模式
|
|
2210
|
+
* @since 1.0.1
|
|
2211
|
+
* @param {0 | 1 | 2} scaleMode - 缩放模式， 0: 窗口铺满， 1: 等比缩放大边铺满， 2: 等比缩放小边铺满
|
|
2212
|
+
*/
|
|
2213
|
+
setScaleMode(scaleMode: ThemeOptions['scaleMode']): void;
|
|
2211
2214
|
/**
|
|
2212
2215
|
* 销毁包括事件、控件 ...
|
|
2213
2216
|
*
|
|
@@ -2362,6 +2365,8 @@ interface ThemeOptions {
|
|
|
2362
2365
|
* @since 0.0.1
|
|
2363
2366
|
*/
|
|
2364
2367
|
locales?: Record<string, I18nTranslation>;
|
|
2368
|
+
/** 画面填充模式, 默认 0 */
|
|
2369
|
+
scaleMode: (typeof THEME_SCALE_MODE_TYPE)[keyof typeof THEME_SCALE_MODE_TYPE];
|
|
2365
2370
|
/** 日志配置 @since 0.0.1 */
|
|
2366
2371
|
loggerOptions?: LoggerOptions;
|
|
2367
2372
|
/** 双击全屏, 默认true, 仅 PC 支持 @since 0.0.1 */
|
|
@@ -2538,5 +2543,5 @@ declare class Utils {
|
|
|
2538
2543
|
static resizeObserver(node: Element, callback?: (entries: ResizeObserverEntry[], observer: ResizeObserver) => void): CleanUpResizeObserver;
|
|
2539
2544
|
}
|
|
2540
2545
|
|
|
2541
|
-
export { Control, Fullscreen, Loading, Message, Play, Poster, Rec, Theme, Utils, Volume
|
|
2546
|
+
export { Control, Fullscreen, Loading, Message, Play, Poster, Rec, Theme, Utils, Volume };
|
|
2542
2547
|
export type { CleanUpResizeObserver, CleanUpScreenOrientationFun, ControlItem, ControlOptions, FooterOptions, FullscreenOptions, HeaderOptions, IThemeData, IThemeDataItem, LoadingOptions, MessageOptions, PlayOptions, PosterOptions, RecOptions, ScreenOrientation, ThemeOptions, VolumeOptions };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ezuikit/player-theme",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1-alpha.2",
|
|
4
4
|
"description": "player theme",
|
|
5
5
|
"title": "theme",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -19,20 +19,18 @@
|
|
|
19
19
|
"keywords": [
|
|
20
20
|
"player",
|
|
21
21
|
"theme",
|
|
22
|
-
"ezuikit",
|
|
23
|
-
"ezviz",
|
|
24
22
|
"ui"
|
|
25
23
|
],
|
|
26
24
|
"author": "Ezviz-OpenBiz",
|
|
27
25
|
"license": "MIT",
|
|
28
26
|
"dependencies": {
|
|
29
|
-
"@ezuikit/utils-i18n": "
|
|
30
|
-
"@ezuikit/utils-logger": "
|
|
31
|
-
"@ezuikit/utils-tools": "
|
|
32
|
-
"@ezuikit/control-time-line": "1.0.
|
|
27
|
+
"@ezuikit/utils-i18n": "2.0.0",
|
|
28
|
+
"@ezuikit/utils-logger": "2.0.0",
|
|
29
|
+
"@ezuikit/utils-tools": "2.0.0",
|
|
30
|
+
"@ezuikit/control-time-line": "1.0.1",
|
|
33
31
|
"@juggle/resize-observer": "^3.4.0",
|
|
34
|
-
"@skax/delegate": "
|
|
35
|
-
"@skax/picker": "1.
|
|
32
|
+
"@skax/delegate": "4.0.0",
|
|
33
|
+
"@skax/picker": "1.1.2",
|
|
36
34
|
"deepmerge": "^4.3.1",
|
|
37
35
|
"eventemitter3": "^5.0.1",
|
|
38
36
|
"screenfull": "5.2.0"
|