{"version":3,"sources":["webpack:///./src/views/Tour.vue?d340","webpack:///./src/views/Tour.vue?20bf","webpack:///./src/views/Tour.vue?b4a2","webpack:///./src/views/Tour.vue","webpack:///src/views/Tour.vue","webpack:///./src/views/true/Trueplay.vue?0ece","webpack:///./src/assets/js/h5splayerhelper.js","webpack:///./src/views/true/Trueplay.vue?9c2c","webpack:///./src/views/true/Trueplay.vue?ea92","webpack:///./src/views/true/Trueplay.vue","webpack:///./src/views/public/device.js","webpack:///src/views/true/Trueplay.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","model","value","callback","$$v","filterText","expression","activeNames","slot","staticStyle","_v","_s","$t","data","filterNode","defaultProps","scopedSlots","_u","key","fn","ref","class","iconclass","token","iconclass1","label","iconclass2","on","$event","stopPropagation","Refresh","viewdata","defaultProps2","icon","strName","_l","r","c","preventDefault","stopVideo","videoClick","rows","cols","changeWS","regionchoice","item","Play","Allpause","changePanel","panelFullScreen","region","streamprofile","label2","label3","proto","staticRenderFns","component","H5siOS","iDevices","navigator","platform","length","pop","videoid","Vue","use","VueI18n","i18n","locale","messages","LangEn","LangZhCHS","LangZhCHT","store","state","lang","root","IPPORT","listdatag","listdatagload","listdatag1","loadtest","url","axios","get","then","result","status","srcGroup","children","tc","i","src","node","name","disabled_me","newItem","push","loadDevice","srcData","dev","srclevel","strToken","loadSrc","l","catch","error","console","log","NumberDevice","NumberSrc","cloudDevice","cloudSrc","Regional","oldarr","oldarr1","dataroot","getchild","arr","arr1","cam","j","node1","bOnline","nConnectType","bRec","bDisable"],"mappings":"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","file":"static/js/chunk-0d19f536.0019169b.js","sourcesContent":["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!./Tour.vue?vue&type=style&index=0&lang=scss&\"; 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!./Tour.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"liveview tour\"},[_c('div',{staticClass:\"liveview_left\"},[_c('el-input',{staticClass:\"liveview_left_input\",attrs:{\"placeholder\":\"输入关键字进行过滤\"},model:{value:(_vm.filterText),callback:function ($$v) {_vm.filterText=$$v},expression:\"filterText\"}}),_c('el-collapse',{model:{value:(_vm.activeNames),callback:function ($$v) {_vm.activeNames=$$v},expression:\"activeNames\"}},[_c('el-collapse-item',{attrs:{\"name\":\"1\",\"id\":\"headswitchtour\"}},[_c('template',{slot:\"title\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"space-between\",\"width\":\"85%\",\"align-items\":\"center\"}},[_c('div',[_vm._v(_vm._s(_vm.$t(\"message.live.device\")))]),_c('div',{staticClass:\"liveview_colltitle\"})])]),_c('el-tree',{attrs:{\"data\":_vm.data,\"node-key\":\"id\",\"filter-node-method\":_vm.filterNode,\"props\":_vm.defaultProps},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _c('span',{staticStyle:{\"width\":\"100%\"}},[_c('div',{staticStyle:{\"width\":\"100%\",\"display\":\"flex\",\"justify-content\":\"space-between\"}},[_c('span',{staticClass:\"size_color\",attrs:{\"draggable\":\"true\"}},[_c('span',{class:data.iconclass,staticStyle:{\"font-size\":\"12px\"},attrs:{\"id\":'icon'+data.token}}),_c('span',{class:data.iconclass1,staticStyle:{\"padding-left\":\"4px\"}},[_vm._v(_vm._s(data.label))])]),_c('span',{staticClass:\"black\",class:data.iconclass2},[_vm._v(_vm._s(_vm.$t(\"message.live.Videorecording\")))])])])}}])})],2),_c('el-collapse-item',{attrs:{\"name\":\"2\"}},[_c('template',{slot:\"title\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"space-between\",\"width\":\"85%\",\"align-items\":\"center\"}},[_c('div',[_vm._v(_vm._s(_vm.$t(\"message.live.View\")))]),_c('div',{staticClass:\"liveview_colltitle\"},[_c('div',{staticClass:\"liveview_titleicon1\",on:{\"click\":function($event){$event.stopPropagation();return _vm.Refresh('view')}}})])])]),_c('el-tree',{ref:\"tree\",staticClass:\"el_tree\",attrs:{\"show-checkbox\":\"\",\"node-key\":\"strName\",\"default-expanded-keys\":['root'],\"data\":_vm.viewdata,\"props\":_vm.defaultProps2},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _c('span',{staticStyle:{\"width\":\"100%\"}},[_c('div',{staticStyle:{\"width\":\"100%\",\"display\":\"flex\",\"justify-content\":\"space-between\"}},[_c('span',[_c('span',{class:data.icon}),_c('span',{staticStyle:{\"padding-left\":\"6px\"}},[_vm._v(_vm._s(data.strName))])])])])}}])})],2)],1)],1),_c('div',{staticClass:\"liveview_right\",attrs:{\"id\":\"videoPanel\"}},[_c('div',{attrs:{\"id\":\"video_hed\"}},_vm._l((_vm.rows),function(r){return _c('div',{key:r,staticClass:\"videoColor videogh\",staticStyle:{\"position\":\"relative\"},attrs:{\"name\":\"flex\"}},_vm._l((_vm.cols),function(c){return _c('div',{key:c,staticClass:\"palace\",attrs:{\"name\":\"flex\"},on:{\"contextmenu\":function($event){$event.preventDefault();return _vm.stopVideo($event)},\"click\":function($event){return _vm.videoClick(r,c,$event)}}},[_c('True-play',{attrs:{\"id\":'h'+r+c,\"h5id\":'h'+r+c,\"rows\":_vm.rows,\"cols\":_vm.cols,\"h5videoid\":'hvideo'+r+c}})],1)}),0)}),0),_c('div',{staticClass:\"liveview_group blocks\"},[_c('div',{staticClass:\"liveview_function\"},[_c('el-select',{staticStyle:{\"width\":\"70px\",\"margin-right\":\"20px\"},attrs:{\"size\":\"mini\"},on:{\"change\":_vm.changeWS},model:{value:(_vm.regionchoice),callback:function ($$v) {_vm.regionchoice=$$v},expression:\"regionchoice\"}},_vm._l((_vm.regiondata),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1),_c('el-button',{staticClass:\"tour_start\",attrs:{\"size\":\"mini\"},on:{\"click\":function($event){return _vm.Play(_vm.regionchoice)}}},[_vm._v(_vm._s(_vm.$t(\"message.tour.Start\")))]),_c('el-button',{staticClass:\"tour_stop\",attrs:{\"size\":\"mini\"},on:{\"click\":_vm.Allpause}},[_vm._v(_vm._s(_vm.$t(\"message.tour.stop\")))])],1),_c('div',{staticClass:\"liveview_butt\"},[_c('el-button',{staticClass:\"iconfont icon-tubiao_huaban1\",attrs:{\"type\":\"button\",\"data-row\":\"1|1\"},on:{\"click\":function($event){return _vm.changePanel($event)}}}),_c('el-button',{staticClass:\"iconfont icon-tubiao_huaban1fuben2\",attrs:{\"type\":\"button\",\"data-row\":\"2|2\"},on:{\"click\":function($event){return _vm.changePanel($event)}}}),_c('el-button',{staticClass:\"iconfont icon-tubiao_huaban1fuben3\",attrs:{\"type\":\"button\",\"data-row\":\"1|6\"},on:{\"click\":function($event){return _vm.changePanel($event)}}}),_c('el-button',{staticClass:\"iconfont icon-tubiao_huaban1fuben4\",attrs:{\"type\":\"button\",\"data-row\":\"1|7\"},on:{\"click\":function($event){return _vm.changePanel($event)}}}),_c('el-button',{staticClass:\"iconfont icon-tubiao_huaban1fuben5\",attrs:{\"type\":\"button\",\"data-row\":\"3|3\"},on:{\"click\":function($event){return _vm.changePanel($event)}}}),_c('el-button',{staticClass:\"iconfont icon-tubiao_huaban1fuben6\",attrs:{\"type\":\"button\",\"data-row\":\"1|13\"},on:{\"click\":function($event){return _vm.changePanel($event)}}}),_c('el-button',{staticClass:\"iconfont icon-qietu16\",attrs:{\"type\":\"button\",\"data-row\":\"4|4\"},on:{\"click\":function($event){return _vm.changePanel($event)}}}),_c('el-button',{staticClass:\"iconfont icon-qietu25\",attrs:{\"type\":\"button\",\"data-row\":\"5|5\"},on:{\"click\":function($event){return _vm.changePanel($event)}}}),_c('el-button',{staticClass:\"iconfont icon-tubiao_huaban1fuben9\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.panelFullScreen($event)}}})],1),_c('div',{staticClass:\"liveview_butts\"},[_c('el-popover',{attrs:{\"placement\":\"top-start\",\"width\":\"200\",\"trigger\":\"click\"}},[_c('div',{staticClass:\"tour_region\"},[_c('el-select',{attrs:{\"size\":\"mini\"},on:{\"change\":_vm.changeWS},model:{value:(_vm.region),callback:function ($$v) {_vm.region=$$v},expression:\"region\"}},[_c('el-option',{attrs:{\"label\":\"20\",\"value\":\"20\"}}),_c('el-option',{attrs:{\"label\":\"30\",\"value\":\"30\"}}),_c('el-option',{attrs:{\"label\":\"60\",\"value\":\"60\"}})],1),_c('el-select',{attrs:{\"size\":\"mini\"},on:{\"change\":_vm.changeWS},model:{value:(_vm.streamprofile),callback:function ($$v) {_vm.streamprofile=$$v},expression:\"streamprofile\"}},[_c('el-option',{attrs:{\"label\":_vm.label.label2,\"value\":\"main\"}}),_c('el-option',{attrs:{\"label\":_vm.label.label3,\"value\":\"sub\"}})],1),_c('el-select',{attrs:{\"size\":\"mini\"},on:{\"change\":_vm.changeWS},model:{value:(_vm.proto),callback:function ($$v) {_vm.proto=$$v},expression:\"proto\"}},[_c('el-option',{attrs:{\"label\":\"WS\",\"value\":\"WS\"}}),_c('el-option',{attrs:{\"label\":\"RTC\",\"value\":\"RTC\"}})],1)],1),_c('el-button',{staticClass:\"iconfont icon-shezhi\",attrs:{\"slot\":\"reference\"},slot:\"reference\"})],1)],1)]),_c('div',{staticClass:\"liveview_Tips\"},[_vm._v(\"选择巡更模式\")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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!./Tour.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!./Tour.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Tour.vue?vue&type=template&id=13af0e9c&\"\nimport script from \"./Tour.vue?vue&type=script&lang=js&\"\nexport * from \"./Tour.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Tour.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n    <div class=\"liveview tour\">\n      <!-- 左侧数据栏 -->\n\t\t<div class=\"liveview_left\">\n            <el-input\n                class=\"liveview_left_input\"\n                placeholder=\"输入关键字进行过滤\"\n                v-model=\"filterText\">\n            </el-input>\n            <el-collapse v-model=\"activeNames\">\n                <el-collapse-item name=\"1\" id=\"headswitchtour\">\n                    <template slot=\"title\">\n                        <div style=\"display: flex;justify-content: space-between;width: 85%; align-items: center;\">\n                            <div>{{$t(\"message.live.device\")}}</div>\n                            <div class=\"liveview_colltitle\">\n                                <!-- <div class=\"liveview_titleicon1\"></div> -->\n                                <!-- <div @click.stop=\"headswitch1\" class=\"liveview_titleicon\"></div> -->\n                            </div>\n                        </div>\n                    </template>\n                    <el-tree\n                        :data=\"data\"\n                        node-key=\"id\"\n                        :filter-node-method=\"filterNode\"\n                        :props=\"defaultProps\">\n                        <span slot-scope=\"{ data }\" style=\"width:100%;\">\n                            <div style=\"width:100%;display: flex;justify-content: space-between;\">\n                                <!-- draggable=\"true\" \n                                    @dragstart=\"dragStart($event,data.token,data.label,data.streamprofile, data.name,data.disabled_me,node)\" -->\n                                <span \n                                    class=\"size_color\" \n                                    draggable=\"true\" >\n                                    <span style=\"font-size: 12px;\" :class=\"data.iconclass\" :id=\"'icon'+data.token\"></span>\n                                    <span :class=\"data.iconclass1\" style=\"padding-left: 4px;\">{{data.label}}</span>\n                                </span>\n                                <span :class=\"data.iconclass2\" class=\"black\" style=\"\">{{$t(\"message.live.Videorecording\")}}</span>\n                            </div>\n                        </span>\n                    </el-tree>\n                </el-collapse-item>\n                <el-collapse-item name=\"2\" >\n                    <template slot=\"title\">\n                        <div style=\"display: flex;justify-content: space-between;width: 85%; align-items: center;\">\n                            <div>{{$t(\"message.live.View\")}}</div>\n                            <div class=\"liveview_colltitle\">\n                                <div class=\"liveview_titleicon1\" @click.stop=\"Refresh('view')\"></div>\n                            </div>\n                        </div>\n                    </template>\n                    <el-tree\n                        show-checkbox\n                        ref=\"tree\"\n                        class=\"el_tree\"\n                        node-key=\"strName\" \n                        :default-expanded-keys=\"['root']\" \n                        :data=\"viewdata\"\n                        :props=\"defaultProps2\">\n                        <span slot-scope=\"{data }\" style=\"width:100%;\">\n                            <div style=\"width:100%;display: flex;justify-content: space-between;\">\n                                <span>\n                                    <span :class=\"data.icon\"></span>\n                                    <span style=\"padding-left: 6px;\">{{data.strName}}</span>\n                                </span>\n                            </div>\n                        </span>\n                    </el-tree>\n                </el-collapse-item>\n            </el-collapse>\n\t\t</div>\n\t\t<!-- 右边视频栏 -->\n      \t<div class=\"liveview_right\" id=\"videoPanel\">\n            <div id=\"video_hed\">\n                <div name='flex' style=\"position: relative;\" class=\"videoColor videogh\"  v-for=\"r in rows\" :key=\"r\">\n                    <div \n                        class=\"palace\" \n                        name=\"flex\" \n                        v-for=\"c in cols\" \n                        :key=\"c\" \n                        @contextmenu.prevent=\"stopVideo($event)\" \n                        @click=\"videoClick(r,c,$event)\">\n                        <True-play v-bind:id=\"'h'+r+c\" :h5id=\"'h'+r+c\" :rows=\"rows\" :cols=\"cols\" :h5videoid=\"'hvideo'+r+c\"></True-play>\n                    </div>\n                </div>\n            </div>\n\t\t\t<div class=\"liveview_group blocks\">\n                <div class=\"liveview_function\">\n                    <el-select \n                        v-model=\"regionchoice\" \n                        size=\"mini\" \n                        style=\"width:70px;margin-right: 20px;\"\n                        @change=\"changeWS\">\n                        <el-option\n                            v-for=\"item in regiondata\"\n                            :key=\"item.value\"\n                            :label=\"item.label\"\n                            :value=\"item.value\">\n                        </el-option>\n                    </el-select>\n                    <el-button class=\"tour_start\" size=\"mini\" @click=\"Play(regionchoice)\">{{$t(\"message.tour.Start\")}}</el-button>\n                    <el-button class=\"tour_stop\" size=\"mini\" @click=\"Allpause\">{{$t(\"message.tour.stop\")}}</el-button>\n                    \n                </div>\n                <div class=\"liveview_butt\">\n                    <el-button type=\"button\" class=\"iconfont icon-tubiao_huaban1\" data-row=\"1|1\" @click=\"changePanel($event)\"></el-button>\n                    <!-- <el-button type=\"button\" class=\"iconfont icon-tubiao_huaban1fuben\" data-row=\"1|3\" @click=\"changePanel($event)\"></el-button> -->\n                    <el-button type=\"button\" class=\"iconfont icon-tubiao_huaban1fuben2\" data-row=\"2|2\" @click=\"changePanel($event)\"></el-button>\n\n                    <el-button type=\"button\" class=\"iconfont icon-tubiao_huaban1fuben3\" data-row=\"1|6\" @click=\"changePanel($event)\"></el-button>\n                    <el-button type=\"button\" class=\"iconfont icon-tubiao_huaban1fuben4\" data-row=\"1|7\" @click=\"changePanel($event)\"></el-button>\n\n                    <el-button type=\"button\" class=\"iconfont icon-tubiao_huaban1fuben5\" data-row=\"3|3\" @click=\"changePanel($event)\"></el-button>\n\n                    \n                    <el-button type=\"button\" class=\"iconfont icon-tubiao_huaban1fuben6\" data-row=\"1|13\" @click=\"changePanel($event)\"></el-button>\n\n                    <el-button type=\"button\" class=\"iconfont icon-qietu16\" data-row=\"4|4\" @click=\"changePanel($event)\"></el-button>\n                    <el-button type=\"button\" class=\"iconfont icon-qietu25\" data-row=\"5|5\" @click=\"changePanel($event)\"></el-button>\n                    <el-button type=\"button\" class=\"iconfont icon-tubiao_huaban1fuben9\" @click=\"panelFullScreen($event)\"> </el-button>\n                </div>\n                <div class=\"liveview_butts\">\n                      <el-popover\n                        placement=\"top-start\"\n                        width=\"200\"\n                        trigger=\"click\">\n                        <div class=\"tour_region\">\n                            <el-select v-model=\"region\" size=\"mini\"  @change=\"changeWS\">\n                                <el-option label=\"20\" value=\"20\"></el-option>\n                                <el-option label=\"30\" value=\"30\"></el-option>\n                                <el-option label=\"60\" value=\"60\"></el-option>\n                            </el-select>\n                            <el-select v-model=\"streamprofile\" size=\"mini\" @change=\"changeWS\">\n                                <el-option :label=\"label.label2\" value=\"main\"></el-option>\n                                <el-option :label=\"label.label3\" value=\"sub\"></el-option>\n                            </el-select>\n                            <el-select v-model=\"proto\" size=\"mini\" @change=\"changeWS\">\n                                <el-option label=\"WS\" value=\"WS\"></el-option>\n                                <el-option label=\"RTC\" value=\"RTC\"></el-option>\n                            </el-select>\n                        </div>\n                        <el-button slot=\"reference\" class=\"iconfont icon-shezhi\"></el-button>\n                    </el-popover>\n                </div>\n\t\t\t</div>\n            <div class=\"liveview_Tips\">选择巡更模式</div>\n\t\t</div>\n    </div>\n</template>\n\n<script>\nimport Vue from 'vue'\nimport Trueplay from './true/Trueplay'\nimport {listdatag,listdatagload,listdatag1} from './public/device'\nexport default {\n    name: 'Liveview',\n    components: {\n        'True-play': Trueplay\n    },\n\tdata(){\n\t\treturn{\n            label:{\n                label2:this.$t(\"message.live.mainstream\"),//选3\n                label3:this.$t(\"message.live.substream\")//选3\n            },\n            activeNames: ['1','2'],//左边\n\t\t\trows: 3,\n            cols: 3,\n\t\t\tselectCol: 1,\n\t\t\tselectRow: 1,\n\t\t\tcontentHeight: '',\n            contentWidth: '',\n            filterText:\"\",//搜索框\n            data:listdatag,\n            data1:listdatag1,\n            viewdata:[],//视图数据\n            Getsredata:[],//全部数据\n            defaultProps: {\n                children: 'children',\n                label: 'label',\n                token:\"token\",\n                iconclass:\"iconclass\"\n            },\n            defaultProps2:{\n                label: 'strName',\n            },\n\n            drawer: false,//右侧栏\n            direction: 'rtl',//右侧栏\n            title:this.$t(\"message.live.setting\"),\n            region:20,//几秒钟更换\n            streamprofile:\"main\",//码流\n            proto: \"WS\",//协议\n            h5playev1:[],//内容\n            timersetInterval:\"\",//定时器\n            token_index:\"\",//删除个数\n\n            regionchoice:\"设备\",//选择\n            regiondata:[{\n                    value: \"设备\",\n                    label: \"设备\"\n                },{\n                    value: \"视图\",\n                    label: \"视图\"\n                }],\n\t\t}\n    },\n    beforeDestroy() {\n        clearInterval(this.timersetInterval);\n    },\n\tmounted(){\n        this.updateUI();\n        var storage=JSON.parse(localStorage.getItem(\"TourStorage\"));\n        console.log(storage)\n        if(storage!=null){\n            this.proto=storage.proto\n            this.region=storage.region\n            this.streamprofile=storage.streamprofile\n            this.regionchoice=storage.regionchoice\n        }\n        $('#headswitchtour1').hide()\n        this.srcview();\n        this.GetSrc();\n    },\n\tmethods:{\n        //刷新\n        Refresh(type){\n            if(type=='view'){\n                this.viewdata=[];\n                this.srcview();\n            }\n        },\n        //ws rtc\n        changeWS(event) {\n            //this.proto = \"WS\";\n            var tourStorage={\n                proto:this.proto,\n                streamprofile:this.streamprofile,\n                region:this.region,\n                regionchoice:this.regionchoice\n            }\n            tourStorage=JSON.stringify(tourStorage)\n            console.log(tourStorage);\n            // this.$store.state.tourrtc=proto\n            localStorage.setItem(\"TourStorage\",tourStorage);\n        },\n        //开始\n        Play(value){\n            this.changeWS;\n            // this.Allpause()\n            console.log(value)\n            // return false\n            if(value==='设备'){\n                this.Playall();\n            }else if(value===\"视图\"){\n                this.Playview();\n            }\n            \n        },\n        Playall(){\n            var timing=this.region*1000;\n            //url\n            var token_q=[];\n            var data=this.Getsredata;\n            for(var i=0; i< data.length; i++){\n                for(var l=0; l< data[i].src.length; l++){\n                    token_q.push(data[i].src[l].strToken);\n                }\n            }\n            var token_lenght=token_q.length\n            console.log(token_q,token_q.length)\n            this.$nextTick(()=>{\n                \n                for(var i=0; i< token_lenght; i++){\n                    if(i<this.rows*this.cols){\n                        var item = token_q[i];\n                        this.Tranvalue(item,i)\n                        console.log(item,i)\n                        token_q.push(token_q[i]);\n                    }\n                    \n                }\n                if(token_lenght>this.rows*this.cols){\n                    token_q.splice(0,this.rows*this.cols);\n                }else{\n                    token_q.splice(0,token_lenght);\n                }\n            })\n            // return false\n                \n            this.timersetInterval=setInterval(function(){\n                for(var l=0; l< token_lenght; l++){\n                    if(l<this.rows*this.cols){\n                        var item = token_q[l];\n                        console.log(item)\n                        this.Tranvalue(item,l)\n                        token_q.push(item);\n                    }\n                }\n                this.$nextTick(()=>{\n                    if(token_lenght>this.rows*this.cols){\n                        token_q.splice(0,this.rows*this.cols);\n                    }else{\n                        token_q.splice(0,token_lenght);\n                    }\n                })\n\n            }.bind(this),timing)\n            this.$once('hook:beforeDestroy', () => {            \n                clearInterval(this.timersetInterval);                                    \n            })\n        },\n        Playview(){\n            var _this=this\n            _this.$root.bus.$emit('liveplaystop');\n            var timing=this.region*1000;\n            var data=this.$refs.tree.getCheckedNodes();\n            if(data.length==0){\n                return\n            }\n            console.log(data)\n            // return\n            this.changePanel(data[0],'viewClick')\n            for(var i=0;i<data[0].src.length;i++){\n                var item = data[0].src[i].strToken;\n                this.Tranvalue(item,i,data[0].src[i].strIndex)\n            }\n            data.push(data[0])\n            data.shift()\n            // console.log(data[0].strToken)\n            this.timersetInterval=setInterval(function(){\n                _this.$root.bus.$emit('liveplaystop');\n                _this.changePanel(data[0],'viewClick')\n                for(var i=0;i<data[0].src.length;i++){\n                    var item = data[0].src[i].strToken;\n                    _this.Tranvalue(item,i,data[0].src[i].strIndex)\n                }\n                data.push(data[0])\n                data.shift()\n                // console.log(data[0].strToken)\n            },timing)\n        },\n        //视图数据\n        srcview(){\n            var url = this.$store.state.IPPORT + \"/api/v1/GetView?session=\"+ this.$store.state.token;\n            this.$http.get(url).then(result=>{\n                if (result.status === 200) {\n                    console.log(result)\n                    var oldarr=result.data.conf;\n                    var oldarr1=result.data.src;\n                    // console.log(oldarr,oldarr1)\n                    \n                    for(var l in oldarr){\n                        var dataroot=this.getview(oldarr[l],oldarr1);\n                        // console.log(dataroot)\n                        this.viewdata.push(dataroot);\n                    }\n                    // console.log(this.viewdata)\n                }\n            })\n\n        },\n        getview(arr,arr1){\n            if(arr.strLayoutType=='1|1'){\n                arr.icon='iconfont icon-tubiao_huaban11'\n            }else if(arr.strLayoutType=='1|3'){\n                arr.icon='iconfont icon-tubiao_huaban1fuben1'\n            }else if(arr.strLayoutType=='2|2'){\n                arr.icon='iconfont icon-tubiao_huaban1fuben21'\n            }else if(arr.strLayoutType=='1|6'){\n                arr.icon='iconfont icon-tubiao_huaban1fuben31'\n            }else if(arr.strLayoutType=='1|7'){\n                arr.icon='iconfont icon-tubiao_huaban1fuben41'\n            }else if(arr.strLayoutType=='3|3'){\n                arr.icon='iconfont icon-tubiao_huaban1fuben51'\n            }else if(arr.strLayoutType=='1|13'){\n                arr.icon='iconfont icon-tubiao_huaban1fuben61'\n            }else if(arr.strLayoutType=='4|4'){\n                arr.icon='iconfont icon-tubiao_huaban1fuben71'\n            }else if(arr.strLayoutType=='5|5'){\n                arr.icon='iconfont icon-tubiao_huaban1fuben8'\n            }\n            for(var i in arr.src){\n                for(var j in arr1){\n                    if(arr.src[i].strToken == arr1[j].strToken){\n                        arr.src[i].strName = arr1[j].strName;\n                        // console.log(arr.src[i])\n                    }\n                }\n            }\n            // if(arr.src && arr.src.length>0){\n            //     for (var i = 0; i < arr.src.length; i++) {\n            //         arr.src[i] = getview(arr.src[i],arr1);\n            //     }\n            // }\n            return arr;\n        },\n        GetSrc(){\n            \n            var root = this.$store.state.IPPORT;\n\n            var url = root + \"/api/v1/GetSrc?getonline=false&session=\"+ this.$store.state.token;\n            // return false\n            this.$http.get(url).then(result=>{\n                //console.log(\"a\",result);\n                if(result.status == 200){\n                    var data =  result.data;\n                    console.log(data);\n                    this.Getsredata.push(result.data);\n                    \n                }\n            })\n            \n            \n        }, \n        Tranvalue(item,i,condition){\n            console.log(item,i,condition);\n            var vid='';\n            if (condition) {\n                setTimeout(()=>{\n                    var vdata={\n                        token:item,\n                        streamprofile:this.streamprofile,\n                        vid:condition\n                    }\n                    console.log(vdata)\n                    this.$store.state.trueplay=vdata\n                },200)\n            }else{\n                if(this.rows*this.cols==1||this.rows*this.cols==3||this.rows*this.cols==6||this.rows*this.cols==7||this.rows*this.cols==13){\n                    if (i==0) {\n                        vid = 'h' +11;\n                    }else if (i==1) {\n                        vid = 'h' +12;\n                    }else if (i==2) {\n                        vid = 'h' +13;\n                    }else if (i==3) {\n                        vid = 'h' +14;\n                    }else if (i==4) {\n                        vid = 'h' +15;\n                    }else if (i==5) {\n                        vid = 'h' +16;\n                    }else if (i==6) {\n                        vid = 'h' +17;\n                    }else if (i==7) {\n                        vid = 'h' +18;\n                    }else if (i==8) {\n                        vid = 'h' +19;\n                    }else if (i==9) {\n                        vid = 'h' +110;\n                    }else if (i==10) {\n                        vid = 'h' +111;\n                    }else if (i==11) {\n                        vid = 'h' +112;\n                    }else if (i==12) {\n                        vid = 'h' +113;\n                    }\n                    console.log(item,vid)\n                    setTimeout(()=>{\n                        var vdata={\n                            token:item,\n                            streamprofile:this.streamprofile,\n                            vid:vid\n                        }\n                        console.log(vdata)\n                        this.$store.state.trueplay=vdata\n                    },200)\n                }\n                if(this.rows*this.cols==4||this.rows*this.cols==9||this.rows*this.cols==16||this.rows*this.cols==25){   \n                    if (i==0) {\n                        vid = 'h' +11;\n                    }else if (i==1) {\n                        vid = 'h' +12;\n                    }else if (i==2) {\n                        vid = 'h' +21;\n                    }else if (i==3) {\n                        vid = 'h' +22;\n                    }else if (i==4) {\n                        vid = 'h' +13;\n                    }else if (i==5) {\n                        vid = 'h' +23;\n                    }else if (i==6) {\n                        vid = 'h' +31;\n                    }else if (i==7) {\n                        vid = 'h' +32;\n                    }else if (i==8) {\n                        vid = 'h' +33;\n                    }else if (i==9) {\n                        vid = 'h' +14;\n                    }else if (i==10) {\n                        vid = 'h' +24;\n                    }else if (i==11) {\n                        vid = 'h' +34;\n                    }else if (i==12) {\n                        vid = 'h' +41;\n                    }else if (i==13) {\n                        vid = 'h' +42;\n                    }else if (i==14) {\n                        vid = 'h' +43;\n                    }else if (i==15) {\n                        vid = 'h' +44;\n                    }\n                    // console.log(item,vid)\n                    setTimeout(()=>{\n                        var vdata={\n                            token:item,\n                            streamprofile:this.streamprofile,\n                            vid:vid\n                        }\n                        console.log(vdata)\n                        this.$store.state.trueplay=vdata\n                    },200)\n                    // this.$root.bus.$emit('livetour', item ,this.streamprofile, vid);\n                }\n            }\n        },\n        //全部暂停\n        Allpause(){\n            this.$root.bus.$emit('liveplaystop');\n            clearInterval(this.timersetInterval);\n            //console.log(\"b\");\n        },\n\n\t\t//点击宫格\n\t\tvideoClick(r, c, $event) {\n            this.selectCol = c;\n            this.selectRow = r;\n            console.log(r, c);\n            $(\".h5container\").removeClass('h5videoh');\n            $(\"#h\"+r+c).addClass('h5videoh');\n        },\n        stopVideo(event){\n            return;\n        },\n\t\t// ui宽度\n\t\tupdateUI() {\n            if($(document.body).width() < 768){\n                this.contentHeight = $(document.body).height()*0.4;\n            }else{\n                this.contentHeight = $(document.body).height()*0.82;\n            }\n            this.contentHeight = $('.videogh').height();\n            $('div[name=\"flex\"]').height(this.contentHeight / this.rows);\n            //this.contentHeight = $(document.body).height()*0.8;\n            // let _this = this;\n            // if (H5siOS() === true)\n            // {\n            //     $('.h5video').prop(\"controls\", true);\n            // }\n        },\n\t\t//点击宫格\n        changePanel(event,viewClick) {\n            console.log(event,viewClick);\n            var data=''\n            if(viewClick=='viewClick'){\n                data=event.strLayoutType\n            }else{\n                data = $(event.target).data('row');\n            }\n            let _this = this;\n            window.setTimeout(function() {\n                if(data=='1|6'||data=='1|7'||data=='1|13'){\n                    // console.log(\"121\");\n                    \n                }else{\n                    // console.log(\"45845454545\");\n                    $(\"#videoPanel .videoColor .palace\").removeClass(\"Seven_Palace\");\n                    $(\"#videoPanel .videoColor .palace\").removeClass(\"Six_Palace\");\n                    $(\"#videoPanel .videoColor .palace\").removeClass(\"videoflexitem\");\n                }\n                var list_gong=$(\".palace\");\n                if(data=='1|6'){\n                    // console.log(\"23\")\n                    list_gong.removeClass(\"videoflexitem\");\n                    list_gong.removeClass(\"Seven_Palace\");\n\n                    list_gong.addClass(\"Six_Palace\");\n                }\n                if(data=='1|7'){\n                    // console.log(\"234\")\n                    list_gong.removeClass(\"videoflexitem\");\n                    list_gong.removeClass(\"Six_Palace\");\n\n                    list_gong.addClass(\"Seven_Palace\");\n                }\n                if(data=='1|13'){\n                    // console.log(\"2345\")\n                    list_gong.removeClass(\"Six_Palace\");\n                    list_gong.removeClass(\"Seven_Palace\");\n\n                    list_gong.addClass(\"videoflexitem\");\n                }\n\n\t\t    }, 50);\n            let cols = data.split('|')[1];\n            let rows = data.split('|')[0];\n            //this.map.clear();\n            Object.assign(this.$data, {\n                rows: parseInt(rows),\n                cols: parseInt(cols)\n            });\n            Vue.nextTick(function () {\n                //$('div[name=\"flex\"]').height(($(\".content\").height() - 50) / rows);\n                $('div[name=\"flex\"]').height(_this.contentHeight / rows);\n            })\n        },\n        //全屏\n        panelFullScreen(event) {\n            var elem = document.getElementById('video_hed');\n            //var elem = $(\"#videoPanel\");\n            console.log('panelFullScreen', event);\n            if (\n            document.fullscreenEnabled ||\n            document.webkitFullscreenEnabled ||\n            document.mozFullScreenEnabled ||\n            document.msFullscreenEnabled\n            ) {\n                if (\n                    document.fullscreenElement ||\n                    document.webkitFullscreenElement ||\n                    document.mozFullScreenElement ||\n                    document.msFullscreenElement\n                ) {\n                    if (document.exitFullscreen) {\n                        document.exitFullscreen();\n                    } else if (document.webkitExitFullscreen) {\n                        document.webkitExitFullscreen();\n                    } else if (document.mozCancelFullScreen) {\n                        document.mozCancelFullScreen();\n                    } else if (document.msExitFullscreen) {\n                        document.msExitFullscreen();\n                    }\n                    console.log(\"========  updateUIExitFullScreen\");\n                    this.contentHeight = $(document.body).height()*0.82;\n                    this.updateUIExitFullScreen();\n                } else {\n                     console.log('panelFullScreen3',window.screen.height);\n                    this.contentHeight = window.screen.height\n                    if (elem.requestFullscreen) {\n                        elem.requestFullscreen();\n                    } else if (elem.webkitRequestFullscreen) {\n                        elem.webkitRequestFullscreen();\n                    } else if (elem.mozRequestFullScreen) {\n                        elem.mozRequestFullScreen();\n                    } else if (elem.msRequestFullscreen) {\n                        elem.msRequestFullscreen();\n                    }\n                    this.updateUIEnterFullScreen();\n                    if (document.addEventListener)\n                    {\n                        document.addEventListener('webkitfullscreenchange', this.updateUIExitFullScreen, false);\n                        document.addEventListener('mozfullscreenchange', this.updateUIExitFullScreen, false);\n                        document.addEventListener('fullscreenchange', this.updateUIExitFullScreen, false);\n                        document.addEventListener('MSFullscreenChange', this.updateUIExitFullScreen, false);\n                    }\n                }\n            } else {\n                console.log('Fullscreen is not supported on your browser.');\n            }\n        },\n        updateUIEnterFullScreen(){\n            console.log(\"--------------1\")\n            $('div[name=\"flex\"]').height(screen.height / this.rows);\n        },\n        updateUIExitFullScreen(){\n            console.log(\"--------------2\")\n            if (!document.fullscreenElement && !document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement)\n            {\n                this.contentHeight = $(document.body).height()*0.82;\n                console.log(\"--------------3\",this.contentHeight)\n                $('div[name=\"flex\"]').height(this.contentHeight / this.rows);\n            }\n        },\n        //最菜的写法\n        headswitch(){\n            $('#headswitchtour').show()\n            $('#headswitchtour1').hide()\n        },\n        headswitch1(){\n            $('#headswitchtour1').show()\n            $('#headswitchtour').hide()\n        },\n        //模糊查询\n        filterNode(value, data, node) {\n            // 如果什么都没填就直接返回\n            if (!value) return true;\n            // 如果传入的value和data中的label相同说明是匹配到了\n            if (data.label.indexOf(value) !== -1) {\n            return true;\n            }\n            // 否则要去判断它是不是选中节点的子节点\n            return this.checkBelongToChooseNode(value, data, node);\n        },\n        // 判断传入的节点是不是选中节点的子节点\n        checkBelongToChooseNode(value, data, node) {\n            const level = node.level;\n            // 如果传入的节点本身就是一级节点就不用校验了\n            if (level === 1) {\n            return false;\n            }\n            // 先取当前节点的父节点\n            let parentData = node.parent;\n            // 遍历当前节点的父节点\n            let index = 0;\n            while (index < level - 1) {\n            // 如果匹配到直接返回\n            if (parentData.data.label.indexOf(value) !== -1) {\n                return true;\n            }\n            // 否则的话再往上一层做匹配\n            parentData = parentData.parent;\n            index ++;\n            }\n            // 没匹配到返回false\n            return false;\n        }\n    \n    },\n    //模糊查询\n    watch: {\n      filterText(val) {\n        console.log(\"filter\",val);\n        this.$refs.tree.filter(val);\n      }\n    }\n}\n</script>\n\n<style lang=\"scss\">\n.liveview.tour{\n    padding-top: 10px;\n    display: flex;\n    // flex-wrap: wrap;\n    justify-content: space-between;\n    .liveview_left{\n        width: 16%;\n        min-width: 290px;\n        height: 90vh;\n        margin: 0 5px;\n        overflow: auto;\n        &::-webkit-scrollbar{\n            display: none;\n        }\n        .liveview_left_input{\n            margin: 10px 0;\n        }\n        //录像管理\n        .black{\n            display: none;font-size: 12px;color: #606266; padding-left: 4px;line-height: 26px;color: #f00;\n        }\n        .none{\n            display: block;\n        }\n        \n        .el_tree .el-tree-node__content{\n            min-height: 24px;\n            height: auto;\n        }\n        .el-collapse{\n            .el-collapse-item{\n                height: 40vh;\n                .el-collapse-item__wrap{\n                    .el-collapse-item__content{\n                        height: 35vh;\n                        padding: 0 10px;\n                        overflow: auto;\n                        // ::-webkit-scrollbar{\n                        //     display: none;\n                        // }\n                    }\n                }\n            }\n        }\n        .liveview_colltitle{\n            display: flex;\n            .liveview_titleicon{\n                width: 35px;\n                height: 35px;\n                background: url(\"~@/views/liveview/imgs/liveview_titleicon.png\") no-repeat;\n                background: {\n                    size: 100%;\n                    \n                };\n            }\n            .liveview_titleicon1{\n                width: 35px;\n                height: 35px;\n                background: url(\"~@/views/liveview/imgs/liveview_titleicon1.png\") no-repeat;\n                background: {\n                    size: 100%;\n                    \n                };\n            }\n            .liveview_titleicon2{\n                width: 35px;\n                height: 35px;\n                background: url(\"~@/views/liveview/imgs/liveview_titleicon2.png\") no-repeat;\n                background: {\n                    size: 100%;\n                    \n                };\n            }\n        }\n    }\n    .liveview_right{\n        width: 84%;\n        /* 播放片段 */\n        .h5videoh{\n            /* border: 2px solid #f44336 !important;\n            box-sizing: border-box; */\n            box-shadow: 0 0 0 2px #f44336;\n            // box-sizing: border-box;\n            z-index: 10;\n        }\n        .videoColor {\n            .palace{\n                background-size: 10%;\n                flex: 1 1 10%;\n            }\n            /* 六 */\n            .Six_Palace{\n                flex: 1 1 33.33%!important;\n                height: 33.33% !important;\n                &:nth-child(1){\n                    flex: 1 1 66.66% !important;\n                    height: 66.66% !important;\n                }\n                &:nth-child(3){\n                    width: 33.33% !important;\n                    position: absolute;\n                    top: 33.33%;\n                    right: 0;\n                }\n            }\n            /* 十三宫格 */\n            .videoflexitem{\n                flex: 1 1 25% !important;\n                width: 25% !important;\n                height: 25% !important;\n                &:nth-child(6){\n                    position: absolute;\n                    top: 50%;\n                    left: 0;\n                }\n                &:nth-child(7){\n                    flex: 1 1 50% !important;\n                    height: 50% !important;\n                }\n                &:nth-child(8){\n                    flex: 1 1 25% !important;\n                    position: absolute;\n                    top: 50%;\n                    right: 0;\n                }\n            }\n            /* 七宫格 */\n            .Seven_Palace{\n                flex: 1 1 33.33%;\n                height: 33.33% !important;\n                &:nth-child(1){\n                    height: 100% !important;\n                }\n                &:nth-child(3){\n                    width: 33.33% !important;\n                    position: absolute;\n                    top: 33.33%;\n                    right: 0;\n                }\n                &:nth-child(2){\n                    width: 33.33% !important;\n                    position: absolute;\n                    top: 33.33%;\n                    right: 33.33%;\n                }\n                &:nth-child(6){\n                    width: 33.33% !important;\n                    position: absolute;\n                    bottom: 0;\n                    right: 33.33%;\n                }\n                &:nth-child(7){\n                    width: 33.33% !important;\n                    position: absolute;\n                    bottom: 0;\n                    right: 0;\n                }\n            }\n        }\n        div[name='flex'] {\n            display: flex;\n            flex-wrap: wrap;\n            border-bottom: 0px !important;\n            :hover {\n                /*background-color: #3c8dbc;*/\n                cursor: pointer;\n            }\n            +[name='flex'] {\n                border-left: 0px !important;\n            }\n        }\n        #video_hed{\n            .videoColor:last-child{\n                border-bottom: 1px solid transparent !important;\n            }\n        }\n        .liveview_group{\n            width: 100%;\n            padding: 18px 0 0 0;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            .liveview_function{\n                // width: 20%;\n                div{\n                    margin: 0 10px;\n                }\n                .tour_start{\n                    padding: 5px 15px;\n                    background-color: #3ABCFE;\n                    border: none;\n                    color: #FFFFFF;\n                    font-size: 14px;\n                }\n                .tour_stop{\n                    padding: 5px 15px;\n                    background: none;\n                    border: 1px solid #3ABCFE;\n                    font-size: 14px;\n                    // color: #FFFFFF;\n                }\n                .el-input__inner{\n                    // background: none;\n                    border: 1px solid #9A9A9A;\n                }\n            }\n            .liveview_butt{\n                width: 50%;\n                display: flex;\n                justify-content: space-around;\n            }\n            .liveview_butts{\n                // width: 20%;\n                font-size: 16px;\n                padding-right: 10px;\n            }\n        }\n        .liveview_Tips{\n            margin: 0 0 0 20px;\n            font-size: 12px;\n            font-family: PingFang SC;\n            font-weight: 500;\n            color: #FFFFFF;\n        }\n    }\n}\n</style>","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!./Trueplay.vue?vue&type=style&index=0&id=70eb46c2&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!./Trueplay.vue?vue&type=style&index=0&id=70eb46c2&lang=scss&scoped=true&\"","import {H5sPlayerWS,H5sPlayerHls,H5sPlayerRTC} from './h5splayer.js'\n/** \n * Check on iOS platform\n*/\nfunction H5siOS() {\n\n  var iDevices = [\n    'iPad Simulator',\n    'iPhone Simulator',\n    'iPod Simulator',\n    'iPad',\n    'iPhone',\n    'iPod'\n  ];\n\n  if (!!navigator.platform) {\n    while (iDevices.length) {\n      if (navigator.platform === iDevices.pop()){ return true; }\n    }\n  }\n\n  return false;\n}\n\n/** \n *=================H5Player Create\n *\n */\n \nfunction H5sPlayerCreate(conf) {\n\tvar player;\n\n\tif (H5siOS())\n\t{\n        player = new H5sPlayerRTC(conf);\n\t}else{\n        player = new H5sPlayerWS(conf);\n\t}\n\treturn player;\n}\n\n \n/** \n *=================H5Player Delete\n *\n */\nfunction H5sPlayerDelete(player) {\n\t// delete player;\n\t\n\treturn true;\n}\n \nexport {H5siOS,H5sPlayerCreate}\n\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"liveplay h5container\"},[_c('video',{staticClass:\"h5video\",attrs:{\"id\":_vm.videoid,\"autoplay\":\"\",\"webkit-playsinline\":\"\",\"playsinline\":\"\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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!./Trueplay.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!./Trueplay.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Trueplay.vue?vue&type=template&id=70eb46c2&scoped=true&\"\nimport script from \"./Trueplay.vue?vue&type=script&lang=js&\"\nexport * from \"./Trueplay.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Trueplay.vue?vue&type=style&index=0&id=70eb46c2&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  \"70eb46c2\",\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue'\nimport axios from 'axios'\nimport store from '../../store'\nimport VueI18n from 'vue-i18n'\nimport LangEn from '../../../static/lang/en'\nimport LangZhCHS from '../../../static/lang/zhchs'\nimport LangZhCHT from '../../../static/lang/zhcht'\nVue.use(VueI18n)\nconst i18n = new VueI18n({\n    locale: \"zhchs\",\n    messages: {\n      'en': LangEn,\n      'zhchs': LangZhCHS,\n      'zhcht': LangZhCHT\n    }\n})\ni18n.locale = store.state.lang\n\n\nlet root=store.state.IPPORT;\n//测试机仓\nvar listdatag=[];//全部\nvar listdatagload=[];//部分\nvar listdatag1=[];//一个\nfunction loadtest(){\n    if(store.state.root==\"Operator\"){\n        return false\n    }\n    var url = root + \"/api/v1//GetSrcCamera?session=\"+ store.state.token;\n    // return falsel;\n    axios.get(url).then(result=>{\n        if(result.status == 200){\n            var data =  result.data;\n            var srcGroup = {children: []};\n            srcGroup.label=i18n.tc('message.live.camera');\n            srcGroup.iconclass=\"iconfont  icon-kaiqishexiangtou1\";\n            for(var i=0; i< data.src.length; i++){\n                 var item = data.src[i];\n                if(item['nOriginalType'] == 'H5_CH_GB'){\n                    continue;\n                }else{\n                    // 主副流\n                    var node=[{\n                    token : item['strToken'],\n                    streamprofile : \"main\",\n                    label :i18n.tc('message.live.mainstream'),\n                    name:item['strName']+\"--\"+i18n.tc('message.live.mainstream'),\n                    iconclass : 'mdi mdi-playlist-play fa-fw',\n                    disabled_me:false\n                    },{\n                    token : item['strToken'],\n                    streamprofile : \"sub\",\n                    label :i18n.tc('message.live.substream'),\n                    name:item['strName']+\"--\"+i18n.tc('message.live.substream'),\n                    iconclass : 'mdi mdi-playlist-play fa-fw',\n                    disabled_me:false\n                    }]\n                    var newItem ={\n                            token : item['strToken'],\n                            label : item['strName'],\n                            iconclass : 'iconfont  icon-kaiqishexiangtou1',\n                            iconclass2 : 'iconfont  icon-shexiangtou',\n                            name:item['strName']+\"--\"+i18n.tc('message.live.mainstream'),\n                            children:node,\n                            disabled_me:false};\n                    \n                    if(!item['bOnline'])\n                        newItem['iconclass'] = 'iconfont icon-kaiqishexiangtou';\n\n                    if(item['nType'] == 'H5_CLOUD')\n                        newItem['iconclass'] = 'mdi mdi-cloud-upload fa-fw';\n                    \n                    if(item['bRec'] == true)\n                        newItem['iconclass2'] = 'iconfont icon-radioboxfill none';\n                        \n                srcGroup.children.push(newItem);\n                }\n            }\n            listdatag.push(srcGroup);\n          } \n    })\n\n}\nloadtest();\n//写作业\nfunction loadDevice() {\n    if(store.state.root==\"Operator\"){\n        return false\n    }\n   var url = root + \"/api/v1/GetDevice?session=\"+ store.state.token;\n\n      //重组\n      axios.get(url).then(result=>{\n          if(result.status == 200){\n              var srcData = [];\n              var data=result.data;\n              for(var i = 0; i < data.dev.length; i++){\n                  var item=data.dev[i];\n                  var srclevel=[];\n                  srclevel[\"strToken\"]=item.strToken;\n                  srclevel[\"strName\"]=item.strName;\n                  loadSrc(srclevel,srcData);\n              }\n          }\n      })\n}\nfunction loadSrc(srclevel, srcData) {\n\n    let _this =this;\n    \n    var url = root + \"/api/v1/GetDeviceSrc?token=\"+ srclevel.strToken + \"&session=\" + store.state.token;\n\n    axios.get(url).then(result => {\n        if (result.status == 200)\n        {\n            var data =  result.data;\n            var srcGroup = {children: []};\n            srcGroup.label=srclevel.strName;\n            srcGroup.iconclass=\"iconfont  icon-kaiqishexiangtou1\";\n            for(var i=0; i< data.src.length; i++){\n                var item = data.src[i];\n                // 主副流\n                var node=[{\n                  token : item['strToken'],\n                  streamprofile : \"main\",\n                  label :i18n.tc('message.live.mainstream'),\n                  name:item['strName']+\"--\"+i18n.tc('message.live.mainstream'),\n                  iconclass : 'mdi mdi-playlist-play fa-fw',\n                  disabled_me:false\n                },{\n                  token : item['strToken'],\n                  streamprofile : \"sub\",\n                  label :i18n.tc('message.live.substream'),\n                  name:item['strName']+\"--\"+i18n.tc('message.live.substream'),\n                  iconclass : 'mdi mdi-playlist-play fa-fw',\n                  disabled_me:false\n                }]\n                for(var l=0; l< node.length; l++){\n                    if(item['bDisable'] == true){\n                        node[l].disabled_me =true;\n                    }\n                }\n                \n                var newItem ={\n                        token : item['strToken'],\n                        label : item['strName'],\n                        iconclass : 'iconfont  icon-kaiqishexiangtou1',\n                        iconclass1 : '',\n                        name:item['strName']+\"--\"+i18n.tc('message.live.mainstream'),\n                        children:node,\n                        disabled_me:false};\n\n                if(!item['bOnline'])\n                    newItem['iconclass'] = 'iconfont icon-kaiqishexiangtou';\n\n                if(item['nType'] == 'H5_CLOUD')\n                    newItem['iconclass'] = 'mdi mdi-cloud-upload fa-fw';\n\n                if(item['bRec'] == true)\n                        newItem['iconclass2'] = 'iconfont icon-radioboxfill none';\n\n                if(item['bDisable'] == true){\n                    newItem['disabled_me'] =true;\n                    newItem['iconclass1'] = 'camera';\n                }\n\n               srcGroup.children.push(newItem);\n            }\n            listdatag.push(srcGroup);\n            listdatagload.push(srcGroup);\n        }\n    }).catch(error => {\n        console.log('GetSrc failed', error);\n    });\n}\nloadDevice();\n//数字仓机\nfunction NumberDevice() {\n    if(store.state.root==\"Operator\"){\n        return false\n    }\n   //url\n   var url = root + \"/api/v1/GetGbDevice?session=\"+ store.state.token;\n\n      //重组\n      axios.get(url).then(result=>{\n          if(result.status == 200){\n              var srcData = [];\n              var data=result.data;\n              for(var i = 0; i < data.dev.length; i++){\n                  var item=data.dev[i];\n                  var srclevel=[];\n                  srclevel[\"strToken\"]=item.strToken;\n                  srclevel[\"strName\"]=item.strName;\n                  NumberSrc(srclevel,srcData);\n              }\n          }\n      })\n}\nNumberDevice();\nfunction NumberSrc(srclevel, srcData) {\n\n    let _this =this;\n    var url = root + \"/api/v1/GetGbDeviceSrc?token=\"+ srclevel.strToken + \"&session=\" + store.state.token;\n\n    axios.get(url).then(result => {\n        if (result.status == 200)\n        {\n            var data =  result.data;\n            var srcGroup = {children: []};\n            srcGroup.label=srclevel.strName;\n            srcGroup.iconclass=\"iconfont  icon-kaiqishexiangtou1\";\n            for(var i=0; i< data.src.length; i++){\n                var item = data.src[i];\n                // 主副流\n                var node=[{\n                  token : item['strToken'],\n                  streamprofile : \"main\",\n                  label :i18n.tc('message.live.mainstream'),\n                  name:item['strName']+\"--\"+i18n.tc('message.live.mainstream'),\n                  iconclass : 'mdi mdi-playlist-play fa-fw',\n                  disabled_me:false\n                },{\n                  token : item['strToken'],\n                  streamprofile : \"sub\",\n                  label :i18n.tc('message.live.substream'),\n                  name:item['strName']+\"--\"+i18n.tc('message.live.substream'),\n                  iconclass : 'mdi mdi-playlist-play fa-fw',\n                  disabled_me:false\n                }]\n                var newItem ={\n                        token : item['strToken'],\n                        label : item['strName'],\n                        iconclass : 'iconfont  icon-kaiqishexiangtou1',\n                        name:item['strName']+\"--\"+i18n.tc('message.live.mainstream'),\n                        children:node,\n                        disabled_me:false};\n\n                if(!item['bOnline'])\n                    newItem['iconclass'] = 'iconfont icon-kaiqishexiangtou';\n\n                if(item['nType'] == 'H5_CLOUD')\n                    newItem['iconclass'] = 'mdi mdi-cloud-upload fa-fw';\n\n                if(item['bRec'] == true)\n                        newItem['iconclass2'] = 'iconfont icon-radioboxfill none';\n\n               srcGroup.children.push(newItem);\n            }\n            listdatag.push(srcGroup);;\n            listdatagload.push(srcGroup);\n        }\n    }).catch(error => {\n        console.log('GetSrc failed', error);\n    });\n}\n//级联\nfunction cloudDevice() {\n    if(store.state.root==\"Operator\"){\n        return false\n    }\n   var url = root + \"/api/v1/GetCloudDevice?session=\"+ store.state.token;\n\n      //重组\n      axios.get(url).then(result=>{\n          if(result.status == 200){\n              var srcData = [];\n              var data=result.data;\n              for(var i = 0; i < data.dev.length; i++){\n                  var item=data.dev[i];\n                  var srclevel=[];\n                  srclevel[\"strToken\"]=item.strToken;\n                  srclevel[\"strName\"]=item.strName;\n                  cloudSrc(srclevel,srcData);\n              }\n          }\n      })\n}\ncloudDevice();\nfunction cloudSrc(srclevel, srcData) {\n\n    var url = root + \"/api/v1/GetCloudDeviceSrc?token=\"+ srclevel.strToken + \"&session=\" + store.state.token;\n\n    axios.get(url).then(result => {\n        if (result.status == 200)\n        {\n            var data =  result.data;\n            var srcGroup = {children: []};\n            srcGroup.label=srclevel.strName;\n            srcGroup.iconclass=\"iconfont icon-kaiqishexiangtou1\";\n            for(var i=0; i< data.src.length; i++){\n                var item = data.src[i];\n                // 主副流\n                var node=[{\n                  token : item['strToken'],\n                  streamprofile : \"main\",\n                  label :i18n.tc('message.live.mainstream'),\n                  name:item['strName']+\"--\"+i18n.tc('message.live.mainstream'),\n                  iconclass : 'mdi mdi-playlist-play fa-fw',\n                  disabled_me:false\n                },{\n                  token : item['strToken'],\n                  streamprofile : \"sub\",\n                  label :i18n.tc('message.live.substream'),\n                  name:item['strName']+\"--\"+i18n.tc('message.live.substream'),\n                  iconclass : 'mdi mdi-playlist-play fa-fw',\n                  disabled_me:false\n                }]\n                var newItem ={\n                        token : item['strToken'],\n                        label : item['strName'],\n                        iconclass : 'mdi mdi-video fa-fw',\n                        name:item['strName']+\"--\"+i18n.tc('message.live.mainstream'),\n                        children:node,\n                        disabled_me:false};\n\n                if(!item['bOnline'])\n                    newItem['iconclass'] = 'iconfont icon-kaiqishexiangtou';\n\n                if(item['nType'] == 'H5_CLOUD')\n                    newItem['iconclass'] = 'iconfont  icon-kaiqishexiangtou1';\n\n                if(item['bRec'] == true)\n                        newItem['iconclass2'] = 'iconfont icon-radioboxfill none';\n\n               srcGroup.children.push(newItem);\n            }\n            listdatag.push(srcGroup);;\n            listdatagload.push(srcGroup);\n        }\n    }).catch(error => {\n        console.log('GetSrc failed', error);\n    });\n}\n\nfunction Regional(){\n    var url = root + \"/api/v1/GetRegion?session=\"+ store.state.token;\n    axios.get(url).then(result=>{\n        // console.log(result);\n        var oldarr=result.data.root;\n        var oldarr1=result.data.src;\n        // console.log(oldarr,oldarr1)\n        var dataroot=getchild(oldarr,oldarr1);\n        listdatag1.push(dataroot);\n    })\n}\nfunction getchild(arr,arr1) {\n    \n    for(var i in arr.cam){\n        if(!arr.cam[i].strName){\n            for(var j in arr1){\n                if(arr.cam[i].strToken == arr1[j].strToken){\n                    var node1=[{\n                        strToken : arr1[j].strToken,\n                        streamprofile : \"main\",\n                        strName :i18n.tc('message.live.mainstream'),\n                        name:arr1[j].strName+\"--\"+i18n.tc('message.live.mainstream'),\n                        iconclass : 'mdi mdi-playlist-play fa-fw',\n                        disabled_me:false\n                      },{\n                        strToken : arr1[j].strToken,\n                        streamprofile : \"sub\",\n                        strName :i18n.tc('message.live.substream'),\n                        name:arr1[j].strName+\"--\"+i18n.tc('message.live.substream'),\n                        iconclass : 'mdi mdi-playlist-play fa-fw',\n                        disabled_me:false\n                      }]\n                    arr.cam[i].node=node1;\n                    arr.cam[i].strName = arr1[j].strName;\n                    arr.cam[i].name=arr1[j].strName+\"--\"+i18n.tc('message.live.mainstream')\n                    arr.cam[i].bOnline = arr1[j].bOnline;\n                    arr.cam[i].iconclass=\"iconfont  icon-kaiqishexiangtou1\"\n                    arr.cam[i].disabled_me=false\n                    if(!arr1[j].bOnline)\n                        arr.cam[i].iconclass = 'iconfont icon-kaiqishexiangtou';\n\n                    if(arr1[j].nConnectType == 'H5_CLOUD')\n                        arr.cam[i].iconclass = 'iconfont  icon-kaiqishexiangtou1';\n\n                    if(arr1[j].bRec == true)\n                        arr.cam[i].iconclass2  = 'iconfont icon-radioboxfill none';\n\n                    if(arr1[j].bDisable== true){\n                        \n                        arr.cam[i].node[0].disabled_me=true;\n                        arr.cam[i].node[1].disabled_me=true;\n                        arr.cam[i].disabled_me=true;\n                        arr.cam[i].iconclass1= 'camera';\n                    }\n                }else{\n                    arr.cam[i].strName = '设备暂时不可用';\n                    arr.cam[i].iconclass=\"iconfont  icon-kaiqishexiangtou\"\n                    console.log(arr.cam[i].strToken)\n                }\n            }\n        }\n    }\n    // var nodecam=[{\n    //     strName:\"cam\",\n    //     node:arr.cam,\n    // },{\n        \n    // }]\n    if(arr.node && arr.node.length>0){\n        for (var i = 0; i < arr.node.length; i++) {\n            arr.node[i] = getchild(arr.node[i],arr1);\n        }\n    }\n    return arr;\n}\nRegional();\nexport{listdatag,listdatagload,listdatag1}","<template>\n    <div class=\"liveplay h5container\">\n        <video class=\"h5video\" :id=\"videoid\" autoplay webkit-playsinline playsinline></video>\n    </div>\n</template>\n<script>\nimport '../../assets/js/adapter'\nimport {H5sPlayerWS,H5sPlayerHls,H5sPlayerRTC,H5sPlayerAudBack} from '../../assets/js/h5splayer.js'\nimport {H5siOS,H5sPlayerCreate} from '../../assets/js/h5splayerhelper.js'\nexport default {\n    name:\"Trueplay\",\n    props:['h5id', 'h5videoid',\"cols\",\"rows\"],\n    data(){\n        return{\n            videoid: this.h5videoid,\n            h5handler:undefined,//v1\n            proto: \"WS\",\n        }\n    },\n    beforeDestroy() {\n        this.CloseVideo();\n    },\n    computed: {\n        listDatas() {\n            return this.$store.state.trueplay;\n        }\n    },\n    mounted(){\n        let _this = this;\n        this.$root.bus.$on('livetour', function(token,streamprofile, id)\n        {\n            var storage=JSON.parse(localStorage.getItem(\"TourStorage\"));\n            _this.proto=storage.proto\n            if (_this.h5id != id)\n            {\n                return;\n            }\n            _this.PlayVideo(token,streamprofile);\n            _this.tokenshou=token;\n        });\n        \n        this.$root.bus.$on('liveplaystop', function()\n        {\n            _this.PlayVideostop();\n        });\n\n    },\n    watch:{\n        listDatas(token){\n            console.log(token)\n            var _this=this\n            var storage=JSON.parse(localStorage.getItem(\"TourStorage\"));\n            _this.proto=storage.proto\n            setTimeout(()=>{\n                if (_this.h5id != token.vid)\n                {\n                    return;\n                }\n                _this.PlayVideo(token.token,token.streamprofile);\n                _this.tokenshou=token;\n            },200)\n        }\n    },\n    methods:{\n        PlayVideostop(){\n            console.log(\"aaa\");\n            //console.log(\"-----------\",this.h5handler);\n            if (this.h5handler != undefined)\n            {\n                this.h5handler.disconnect();\n                delete this.h5handler;\n                this.h5handler = undefined;\n                $(\"#\" + this.videoid).get(0).load();\n                $(\"#\" + this.videoid).get(0).poster = '';\n\n            }\n        },\n        //播放\n        PlayVideo(token,streamprofile){\n            if (this.h5handler != undefined)\n            {\n                this.h5handler.disconnect();\n                delete this.h5handler;\n                this.h5handler = undefined;\n            }\n            let conf = {\n                videoid: this.h5videoid,\n                protocol: window.location.protocol, //http: or https:\n                host: this.$store.state.WSROOT, //localhost:8080\n\t            streamprofile: streamprofile, // {string} - stream profile, main/sub or other predefine transcoding profile\n                rootpath: '/', // '/'\n                token: token,\n                hlsver: 'v1', //v1 is for ts, v2 is for fmp4\n                session: this.$store.state.token //session got from login\n            };\n            if (this.proto == 'RTC' || (H5siOS() === true)){\n                this.h5handler = new H5sPlayerRTC(conf);\n            }else{\n                this.h5handler = new H5sPlayerWS(conf);\n            }\n            this.h5handler.connect();\n            this.$store.state.trueplay={\n                token:null,\n                streamprofile:null,\n                vid:null,\n            }\n        },\n        //关闭\n        CloseVideo(){\n            if (this.h5handler != undefined)\n            {\n                this.h5handler.disconnect();\n                delete this.h5handler;\n                this.h5handler = undefined;\n            }\n            \n        }\n    }\n}\n</script>\n\n\n<style lang=\"scss\" scoped>\n    .liveplay{\n        width: 100%;\n        height: 100%;\n        .h5video{\n            object-fit: fill;\n            width: 100%;\n            height: 100%\n        }\n    }\n\n\n\n</style>"],"sourceRoot":""}