@vanwei-wcs/video-player-v2 0.1.0

package/video-player-v2/video-player-v2.css

@@ -0,0 +1 @@
+.styled-checkbox[data-v-3741a406]{height:100%;vertical-align:top;cursor:pointer}.favoriteBox[data-v-3741a406]{display:inline-block;margin-right:3px;position:relative;top:3px}.favoriteBox img[data-v-3741a406]{width:18px;cursor:pointer}.wwav-player__ptz__direction{position:absolute;left:1em;bottom:2.8em;width:144px;height:144px;border:2px solid #fff;background:radial-gradient(circle,transparent 0,transparent 0,#000 100%);opacity:.55;border-radius:50%;box-sizing:border-box;overflow:hidden}.wwav-player__ptz__direction-content{width:95px;height:95px;background:transparent}.wwav-player__ptz__direction-circle-border{width:80px;height:80px;border:1px solid hsla(0,0%,100%,.1);border-radius:50%}.wwav-player__ptz__direction-circle{width:48px;height:48px;background:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.3);border-radius:50%}.wwav-player__ptz__direction-triangle{position:absolute;width:15px;height:15px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAwElEQVQ4T5XSTUqCURSA4edOgowoTaIlCBUEDgIHQSC6DxfXAkKl6G8RbaFxKyiufHEUNX/ud0dncN/nTE6CnPMThtVc8H4wwSjlnJv4LojWv0xSbP7EVU3gdx538IGLOsBfHNsv8Y7zUmARB3AdQLsEWIkDuMEbWvuAf3EAXbzidBewMQ7gFs842QZsjQPooTqg403AzjiAO0xxtA7sjQO4xxiNZaAoDqCPRxzOgeI4gAEecIaXWnEAB9UVppS+Zn2ZQFj4MpGPAAAAAElFTkSuQmCC);transform-origin:center center;cursor:pointer;opacity:.7}.wwav-player__ptz__direction-triangle.active,.wwav-player__ptz__direction-triangle:hover{opacity:1}.wwav-player__ptz__direction-triangle:first-child{transform:translateX(-50%) rotate(-45deg);left:50%;top:-10px}.wwav-player__ptz__direction-triangle:nth-child(3){transform:translateY(-50%) rotate(45deg);right:-10px;top:50%}.wwav-player__ptz__direction-triangle:nth-child(5){transform:translateX(-50%) rotate(135deg);bottom:-10px;left:50%}.wwav-player__ptz__direction-triangle:nth-child(7){transform:translateY(-50%) rotate(225deg);left:-10px;top:50%}.wwav-player__ptz__direction-triangle:nth-child(2){right:6px;top:6px}.wwav-player__ptz__direction-triangle:nth-child(4){transform:rotate(90deg);bottom:6px;right:6px}.wwav-player__ptz__direction-triangle:nth-child(6){transform:rotate(180deg);left:6px;bottom:6px}.wwav-player__ptz__direction-triangle:nth-child(8){left:6px;top:6px;transform:rotate(270deg)}.wwav-player__ptz__operation{position:absolute;left:50%;bottom:1.8em;padding:1em;transform:translateX(-50%);text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wwav-player__ptz__operation-button{vertical-align:top;box-sizing:border-box;width:48px;height:48px;border-radius:50%;border:1px solid transparent;background-color:rgba(0,0,0,.3);padding:0;margin:0 15px;cursor:pointer;display:inline-block;position:relative}.wwav-player__ptz__operation-button:focus,.wwav-player__ptz__operation-button:hover{border-color:hsla(0,0%,100%,.8)}.wwav-player__ptz__operation-button img{width:100%;height:100%}.wwav-player__ptz__operation-button .image{width:100%;height:100%;padding:8px;box-sizing:border-box}.wwav-player__ptz__operation-button-disable{position:absolute;top:-40px;left:-17px;width:80px;height:40px;line-height:31px;background:no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAAAlCAYAAAADW7S6AAABkElEQVRoQ+3ar0ssURjG8e8DBhE0mk1aTCLY/AuUq8liFYwigota7w/hcrnNYhWMgv4DmgXBYjBazIprklfOsrtMWFD3LQd8JuzCcJ5h+MwzZ8I5ontExBKwDSwAY73z/u8LPAPXwD9JF+Wsyk9E/AT2DPVpgV+S9hURP4CzT8c8sCewUvAugUWbfFngquC9eI77MlwJtAteDBV1COMlSmA84yUEElE3z3gJgUTUzTNeQiARdfOMlxBIRN084yUEElE3z3gJgUTUzTNeQiARdfOMlxBIRN084yUEEtHSvCdgPHGN7xrtLAB56XG4x99ZevSi93B4q73tFr+B1nDX+JapQ0mtDl45ImIZ2AHmvQg+sBDt7kafv5LOy4g+Xg39iYhZ4AYYGXA/b8CcpNsa7rU6vO4bcARsDgA6lrRRC1yteJPAPTDRgCp746YlPRrvA4GI2AX+NIYdSCp7CKs6qprzGh+vUeAOmAIegBlJr1XJ1fbBaOJExBpwCqxLOqkNrso5r9G+8lb8B7YkVbkN7h0eRanPahw2mAAAAABJRU5ErkJggg==);font-size:16px;font-family:PingFang SC;font-weight:400;color:#333;display:none;transition:display .5s ease-in}.wwav-player__ptz__operation-button.isLocked{border-color:#67c23a;background-color:rgba(103,194,58,.5)}.wwav-player__ptz__operation-button.isLocked:focus,.wwav-player__ptz__operation-button.isLocked:hover{border-color:#67c23a}.wwav-player__ptz__operation-popper{position:absolute;top:-82px;left:2px;width:40px;line-height:20px;background-color:rgba(0,0,0,.7);border-radius:5px;color:#ddd;cursor:unset;display:none;transition:display .5s ease-in}.wwav-player__ptz__operation-popper-show{display:inline-block}.wwav-player__ptz__operation-popper-icon{width:40px;height:40px;line-height:40px;box-sizing:border-box;padding:5px 10px 10px;color:#bbb;cursor:pointer}.wwav-player__ptz__operation-popper-icon:focus,.wwav-player__ptz__operation-popper-icon:hover{color:#fff;background-color:rgba(0,0,0,.8);border-radius:5px}.wwav-player__ptz__operation-popper-icon svg{width:20px;height:20px;fill:currentColor}.wwav-player__ptz__preset{width:322px;height:804px;max-height:calc(100% - 4rem);position:absolute;top:50%;right:-323px;transform:translateY(-50%);background:rgba(0,0,0,.7);border-radius:5px;border:1px solid;border-color:hsla(0,0%,100%,.3);transition:right .5s;color:#fff}.wwav-player__ptz__preset.active{right:0}.wwav-player__ptz__preset-switch{cursor:pointer;position:absolute;width:43px;height:auto;line-height:20px;left:-43px;top:50%;transform:translateY(-50%);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAACvCAYAAABkfCcOAAACyUlEQVR4Xu2dy4oUQRBF7zg+BnyCirpRQV34GGRGfL8Wgv6EC39B/AD9dLljFjRJtd3TVbc7E06te7JOnYyIjNlk7KmP56Gkj3sNs5rtsSEl3TFni7BnJD2X9F7SjUWZLcGek3Qs6Z2kq2M73gLsBUmvJL2RdPF/YblLWIMZ8KWkg3VyZxew3mJvtbfcW7/2s01YJ8sHSYeS9tcmXPjhNmBddlx+XIYmvW/SH6+wc69APpgKObwnAfuoQN7dZKu3UQ380U8K5O25Iecy60QZTpvrKcipsC45L0oJupKG3BTWxdunzetVp03iA9ZNsEsLp42Px508q2Cvla0+Ou1pk/iaZbBOlk+Snm162mwD1iY/lwx3X9nUM5h1CbJJN7xnmyKsegPDfZd0v1XIxdL1pZw8rbOedEE/l/0b0Rq9YX/P1RWlP86wf9IvmWt9YOcyWa+DWcyWkkU1SIQCCZaw6jUxi1nCIBUDmMXsPwPU2VQkYBazJFgqBjCLWU6wYAyQYEG59AYpuZjFLKUrFQOYxSxdVzAGSLCgXHqDlFzMYpbSlYoBzGKWrisYAyRYUC69QUouZjFL6UrFAGYxS9cVjAESLCiX3iAlF7OYpXSlYgCzmKXrCsYACRaUS2+QkotZzFK6UjGAWczSdQVjgAQLyqU3SMnFLGYpXakYwCxm6bqCMUCCBeXSG6TkYhazlK5UDGAWs512XV3dP/tL0uVgqM22tI/bb5LezrZicCHD+vr2H8Mgm+C7Ji893PN9XtLXMkSkucvIh6+sr3u/VS4n9yCHVffWTzZ12gWWAd0sk1Cavpu+/tgubv2vobuYp1BDdzGpoobuYgZIDd3FdJUa2lXlaakgzc6tGSuVzU8EGoPuYtZSDd7FFKsauov5YDV0F5PXauguZtqNnYoewtf0tMCxU7H5OYw1dBcTLsdOxeZnh44dMCdTWf8CUGxX8u3QElEAAAAASUVORK5CYII=) no-repeat;background-size:100% 100%;font-size:16px;font-family:PingFang SC;font-weight:400;color:#fff;padding:32px 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.7;box-sizing:border-box}.wwav-player__ptz__preset-search{width:100%;height:54px;padding:13px 9px 13px 17px;box-sizing:border-box}.wwav-player__ptz__preset-search-input{width:180px}.wwav-player__ptz__preset-search-refresh{padding:2px 5px 0;color:#ddd;cursor:pointer;float:right;height:28px}.wwav-player__ptz__preset-search-refresh:hover{color:#fff}.wwav-player__ptz__preset-search-refresh .icon-refresh{fill:currentColor}.wwav-player__ptz__preset-list{width:100%;height:calc(100% - 55px);position:relative;overflow-x:hidden;overflow-y:auto;border-top:1px solid #3b3b3b}.wwav-player__ptz__preset-list-point{position:relative;width:100%;height:54px;border-bottom:1px solid #9c9a9a;display:flex;padding:12px 0;color:#ddd9d9;box-sizing:border-box;font-size:16px}.wwav-player__ptz__preset-list-point:focus,.wwav-player__ptz__preset-list-point:hover{background-color:rgba(0,0,0,.5);color:#fff}.wwav-player__ptz__preset-list-point-name{height:100%;flex:1;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all;padding-left:5px;padding-right:5px;color:#eee}.wwav-player__ptz__preset-list-point-operation{height:100%;width:100px;padding:0;text-align:right;margin:0}.wwav-player__ptz__preset-list-point-operation span{margin-right:5px}.wwav-player__ptz__preset-list-point-operation span:focus,.wwav-player__ptz__preset-list-point-operation span:hover{color:#007acc}.wwav-player__ptz__preset-list-point-operation span svg{fill:currentColor;cursor:pointer}.wwav-player__ptz__preset-list::-webkit-scrollbar{width:8px;border-left:1px solid hsla(0,0%,100%,.2);background-color:transparent}.wwav-player__ptz__preset-list::-webkit-scrollbar-thumb,.wwav-player__ptz__preset-list::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.wwav-player__ptz__preset-list::-webkit-scrollbar-thumb{border-radius:10px;background-color:#c1c1c1}.wwav-player__ptz__message{position:absolute;bottom:120px;width:400px;line-height:18px;text-align:center;left:50%;transform:translateX(-50%);background-color:rgba(51,51,51,.6);color:#fff;border:1px solid;border-radius:5px;padding:10px}.wwav-player__ptz__message.error{border-color:#fde2e2;color:#f56c6c}.wwav-player__ptz__message.success{border-color:#e1f3d8;color:#67c23a}.wwav-player-rotate{animation:wwav-player-rotating 1.5s linear infinite}@keyframes wwav-player-rotating{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.app-container{background:#eff0f4;padding:10px}.app-container .app-container__left{max-height:calc(100vh - 70px);overflow:hidden;margin-bottom:0;padding:0}.app-container .app-container__right{padding:0;background-color:#fff;margin-left:0;height:calc(100vh - 50px)}.app-container .el-aside+.el-container{margin-left:10px}.panel{margin-bottom:10px;background-color:#fff;border:none;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.05);padding:10px}.panel .panel-header{padding:5px 5px 10px;border-bottom:1px solid hsla(0,0%,80%,.7);border-top-left-radius:3px;border-top-right-radius:3px;color:#535351;font-size:14px;font-weight:700;line-height:20px}.panel .panel-header .panel-title{margin-top:0;margin-bottom:0;font-size:14px;color:inherit}#selection-box[data-v-6e2bc0f0]{border:2px dashed red;position:absolute;display:none}.wwav-player__common-icon,.wwav-player__common-span{display:inline-block;color:#afb9bc;height:100%;line-height:2.55em;margin:0 .5em;text-align:center;cursor:pointer;transition:all .1s ease;z-index:2}.wwav-player__common-icon:hover,.wwav-player__common-span:hover{color:#fff}.wwav-player__common-icon.hidden,.wwav-player__common-span.hidden{opacity:0;z-index:1}.wwav-player__common-icon{width:1.5em;text-shadow:1px 1px 1px rgba(0,0,0,.8);margin:0 .3em}.wwav-player__common-icon.active{color:#67c23a}.wwav-player__svg-icon{width:13px;height:13px;fill:currentColor}.wwav-player__content{width:100%;height:100%}.wwav-player__header{width:100%;height:2.2em;padding-bottom:1px;position:absolute;z-index:9;left:0;background:linear-gradient(180deg,rgba(52,59,74,.8),rgba(22,24,29,.8));-webkit-user-select:none;-moz-user-select:none;user-select:none;top:-2.2em;transition:bottom .3s ease-out}.wwav-player__header--device-name{vertical-align:top;position:relative;width:auto;margin:0;margin-left:1em;line-height:2.3em}.wwav-player__footer{width:100%;height:2.2em;padding-bottom:1px;position:absolute;z-index:9;left:0;background:linear-gradient(180deg,rgba(52,59,74,.8),rgba(22,24,29,.8));-webkit-user-select:none;-moz-user-select:none;user-select:none;bottom:-2.2em;transition:bottom .3s ease-out}.wwav-player__footer__pop{position:absolute;bottom:-99em;margin:0;padding:6px 0;border-radius:3px;border:1px solid #404f6f;background:#2d3443;width:auto;opacity:0;transition:opacity .5s}.wwav-player__footer__pop.show{bottom:2.4em;opacity:1}.wwav-player__footer--stop{position:relative;left:0;top:0;width:2.2em;margin:0}.wwav-player__footer--stop:after{content:"";position:absolute;left:auto;top:17%;bottom:auto;right:0;height:66%;width:1px;background-color:hsla(0,0%,100%,.2)}.wwav-player__footer--fullscreen{width:2.2em;margin:0;position:absolute;right:0;top:0}.wwav-player__footer--fullscreen:after{content:"";position:absolute;left:0;top:17%;bottom:auto;right:auto;height:66%;width:1px;background-color:hsla(0,0%,100%,.2)}.wwav-player__footer--left{height:100%;width:auto;position:absolute;left:2.7em;top:0}.wwav-player__footer--play{margin:0;vertical-align:top}.wwav-player__footer--speed{vertical-align:top;position:relative;width:2em;margin:0;line-height:2.3em}.wwav-player__footer--speed>div{position:relative;top:0;left:0;width:100%;height:100%}.wwav-player__footer--speed-pop{left:-2em;width:7em;font-size:12px}.wwav-player__footer--speed-pop--item{padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8191a9;height:2em;line-height:2.2em;box-sizing:border-box;cursor:pointer;text-align:center;background:#2d3443;position:relative}.wwav-player__footer--speed-pop--item i{position:absolute;width:1.2em;margin:0}.wwav-player__footer--speed-pop--item i:first-child{left:.5em}.wwav-player__footer--speed-pop--item i:last-child{right:.5em}.wwav-player__footer--ai,.wwav-player__footer--capture,.wwav-player__footer--ptz{vertical-align:top}.wwav-player__footer--right{height:100%;width:auto;position:absolute;right:2.7em;top:0}.wwav-player__footer--net-speed{margin:0;line-height:2.3em;width:4.5em;overflow:hidden;cursor:auto;vertical-align:top}.wwav-player__footer--net-speed:hover{color:#afb9bc}.wwav-player__footer--net-speed span{font-size:.8em}.wwav-player__footer--info{vertical-align:top;position:relative}.wwav-player__footer--info-pop{left:-5.5em;width:11em;font-size:12px}.wwav-player__footer--info-pop--item{padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8191a9;height:2em;line-height:2em;box-sizing:border-box;cursor:pointer;text-align:left;background:#2d3443}.wwav-player__footer--quality{margin:0;width:auto;line-height:2.4em;vertical-align:top;position:relative}.wwav-player__footer--quality-select{left:-1em;width:4em}.wwav-player__footer--quality-select--item{padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8191a9;height:2em;line-height:2em;box-sizing:border-box;cursor:pointer;text-align:center;background:#2d3443}.wwav-player__footer--quality-select--item:hover{color:#4b99e7}.wwav-player__footer--quality-select--item.active{color:#409eff}.wwav-player__footer--setting-pop{left:-4em;width:11em;font-size:12px;cursor:default}.wwav-player__footer--setting-pop--item{padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8191a9;height:2em;line-height:2em;box-sizing:border-box;text-align:left;background:#2d3443}.wwav-player__name{color:#afb9bc;width:100%;height:2.2em;padding:0 .5em;position:absolute;z-index:9;left:0;background:linear-gradient(180deg,rgba(52,59,74,.8),rgba(22,24,29,.8));-webkit-user-select:none;-moz-user-select:none;user-select:none;top:-2.2em;transition:top .3s ease-out;display:flex;align-items:center;justify-content:space-between}.wwav-player__name span{z-index:10}.wwav-player__watermark{position:absolute;z-index:8;width:100%;height:100%}.wwav-player__watermark span{color:#fff;font-size:16px;font-weight:600}.wwav-player.active .wwav-player__header,.wwav-player:hover .wwav-player__header,.wwav-player:hover .wwav-player__name{top:0;transition:top .05s ease-out}.wwav-player.active .wwav-player__footer,.wwav-player:hover .wwav-player__footer{bottom:0;transition:top .05s ease-out}.wwav-player-center-middle{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.wwav-player__el-input{position:relative;font-size:12px;display:inline-block;min-width:0;height:28px;line-height:28px}.wwav-player__el-input__inner{-webkit-appearance:none;background-image:none;border-radius:4px;box-sizing:border-box;color:#eee;display:inline-block;font-size:inherit;height:28px;line-height:28px;outline:none;padding:0 10px;background-color:hsla(0,0%,67%,.5);border:none;caret-color:#05d380;font-family:PingFang SC;font-weight:400;width:100%}.wwav-player__el-input__inner::-webkit-input-placeholder{color:#bbb;font-size:14px}.wwav-player__ptz{border:none;background-color:transparent;height:100%;width:100%;display:inline-block;position:absolute;top:0;left:0;z-index:9;font-size:16px;margin:0;padding:0;box-sizing:border-box}.wwav-player__ptz-status-label{position:absolute;left:1em;top:1.8em;background-color:rgba(0,0,0,.4);width:auto;border:none;border-radius:3px;padding:10px 19px;font-size:27px;font-family:PingFang SC;font-weight:400;color:#fff}.wcs-wwav-base-video__content{width:100%!important;height:100%!important;cursor:pointer;-o-object-fit:fill;object-fit:fill}.wcs-wwav-base-video{height:100%;width:100%;position:relative;.wcs-wwav-base-video__content{width:100%!important;height:100%!important}.wcs-wwav-base-video__content,canvas{cursor:pointer;-o-object-fit:fill;object-fit:fill}canvas{width:100%;height:100%;display:none}}.base-content{width:300px;height:300px;position:relative}.wcs-wwav-base-video__content[data-v-8da47702]{width:100%!important;height:100%!important;cursor:pointer;-o-object-fit:fill;object-fit:fill}.wcs-wwav-base-video[data-v-8da47702]{height:100%;width:100%;position:relative}.wcs-wwav-base-video .wcs-wwav-base-video__content[data-v-8da47702]{width:100%!important;height:100%!important;cursor:pointer;-o-object-fit:fill;object-fit:fill}.wcs-wwav-base-video canvas[data-v-8da47702]{width:100%;height:100%;cursor:pointer;-o-object-fit:fill;object-fit:fill;display:none}.base-content[data-v-8da47702]{width:100%;height:100%;position:relative;overflow:hidden}