{"version":3,"sources":["webpack:///./src/views/settings/Client/Client.vue?b0d4","webpack:///src/views/settings/Client/Client.vue","webpack:///./src/views/settings/Client/Client.vue?1e79","webpack:///./src/views/settings/Client/Client.vue","webpack:///./src/views/settings/Client/Client.vue?c4f5"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","proto","class","attrs","on","changeWS","changeRTC","proto1","changeWS1","changeRTC1","model","value","callback","$$v","watermarkstring","expression","watermarktoggle","$event","waterprintoff","waterprintno","staticStyle","Rtcengine","_l","item","key","label","devicemarktoggle","deviceprintoff","deviceprintno","elqualitytoggle","elqualityprintoff","elqualityprintno","staticRenderFns","component"],"mappings":"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","file":"static/js/chunk-3b7c390c.6691d2ee.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Aside\"},[_c('div',{staticClass:\"Aside_title\"},[_vm._v(\"客户端配置\")]),_c('div',{staticClass:\"Aside_content\"},[_c('div',{staticClass:\"Aside_content_top\"},[_c('div',{staticClass:\"Aside_content_title\"},[_vm._v(_vm._s(_vm.$t(\"message.live.protocol\"))+\": \"+_vm._s(_vm.proto))]),_c('div',{staticClass:\"up_you_but\"},[_c('el-button',{class:(_vm.proto=='WS')?'button_liveview':'button_liveview1',attrs:{\"type\":\"success\",\"size\":\"mini\"},on:{\"click\":_vm.changeWS}},[_vm._v(\"WEBSOCKET\")]),_c('el-button',{class:(_vm.proto=='RTC')?'button_liveview':'button_liveview1',attrs:{\"type\":\"success\",\"size\":\"mini\"},on:{\"click\":_vm.changeRTC}},[_vm._v(\"WEBRTC\")])],1)]),_c('div',{staticClass:\"Aside_content_top\"},[_c('div',{staticClass:\"Aside_content_title\"},[_vm._v(_vm._s(_vm.$t(\"message.live.protocol1\"))+\": \"+_vm._s(_vm.proto1))]),_c('div',{staticClass:\"up_you_but\"},[_c('el-button',{class:(_vm.proto1=='WS')?'button_replay':'button_replay1',attrs:{\"type\":\"success\",\"size\":\"mini\"},on:{\"click\":_vm.changeWS1}},[_vm._v(\"WEBSOCKET\")]),_c('el-button',{class:(_vm.proto1=='RTC')?'button_replay':'button_replay1',attrs:{\"type\":\"success\",\"size\":\"mini\"},on:{\"click\":_vm.changeRTC1}},[_vm._v(\"WEBRTC\")])],1)]),_c('div',{staticClass:\"Aside_content_buttom\"},[_c('div',{staticClass:\"Aside_content_title\"},[_vm._v(_vm._s(_vm.$t(\"message.live.waterprint\"))+\"：\")]),_c('div',{staticClass:\"up_you_but\"},[_c('div',[_c('el-input',{staticClass:\"liveview_left_input\",attrs:{\"placeholder\":\"请您输入水印内容\"},model:{value:(_vm.watermarkstring),callback:function ($$v) {_vm.watermarkstring=$$v},expression:\"watermarkstring\"}})],1),_c('div',[_c('el-button',{class:(_vm.watermarktoggle=='block')?'button_watermark':'button_watermark1',attrs:{\"type\":\"success\",\"size\":\"mini\"},on:{\"click\":function($event){return _vm.waterprintoff($event)}}},[_vm._v(\"打开水印\")]),_c('el-button',{class:(_vm.watermarktoggle=='none')?'button_watermark':'button_watermark1',attrs:{\"type\":\"success\",\"size\":\"mini\"},on:{\"click\":function($event){return _vm.waterprintno($event)}}},[_vm._v(\"关闭水印\")])],1)])]),_c('div',{staticClass:\"Aside_content_buttom\"},[_c('div',{staticClass:\"Aside_content_title\"},[_vm._v(_vm._s(_vm.$t(\"message.setting.RTCENGINE\")))]),_c('div',{staticClass:\"up_you_but changeRTC\"},[_c('el-select',{staticStyle:{\"width\":\"100px\"},attrs:{\"size\":\"mini\",\"placeholder\":\"请选择\"},on:{\"change\":_vm.Rtcengine},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}},_vm._l((_vm.options),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1)],1)]),_c('div',{staticClass:\"Aside_content_buttom\"},[_c('div',{staticClass:\"Aside_content_title\"},[_vm._v(\"显示禁用\")]),_c('div',{staticClass:\"up_you_but\"},[_c('div',[_c('el-button',{class:(_vm.devicemarktoggle=='block')?'button_addpv':'button_addpv1',attrs:{\"type\":\"success\",\"size\":\"mini\"},on:{\"click\":function($event){return _vm.deviceprintoff($event)}}},[_vm._v(\"显示\")]),_c('el-button',{class:(_vm.devicemarktoggle=='none')?'button_addpv':'button_addpv1',attrs:{\"type\":\"success\",\"size\":\"mini\"},on:{\"click\":function($event){return _vm.deviceprintno($event)}}},[_vm._v(\"隐藏\")])],1)])]),_c('div',{staticClass:\"Aside_content_buttom\"},[_c('div',{staticClass:\"Aside_content_title\"},[_vm._v(\"画质选择\")]),_c('div',{staticClass:\"up_you_but\"},[_c('div',[_c('el-button',{class:(_vm.elqualitytoggle=='block')?'button_addpv':'button_addpv1',attrs:{\"type\":\"success\",\"size\":\"mini\"},on:{\"click\":function($event){return _vm.elqualityprintoff($event)}}},[_vm._v(\"显示\")]),_c('el-button',{class:(_vm.elqualitytoggle=='none')?'button_addpv':'button_addpv1',attrs:{\"type\":\"success\",\"size\":\"mini\"},on:{\"click\":function($event){return _vm.elqualityprintno($event)}}},[_vm._v(\"隐藏\")])],1)])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<div class=\"Aside\">\n        <div class=\"Aside_title\">客户端配置</div>\n\t\t<div class=\"Aside_content\">\n\t\t\t<div class=\"Aside_content_top\">\n\t\t\t\t<div class=\"Aside_content_title\">{{$t(\"message.live.protocol\")}}: {{proto}}</div>\n\t\t\t\t<div class=\"up_you_but\">\n\t\t\t\t\t\t<el-button @click=\"changeWS\" :class=\"(proto=='WS')?'button_liveview':'button_liveview1'\" type=\"success\"  size=\"mini\">WEBSOCKET</el-button>\n\t\t\t\t\t\t<el-button @click=\"changeRTC\" :class=\"(proto=='RTC')?'button_liveview':'button_liveview1'\"  type=\"success\"  size=\"mini\">WEBRTC</el-button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"Aside_content_top\">\n\t\t\t\t<div class=\"Aside_content_title\">{{$t(\"message.live.protocol1\")}}: {{proto1}}</div>\n\t\t\t\t<div class=\"up_you_but\">\n\t\t\t\t\t\t<el-button @click=\"changeWS1\" :class=\"(proto1=='WS')?'button_replay':'button_replay1'\" type=\"success\"  size=\"mini\">WEBSOCKET</el-button>\n\t\t\t\t\t\t<el-button @click=\"changeRTC1\" :class=\"(proto1=='RTC')?'button_replay':'button_replay1'\"  type=\"success\"  size=\"mini\">WEBRTC</el-button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"Aside_content_buttom\">\n\t\t\t\t<div class=\"Aside_content_title\">{{$t(\"message.live.waterprint\")}}：</div>\n\t\t\t\t<div class=\"up_you_but\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<el-input\n\t\t\t\t\t\t\tclass=\"liveview_left_input\"\n\t\t\t\t\t\t\tplaceholder=\"请您输入水印内容\"\n\t\t\t\t\t\t\tv-model=\"watermarkstring\">\n\t\t\t\t\t\t</el-input>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<el-button @click=\"waterprintoff($event)\" :class=\"(watermarktoggle=='block')?'button_watermark':'button_watermark1'\" type=\"success\"  size=\"mini\">打开水印</el-button>\n\t\t\t\t\t\t<el-button @click=\"waterprintno($event)\" :class=\"(watermarktoggle=='none')?'button_watermark':'button_watermark1'\" type=\"success\"  size=\"mini\">关闭水印</el-button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n            <div class=\"Aside_content_buttom\">\n\t\t\t\t<div class=\"Aside_content_title\">{{$t(\"message.setting.RTCENGINE\")}}</div>\n\t\t\t\t<div class=\"up_you_but changeRTC\">\n                    <el-select v-model=\"value\" style=\"width:100px\" size='mini' placeholder=\"请选择\" @change='Rtcengine'>\n                        <el-option\n                        v-for=\"item in options\"\n                        :key=\"item.value\"\n                        :label=\"item.label\"\n                        :value=\"item.value\">\n                        </el-option>\n                    </el-select>\n\t\t\t\t</div>\n\t\t\t</div>\n            <div class=\"Aside_content_buttom\">\n\t\t\t\t<div class=\"Aside_content_title\">显示禁用</div>\n\t\t\t\t<div class=\"up_you_but\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<el-button @click=\"deviceprintoff($event)\" :class=\"(devicemarktoggle=='block')?'button_addpv':'button_addpv1'\" type=\"success\"  size=\"mini\">显示</el-button>\n\t\t\t\t\t\t<el-button @click=\"deviceprintno($event)\" :class=\"(devicemarktoggle=='none')?'button_addpv':'button_addpv1'\" type=\"success\"  size=\"mini\">隐藏</el-button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n            <div class=\"Aside_content_buttom\">\n\t\t\t\t<div class=\"Aside_content_title\">画质选择</div>\n\t\t\t\t<div class=\"up_you_but\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<el-button @click=\"elqualityprintoff($event)\" :class=\"(elqualitytoggle=='block')?'button_addpv':'button_addpv1'\" type=\"success\"  size=\"mini\">显示</el-button>\n\t\t\t\t\t\t<el-button @click=\"elqualityprintno($event)\" :class=\"(elqualitytoggle=='none')?'button_addpv':'button_addpv1'\" type=\"success\"  size=\"mini\">隐藏</el-button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n</div>\n</template>\n\n<script>\nexport default {\n\tname: 'TheAside',\n\tdata () {\n\t\treturn {\n\t\t\twaterprintcolor:true,\n            deviceprintcolor:true,\n            elqualityprintcolor:true,//画质选择\n\t\t\tproto: this.$store.state.liveviewrtc,\n\t\t\tproto1: this.$store.state.liveviewrtc1,\n\t\t\twatermarkstring:this.$store.state.watermarkstring,//水印、\n\t\t\twatermarktoggle:this.$store.state.watermarktoggle,\n\t\t\tdevicemarktoggle:\"\",\n            elqualitytoggle:'',//画质选择\n            options: [{\n                value: 'v1',\n                label: 'v1'\n                }, {\n                value: 'v2',\n                label: 'v2'\n                }],\n            value: \"v1\",\n\t\t}\n\t},\n\tmounted(){\n\t\t// localStorage.removeItem('watermarktoggle')\n        if(localStorage.getItem('H5sRtcengine')){\n           this.value=localStorage.getItem('H5sRtcengine') \n        }\n        if(typeof(localStorage.devicemarktoggle) == 'undefined'){\n           this.devicemarktoggle='block'\n        }else{\n            this.devicemarktoggle = localStorage.devicemarktoggle; \n            \n        }\n        // 画质选择\n        if(typeof(localStorage.elqualitytoggle) == 'undefined'){\n           this.elqualitytoggle='block'\n        }else{\n            this.elqualitytoggle = localStorage.elqualitytoggle;\n        }\n\t},\n\tmethods:{\n        Rtcengine(){\n            if((/Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent))){\n                //  console.log((/Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent)))\n                localStorage.setItem(\"H5sRtcengine\",this.value);\n            }else{\n                this.value=\"v1\",\n                this.$message({\n                    message: 'v2只支持Safari浏览器',\n                    type: 'warning'\n                });\n            }\n            \n        },\n\t\t//水印\n        waterprintoff(){\n\t\t\tthis.waterprintcolor=true\n            this.watermarktoggle = \"block\";\n            var watermarktoggle=this.watermarktoggle;\n\t\t\tlocalStorage.setItem(\"watermarktoggle\",watermarktoggle);\n            this.$store.state.watermarkstring=this.watermarkstring\n            localStorage.setItem(\"watermarkstring\",this.watermarkstring);\n\n            this.addWaterMarker();\n            this.$store.state.watermarktoggle=\"block\";\n            // document.getElementById(\"watermarktoggle\").style.display=this.watermarktoggle;\n        }, \n        waterprintno(){\n            // console.log(this.watermarktoggle);\n\t\t\tthis.waterprintcolor=false\n            this.watermarktoggle = \"none\";\n            var watermarktoggle=this.watermarktoggle;\n            localStorage.setItem(\"watermarktoggle\",watermarktoggle);\n            this.$store.state.watermarktoggle=\"none\";\n            // document.getElementById(\"watermarktoggle\").style.display=this.watermarktoggle;\n        },\n        //显示禁用\n        deviceprintoff(){\n\t\t\tthis.deviceprintcolor=true\n            localStorage.devicemarktoggle = \"block\";\n            this.devicemarktoggle = localStorage.devicemarktoggle;\n            this.$store.state.devicemarktoggle=localStorage.devicemarktoggle;\n        }, \n        deviceprintno(){\n\t\t\tthis.deviceprintcolor=false\n            localStorage.devicemarktoggle = \"none\";\n            this.devicemarktoggle = localStorage.devicemarktoggle;\n            this.$store.state.devicemarktoggle=localStorage.devicemarktoggle\n        },\n        // 画质选择\n        elqualityprintoff(){\n            this.elqualityprintcolor=true\n            localStorage.elqualitytoggle = \"block\";\n            this.elqualitytoggle = localStorage.elqualitytoggle;\n            this.$store.state.elqualitytoggle=localStorage.elqualitytoggle;\n        },\n        elqualityprintno(){\n            this.elqualityprintcolor=false;\n            localStorage.elqualitytoggle = \"none\";\n            this.elqualitytoggle = localStorage.elqualitytoggle;\n            this.$store.state.elqualitytoggle=localStorage.elqualitytoggle;\n        },\n        addWaterMarker(){\n            this.$message({\n                    message: '水印已打开',\n                    type: 'success'\n                });\n\t\t\tif(!document.getElementById(\"watermarktoggle\")){\n\t\t\t\treturn\n\t\t\t}\n            var date=new Date();\n            var Y = date.getFullYear() + '-';\n            var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';\n            var D = date.getDate() + ' ';\n            var dates=Y+M+D;\n            var watermarkstring= this.watermarkstring;\n            // console.log(watermarkstring);\n\n            var can = document.createElement('canvas');\n            var body = document.body;\n            body.appendChild(can);\n            can.width=300; //画布的宽\n            can.height=200;//画布的高度\n            can.style.display='none';\n            var cans = can.getContext('2d');\n            cans.rotate(-20*Math.PI/180); //画布里面文字的旋转角度\n            cans.font = \"16px Microsoft JhengHei\"; //画布里面文字的字体\n            cans.fillStyle = \"rgba(17, 17, 17, 1)\";//画布里面文字的颜色\n            cans.textAlign = 'left'; //画布里面文字的水平位置\n            cans.textBaseline = 'Middle'; //画布里面文字的垂直位置\n            cans.fillText(watermarkstring,can.width/3,can.height/2); //画布里面文字的间距比例\n            document.getElementById(\"watermarktoggle\").style.backgroundImage=\"url(\"+can.toDataURL(\"image/png\")+\")\";\n        },\n\t\t//ws rtc\n\t\tchangeWS(event) {\n            this.proto = \"WS\";\n\t\t\tvar proto=this.proto;\n\t\t\tthis.$store.state.liveviewrtc=proto\n\t\t\tlocalStorage.setItem(\"liveviewrtc\",proto);\n        },\n        changeRTC(event) {\n            this.proto = \"RTC\";\n            var proto=this.proto;\n            this.$store.state.liveviewrtc=proto\n            localStorage.setItem(\"liveviewrtc\",proto);\n        },\n\t\tchangeWS1(event) {\n            this.proto1 = \"WS\";\n\t\t\tvar proto1=this.proto1;\n\t\t\tthis.$store.state.liveviewrtc1=proto1\n\t\t\tlocalStorage.setItem(\"liveviewrtc1\",proto1);\n        },\n        changeRTC1(event) {\n            this.proto1 = \"RTC\";\n            var proto1=this.proto1;\n            this.$store.state.liveviewrtc1=proto1\n            localStorage.setItem(\"liveviewrtc1\",proto1);\n        },\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.Aside{\n    padding: 10px 30px;\n    .Aside_title{\n        font-size: 18px;\n        font-family: PingFang SC;\n        font-weight: bold;\n        margin-bottom: 20px;\n    }\n    .Aside_content{\n        .Aside_content_title{\n            font-size: 14px;\n            font-family: PingFang SC;\n            font-weight: bold;\n            // margin-bottom: 15px;\n        }\n        .up_you_but{\n            margin-bottom: 10px;\n            line-height: 35px;\n            .liveview_left_input{\n                width: 185px;\n                /deep/ .el-input__inner{\n                    background: rgba(73, 74, 76, 0.2);\n                    border-radius: 20px;\n                    border: none;\n                    text-align:center;\n                    height: 28px;\n                    font-size: 12px;\n                }\n            }\n            .button_addpv{\n                font-size: 12px;\n                padding: 5px 7px;\n                background-color: #3ABCFE;\n                border: none;\n            }\n            .button_addpv1{\n                font-size: 12px;\n                padding: 5px 7px;\n                background:none;\n                border: 1px solid #3ABCFE;\n            }\n            .button_liveview{\n                font-size: 12px;\n                padding: 5px 14px;\n                background-color: #3ABCFE;\n                border: none;\n            }\n            .button_liveview1{\n                font-size: 12px;\n                padding: 5px 14px;\n                background:none;\n                border: 1px solid #3ABCFE;\n            }\n            .button_replay{\n                font-size: 12px;\n                padding: 5px 14px;\n                background-color: #3ABCFE;\n                border: none;\n            }\n            .button_replay1{\n                font-size: 12px;\n                padding: 5px 14px;\n                background:none;\n                border: 1px solid #3ABCFE;\n            }\n            .button_watermark{\n                font-size: 12px;\n                padding: 5px 18px;\n                background-color: #3ABCFE;\n                border: none;\n            }\n            .button_watermark1{\n                font-size: 12px;\n                padding: 5px 18px;\n                background:none;\n                border: 1px solid #3ABCFE;\n            }\n        }\n        .changeRTC{\n            /deep/ .el-input{\n                width: 86%;\n            }\n            /deep/ .el-input__inner{\n                border: 1px solid #3ABCFE;\n                height: 24px;\n                line-height: 24px;\n            }\n        }\n    }\n\n}\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Client.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Client.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Client.vue?vue&type=template&id=0c9866d0&scoped=true&\"\nimport script from \"./Client.vue?vue&type=script&lang=js&\"\nexport * from \"./Client.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Client.vue?vue&type=style&index=0&id=0c9866d0&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0c9866d0\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Client.vue?vue&type=style&index=0&id=0c9866d0&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Client.vue?vue&type=style&index=0&id=0c9866d0&lang=scss&scoped=true&\""],"sourceRoot":""}