{"version":3,"sources":["webpack:///./src/views/avintercom/Avintercoms.vue?129c","webpack:///./src/views/avintercom/Avintercoms.vue?96dc","webpack:///./src/views/avintercom/Avintercoms.vue","webpack:///./src/views/imgs/Avintercoms_back.png","webpack:///./src/views/avintercom/Avintercoms.vue?4301","webpack:///src/views/avintercom/Avintercoms.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","model","value","callback","$$v","filterText","expression","_v","ref","data","filterNode","defaultProps","scopedSlots","_u","key","fn","staticStyle","_s","label","on","$event","CallVideoAudio","CallAudio","VideoIn","_l","item","AudioIn","AudioOut","Resolution","name","sortAll","leave","domProps","Hangup","$t","_m","AnswerVideoAudio","AnswerAudio","staticRenderFns","component","module","exports"],"mappings":"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","file":"static/js/chunk-76537f25.c3ddac4e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"playback\"},[_c('div',{staticClass:\"playback_snap_zuo\"},[_c('el-input',{staticClass:\"snap_zuo_input\",attrs:{\"placeholder\":\"输入关键字进行过滤\"},model:{value:(_vm.filterText),callback:function ($$v) {_vm.filterText=$$v},expression:\"filterText\"}}),_c('div',{staticClass:\"snap_zuo_title\"},[_vm._v(\"联系人\")]),_c('el-tree',{ref:\"tree\",attrs:{\"data\":_vm.data,\"node-key\":\"id\",\"filter-node-method\":_vm.filterNode,\"highlight-current\":\"\",\"props\":_vm.defaultProps},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _c('span',{staticStyle:{\"width\":\"100%\"}},[_c('div',{staticClass:\"Avintercoms_tree\",staticStyle:{\"width\":\"100%\",\"display\":\"flex\",\"justify-content\":\"space-between\"}},[_c('div',[_c('i',{staticClass:\"iconfont icon-yonghuming\"}),_c('span',{staticStyle:{\"padding-left\":\"4px\"}},[_vm._v(_vm._s(data.label))])]),_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"space-between\"}},[_c('div',{staticClass:\"Avintercoms_icon1\",on:{\"click\":function($event){return _vm.CallVideoAudio(data)}}}),_c('div',{staticClass:\"Avintercoms_icon\",on:{\"click\":function($event){return _vm.CallAudio(data)}}})])])])}}])})],1),_c('div',{staticClass:\"playback_snap_you\"},[_c('div',{staticClass:\"up_you_flex\"},[_c('div',{staticClass:\"up_you_content\"},[_c('span',[_vm._v(\"Video In\")]),_c('el-select',{staticStyle:{\"width\":\"75%\"},attrs:{\"size\":\"small\",\"placeholder\":\"请选择\"},model:{value:(_vm.VideoIn),callback:function ($$v) {_vm.VideoIn=$$v},expression:\"VideoIn\"}},_vm._l((_vm.VideoIns),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1)],1),_c('div',{staticClass:\"up_you_content\"},[_c('span',[_vm._v(\"Audio In\")]),_c('el-select',{staticStyle:{\"width\":\"75%\"},attrs:{\"size\":\"small\",\"placeholder\":\"请选择\"},model:{value:(_vm.AudioIn),callback:function ($$v) {_vm.AudioIn=$$v},expression:\"AudioIn\"}},_vm._l((_vm.AudioIns),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1)],1),_c('div',{staticClass:\"up_you_content\"},[_c('span',[_vm._v(\"Audio Out\")]),_c('el-select',{staticStyle:{\"width\":\"75%\"},attrs:{\"size\":\"small\",\"placeholder\":\"请选择\"},model:{value:(_vm.AudioOut),callback:function ($$v) {_vm.AudioOut=$$v},expression:\"AudioOut\"}},_vm._l((_vm.AudioOuts),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1)],1),_c('div',{staticClass:\"up_you_content\"},[_c('span',[_vm._v(\"Resolution\")]),_c('el-select',{staticStyle:{\"width\":\"75%\"},attrs:{\"size\":\"small\",\"placeholder\":\"请选择\"},model:{value:(_vm.Resolution),callback:function ($$v) {_vm.Resolution=$$v},expression:\"Resolution\"}},_vm._l((_vm.Resolutions),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1)],1)]),_c('div',{staticClass:\"content_name\"},[_vm._v(\" \"+_vm._s(_vm.name)+\" \")]),_c('div',{staticClass:\"content_video\",on:{\"mouseover\":function($event){return _vm.sortAll()},\"mouseleave\":function($event){return _vm.leave()}}},[_c('video',{attrs:{\"id\":\"h5sVideoRemote\",\"src\":\"\"}}),_c('div',{staticClass:\"content_h5sVideoRemote\"},[_c('video',{attrs:{\"id\":\"h5sVideoLocal\",\"muted\":\"\",\"src\":\"\"},domProps:{\"muted\":true}})]),_c('div',{staticClass:\"content_anniu\"},[_c('div',{staticClass:\"content_anniu1\"},[_c('div',[_c('el-button',{staticClass:\"content_anniu1_Hangup\",attrs:{\"type\":\"danger\",\"circle\":\"\"},on:{\"click\":_vm.Hangup}},[_vm._v(\" \"+_vm._s(_vm.$t(\"message.Conference.Hang\"))+\" \")])],1)])]),_c('div',{staticClass:\"content_anniu2\"},[_c('div',{staticClass:\"content_anniu2_frame\"},[_c('div',[_c('span',[_vm._v(_vm._s(_vm.$t(\"message.Conference.Call\")))]),_c('el-button',{staticStyle:{\"background\":\"none\",\"border\":\"0\",\"padding\":\"0\"},attrs:{\"type\":\"success\",\"circle\":\"\",\"size\":\"mini\"},on:{\"click\":function($event){return _vm.Hangup()}}})],1),_vm._m(0),_c('div',[_c('el-button',{attrs:{\"type\":\"success\",\"round\":\"\",\"size\":\"mini\"},on:{\"click\":function($event){return _vm.AnswerVideoAudio()}}},[_vm._v(_vm._s(_vm.$t(\"message.Conference.VideoCall\")))]),_c('el-button',{attrs:{\"type\":\"success\",\"round\":\"\",\"size\":\"mini\"},on:{\"click\":function($event){return _vm.AnswerAudio()}}},[_vm._v(_vm._s(_vm.$t(\"message.Conference.AudioCall\")))]),_c('el-button',{staticStyle:{\"background\":\"none\",\"border\":\"1px solid #3ABBFE\"},attrs:{\"type\":\"danger\",\"round\":\"\",\"size\":\"mini\"},on:{\"click\":function($event){return _vm.Hangup()}}},[_vm._v(_vm._s(_vm.$t(\"message.Conference.HangUp\")))])],1)])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('img',{attrs:{\"src\":require(\"../imgs/Avintercoms_back.png\")}})])}]\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!./Avintercoms.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!./Avintercoms.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Avintercoms.vue?vue&type=template&id=6136cba4&scoped=true&\"\nimport script from \"./Avintercoms.vue?vue&type=script&lang=js&\"\nexport * from \"./Avintercoms.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Avintercoms.vue?vue&type=style&index=0&id=6136cba4&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  \"6136cba4\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"static/img/Avintercoms_back.1a83a2d1.png\";","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!./Avintercoms.vue?vue&type=style&index=0&id=6136cba4&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!./Avintercoms.vue?vue&type=style&index=0&id=6136cba4&lang=scss&scoped=true&\"","<template>\n    <div class=\"playback\">\n        <div class=\"playback_snap_zuo\">\n            <!-- 模糊查询搜查 -->\n            <el-input\n                class=\"snap_zuo_input\"\n                placeholder=\"输入关键字进行过滤\"\n                v-model=\"filterText\">\n            </el-input>\n            <div class=\"snap_zuo_title\">联系人</div>\n            <el-tree\n                :data=\"data\"\n                node-key=\"id\"\n                :filter-node-method=\"filterNode\"\n                ref=\"tree\"\n                highlight-current\n                :props=\"defaultProps\">\n                <span slot-scope=\"{ data }\" style=\"width:100%;\">\n                    <div class=\"Avintercoms_tree\" style=\"width:100%;display: flex;justify-content: space-between;\">\n                        <div >\n                            <!-- <img src=\"\" alt=\"\"> -->\n                            <i class=\"iconfont icon-yonghuming\"></i>\n                            <span style=\"padding-left: 4px;\">{{data.label}}</span>\n                            <!-- <span  class=\"black\" style=\"\">{{$t(\"message.live.Videorecording\")}}</span> -->\n                        </div>\n                        <div style=\"display: flex;justify-content: space-between;\">\n                            <div @click=\"CallVideoAudio(data)\" class=\"Avintercoms_icon1\"></div>\n                            <div @click=\"CallAudio(data)\" class=\"Avintercoms_icon\" ></div>\n                        </div>\n                        \n                    </div>\n                </span>\n            </el-tree>\n        </div>\n        <div class=\"playback_snap_you\">\n            <div class=\"up_you_flex\">\n                <div class=\"up_you_content\">\n                    <span>Video In</span>\n                    <el-select style=\"width:75%\" v-model=\"VideoIn\" size=\"small\" placeholder=\"请选择\">\n                        <el-option\n                        v-for=\"item in VideoIns\"\n                        :key=\"item.value\"\n                        :label=\"item.label\"\n                        :value=\"item.value\">\n                        </el-option>\n                    </el-select>\n                </div>\n\n                <div class=\"up_you_content\">\n                    <span>Audio In</span>\n                    <el-select style=\"width:75%\" v-model=\"AudioIn\" size=\"small\" placeholder=\"请选择\">\n                        <el-option\n                        v-for=\"item in AudioIns\"\n                        :key=\"item.value\"\n                        :label=\"item.label\"\n                        :value=\"item.value\">\n                        </el-option>\n                    </el-select>\n                </div>\n                \n                <div class=\"up_you_content\">\n                    <span>Audio Out</span>\n                    <el-select style=\"width:75%\" v-model=\"AudioOut\" size=\"small\" placeholder=\"请选择\">\n                        <el-option\n                        v-for=\"item in AudioOuts\"\n                        :key=\"item.value\"\n                        :label=\"item.label\"\n                        :value=\"item.value\">\n                        </el-option>\n                    </el-select>\n                </div>\n\n                <div class=\"up_you_content\">\n                    <span>Resolution</span>\n                    <el-select style=\"width:75%\" v-model=\"Resolution\" size=\"small\" placeholder=\"请选择\">\n                        <el-option\n                        v-for=\"item in Resolutions\"\n                        :key=\"item.value\"\n                        :label=\"item.label\"\n                        :value=\"item.value\">\n                        </el-option>\n                    </el-select>\n                </div>\n            </div>\n            <div class=\"content_name\">\n                {{name}}\n            </div>\n            <!--  -->\n            <div class=\"content_video\"  v-on:mouseover=\"sortAll()\" v-on:mouseleave='leave()'>\n                <!-- <img src=\"./gallery/chart.png\"/> -->\n                <video id=\"h5sVideoRemote\" src=\"\"></video>  \n                <div class=\"content_h5sVideoRemote\">\n                    \n                    <video id=\"h5sVideoLocal\" muted src=\"\" ></video>\n                </div>\n                <div class=\"content_anniu\" >\n                    <div class=\"content_anniu1\">\n                        <div>\n                            <el-button type=\"danger\" circle class=\"content_anniu1_Hangup\" @click=\"Hangup\">\n                                {{$t(\"message.Conference.Hang\")}}\n                            </el-button>\n                        </div>\n                    </div>\n                    \n                </div>\n                <div class=\"content_anniu2\">\n                    <div class=\"content_anniu2_frame\">\n                        <div>\n                            <span>{{$t(\"message.Conference.Call\")}}</span>\n                            <el-button style=\"background:none;border:0; padding: 0;\" type=\"success\" @click=\"Hangup()\" circle size=\"mini\"></el-button>\n                        </div>\n                        <div>\n                            <img src=\"../imgs/Avintercoms_back.png\"/>\n                        </div>\n                        <div>\n                            <el-button  type=\"success\" @click=\"AnswerVideoAudio()\" round size=\"mini\">{{$t(\"message.Conference.VideoCall\")}}</el-button>\n                            <el-button  type=\"success\" @click=\"AnswerAudio()\" round size=\"mini\">{{$t(\"message.Conference.AudioCall\")}}</el-button>\n                            <el-button style=\"background:none;border:1px solid #3ABBFE\" type=\"danger\" @click=\"Hangup()\" round size=\"mini\">{{$t(\"message.Conference.HangUp\")}}</el-button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport '../../assets/js/adapter'\nimport {H5sPlayerHls,H5sPlayerAudBack,H5sConference,H5sRTCGetCapability} from '../../assets/js/h5splayer'\nexport default {\n    \n    name:\"Avintercoms\",\n    data() {\n        return {\n            VideoIns: [],\n            VideoIn:\"\",\n\n            AudioIns: [],\n            AudioIn:\"\",\n\n            AudioOuts: [],\n            AudioOut:\"\",\n\n            Resolutions: [],\n            Resolution:\"\",\n\n            filterText: '',\n            searchTableInfo:this.$store.state.user,\n            v1:undefined,\n            name:'',\n            data:[],\n            hangup:false,\n            defaultProps: {\n                children: 'children',\n                label: 'label',\n                token:\"token\",\n                iconclass:\"iconclass\"\n            }\n        }\n    },\n    beforeDestroy(){\n        if (this.v1 != undefined)\n        {\n            this.v1.disconnect();\n            delete this.v1;\n            this.v1 = undefined;\n        }\n    },\n    mounted(){\n        console.log(this.searchTableInfo)\n        this.updisplay()\n        this.list();\n    },\n    methods:{\n        //拨打视频语音电话\n        CallVideoAudio(data){\n            this.name=data.label;\n            // this.id=data.id;\n            console.log(\"CallVideoAudio\",data.id);\n            this.v1.call(true,data.id,this.VideoIn,this.Resolution,this.AudioIn);\n            this.$nextTick(()=>{\n                this.hangup=true\n            })\n        },\n        //拨打语音电话\n        CallAudio(data){\n            this.name=data.label;\n            // this.id=data.id;\n            console.log(\"CallAudio\",data.id);\n            this.v1.call(false, data.id,this.VideoIn,this.Resolution,this.AudioIn);\n            this.$nextTick(()=>{\n                this.hangup=true\n            })\n        },\n        //接通视频\n        AnswerVideoAudio(){\n            console.log(\"AnswerVideoAudio\",this.id);\n            $(\".content_anniu2\").css(\"display\",\"none\");\n            this.v1.answer(true,this.id,this.VideoIn,this.Resolution,this.AudioIn);\n            this.$nextTick(()=>{\n                this.hangup=true\n            })\n        },\n        //接通语音\n        AnswerAudio(){\n            console.log(\"AnswerAudio\",this.id);\n            $(\".content_anniu2\").css(\"display\",\"none\");\n            this.v1.answer(false, this.id,this.VideoIn,this.Resolution,this.AudioIn);\n            this.$nextTick(()=>{\n                this.hangup=true\n            })\n        },\n\n        //挂断\n        Hangup(){\n            console.log(\"Hangup\");\n            this.v1.hangup();\n            $(\".content_anniu2\").css(\"display\",\"none\");\n            this.$nextTick(()=>{\n                this.hangup=false\n                $(\".content_anniu\").css(\"display\",\"none\");\n            })\n        },\n        // 添加用户\n        add(){\n            if( this.searchTableInfo!=\"\"){\n                if (this.v1 != undefined)\n                {\n                    this.v1.disconnect();\n                    delete this.v1;\n                    this.v1 = undefined;\n                }\n                this.data=[];\n                this.list();\n                // this.$store.commit(types.CONFERENCE, this.searchTableInfo);\n            }else{\n                this.$message({\n                    message: this.$t(\"message.Conference.Nickname\"),\n                    type: 'warning'\n                });\n            }\n            \n        },\n        updisplay(){\n            var up=H5sRTCGetCapability(this.UpdateCapability);\n        },\n        UpdateCapability(capability){\n            \n            console.log(capability);\n            if(capability){\n\n                \n                for (let i = 0; i !== capability['videoin'].length; ++i) {\n                    const data = capability['videoin'][i];\n                    var src={\n                        value: data.id,\n                        label: data.name\n                    }\n                    this.VideoIn=data.id\n                    this.VideoIns.push(src);\n                }\t\n\n                for (let i = 0; i !== capability['audioin'].length; ++i) {\n                    const data = capability['audioin'][i];\n                    var src={\n                        value: data.id,\n                        label: data.name\n                    }\n                    this.AudioIn=capability['audioin'][0].id\n                    this.AudioIns.push(src);\n                }\n                \n                for (let i = 0; i !== capability['audioout'].length; ++i) {\n                    const data = capability['audioout'][i];\n                    var src={\n                        value: data.id,\n                        label: data.name\n                    }\n                    this.AudioOut=capability['audioout'][0].id\n                    this.AudioOuts.push(src);\n                }\n                \n                var resolution = ['QVGA', 'VGA', 'D1', '720P', '1080P', '4K', '8K']\n                for (let i = 0; i !== resolution.length; ++i) {\n                    const data = resolution[i];\n                    /* Default use 720P */\n                    \n                    var src={\n                        value: data,\n                        label: data\n                    }\n                    // this.Resolution=data\n                    if (data == '720P')\n                    {\n                        this.Resolution=data\n                    }\n                    this.Resolutions.push(src);\n                }\n            }\n        },\n        //获取列表\n        list(){\n            console.log(this.searchTableInfo)\n            this.data=[];\n            var root = this.$store.state.IPPORT;\n            var wsroot = this.$store.state.WSROOT;\n            // console.log(\"11111111111111\",process.env.API_ROOT)\n            var conf1 = {\n                localvideoid:'h5sVideoLocal',\n                remotevideoid:'h5sVideoRemote',\n                protocol: window.location.protocol, //http: or https:\n                host: wsroot, //localhost:8080\n                rootpath:'/', // '/'\n                callback: this.EventCB, \n                userdata: null, // user data\n                user:this.searchTableInfo,\n                hlsver: 'v1', //v1 is for ts, v2 is for fmp4\n                session: this.$store.state.token //session got from login\n            };\n            console.log(conf1);\n            this.v1 = new H5sConference(conf1);\n            this.v1.connect();\n        },\n        sortAll(){\n            // console.log(video.poster)\n            if(this.hangup){\n                $(\".content_anniu\").css(\"display\",\"block\");\n                // console.log(\"1548\");\n            }\n        },\n        leave(){\n            if(this.hangup){\n                $(\".content_anniu\").css(\"display\",\"none\");\n                // console.log(\"456787\");\n            }\n        },\n        //点击事件\n        handleNodeClick(data){\n            // console.log(\"点击\",data)\n        },\n        EventCB(event, userdata){\n            var msgevent = JSON.parse(event);\n            if (msgevent.type === 'CFE_EVENT_PEER_CALL')\n            {\n                for(var i=0;i<this.data.length;i++){\n                    if(this.data[i].id==msgevent.peerCall.strId){\n                        console.log(\"对方id\",this.data[i].label)\n                        this.name=this.data[i].label;\n                    }\n                }\n                $(\".content_anniu2\").css(\"display\",\"block\");\n                this.id=msgevent.peerCall.strId;\n                console.log(\"****************\",msgevent.peerCall.strId);\n            }\n            if (msgevent.type === 'CFE_EVENT_PEER_ADD')\n            {\n                console.log(\"****************\",msgevent.peerAdd.strId);\n                var newItem ={\n                    label:msgevent.peerAdd.strName,\n                    id:msgevent.peerAdd.strId\n                };\n                this.data.push(newItem);\n                // for(var i=0; i<this.data.length; i++){\n                //     for(var j=i+1; j<this.data.length; j++){\n                //         if(this.data[i].id==this.data[j].id){\n                //             this.data.splice(j,1);\n                //             j--;\n                //         }\n                //     }\n                // }\n                \n                console.log(\"****************\",newItem,this.data);\n            }\n            if (msgevent.type === 'CFE_EVENT_PEER_DEL')\n            {\n                for(var i=0;i<this.data.length;i++){\n                    if(this.data[i].id==msgevent.peerDel.strId){\n                        this.data.splice(i,1);\n                        // console.log(\"对方id\",this.data[i].label)\n                    }\n                }\n                console.log(\"****************\",msgevent.peerDel.strId);\n            }\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    },\n     //模糊查询\n    watch: {\n      filterText(val) {\n        this.$refs.tree.filter(val);\n      }\n    }\n    \n}\n</script>\n\n<style lang=\"scss\" scoped>\n.playback{\n    display: flex;\n    justify-content: space-between;\n    .playback_snap_zuo{\n        width: 18%;\n        height: 87vh;\n        .snap_zuo_title{\n            width: 100%;\n            padding: 12px 20px;\n            font-size: 16px;\n            font-family: PingFang SC;\n            font-weight: 500;\n            margin-bottom: 10px;\n        }\n        .Avintercoms_tree{\n            font-size: 20px !important;\n            div{\n                margin-right: 10px;\n            }\n            .Avintercoms_icon{\n                width: 32px;\n                height: 32px;\n                background: url('~@/views/imgs/Avintercoms_bbj.png') no-repeat;\n                background-size: 100%;\n            }\n            .Avintercoms_icon1{\n                width: 32px;\n                height: 32px;\n                background: url('~@/views/imgs/Avintercoms_video.png') no-repeat;\n                background-size: 100%;\n            }\n        }\n    }\n    .playback_snap_you{\n        width: 82%;\n        height: 87vh;\n        padding-left: 8px;\n        .up_you_flex{\n            display: flex;\n            justify-content: space-around;\n            line-height: 80px;\n            .up_you_content{\n                width: 24%;\n                display: flex;\n                align-items: center;\n                justify-content:space-around;\n                span{\n                    width: 26%;\n                }\n            }\n        }\n        .content_name{\n            width: 100%;\n            font-size:18px;\n            font-family:PingFang SC;\n            font-weight:500;\n            color:rgba(51,51,51,1);\n            margin-bottom: 30px;\n            height: 20px;\n            line-height: 20px;\n        }\n        .content_video{\n            width: 100%;\n            height: 72vh;\n            position: relative;\n            background-color: #222222;\n            #h5sVideoRemote{\n                width: 100%;\n                height: 100%;\n                object-fit: fill;\n            }\n            .content_h5sVideoRemote{\n                position: absolute;\n                height: 200px;\n                width: 250px;\n                // background-color: #f7f7f7;\n                bottom: 10px;\n                right: 10px;\n                #h5sVideoLocal{\n                    width: 100%;\n                    height: 100%;\n                    object-fit: fill;\n                }\n            }\n            .content_anniu{\n                display: none;\n                width: 100%;\n                \n                .content_anniu1{\n                    width: 50%;\n                    position: absolute;\n                    display: flex;\n                    flex-wrap: wrap;\n                    align-items:center;\n                    justify-content: space-between;\n                    right: 20px;\n                    bottom: 20px;\n                    text-align: center;\n                    \n                    .content_anniu1_Hangup{\n                        width: 60px;\n                        height: 60px;\n                        background-color: #3ABCFE;\n                        border: none;\n                    }\n                }\n            }\n\n            .content_anniu2{\n                display: none;\n                width: 100%;\n                position: absolute;\n                top: 0;\n                text-align: center;\n                background: rgba(0,0,0,0.5);\n                height: 100%;\n                \n                .content_anniu2_frame{\n                    width: 30%;\n                    text-align: center;\n                    margin: 5% auto 0;\n                    background-color: #2d2d2d;\n                    padding: 10px;\n                    color: #fff;\n                    button{\n                        background-color: #3ABBFE;\n                        border: none;\n                    }\n                    & div:nth-child(3){\n                        margin-top: 20px;\n                    }\n                    & div:nth-child(2) img{\n                        width: 100%;\n                    }\n                    & div:nth-child(1){\n                        display: flex;\n                        width: 100%;\n                        margin-bottom: 10px;\n                        justify-content: space-between;\n                    }\n                }\n            }\n        }\n    }\n}\n</style>"],"sourceRoot":""}