{"ast":null,"code":"import \"core-js/modules/es.array.push.js\";\nimport TRTC from 'trtc-sdk-v5';\nlet trtc = TRTC.create();\nimport { startVideo, stopVideo } from '@/api/room.js';\nexport default {\n  name: 'Footer',\n  props: [\"roomId\"],\n  components: {},\n  data() {\n    return {\n      taskId: null\n    };\n  },\n  methods: {\n    exitRoom() {\n      this.stopVideoFn();\n      this.$emit('exitRoom');\n    },\n    startVideoFn() {\n      startVideo({\n        caseId: 12865,\n        roomId: this.roomId\n      }).then(res => {\n        this.taskId = res.data.taskId;\n        console.log(res.data.taskId, \"pppppp\");\n      });\n    },\n    stopVideoFn() {\n      stopVideo(this.taskId).then(res => {\n        trtc.exitRoom();\n        trtc.updateLocalVideo({\n          publish: false\n        });\n        trtc.updateLocalAudio({\n          publish: false\n        });\n        trtc.destroy();\n        this.$router.push({\n          name: \"Home\"\n        });\n      });\n    },\n    // 开始云端录制\n    openRecord() {\n      this.startVideoFn();\n    }\n  },\n  mounted() {\n    setTimeout(() => {\n      console.log(this.roomId, \"房间号房间哈房间号房间哈房间号\");\n    });\n  }\n};","map":{"version":3,"names":["TRTC","trtc","create","startVideo","stopVideo","name","props","components","data","taskId","methods","exitRoom","stopVideoFn","$emit","startVideoFn","caseId","roomId","then","res","console","log","updateLocalVideo","publish","updateLocalAudio","destroy","$router","push","openRecord","mounted","setTimeout"],"sources":["src/views/components/roomFooter.vue"],"sourcesContent":["<template>\n    <div class=\"roomFooter\">\n        <!-- <div class=\"mic\">\n            <img class=\"iconImg\" src=\"@/assets/mic_on.png\" alt=\"\">\n            <div class=\"title\">麦克风</div>\n        </div>\n        <div class=\"video\">\n            <img class=\"iconImg\" src=\"@/assets/video_on.png\" alt=\"\">\n            <div class=\"title\">摄像头</div>\n        </div> -->\n        <div class=\"record\" @click=\"openRecord\">\n            <img class=\"iconImg\" src=\"@/assets/record_on.png\" alt=\"\">\n            <div class=\"title\">开始录制</div>\n        </div>\n        <div class=\"empty\"></div>\n        <div class=\"outRoom\" @click=\"exitRoom\">\n            <el-button type=\"danger\">退出房间</el-button>\n        </div>\n    </div>\n</template>\n  \n<script>\nimport TRTC from 'trtc-sdk-v5';\nlet trtc = TRTC.create();\nimport { startVideo, stopVideo } from '@/api/room.js'\nexport default {\n    name: 'Footer',\n    props: [\n        \"roomId\"\n    ],\n    components: {\n\n    },\n    data() {\n        return {\n            taskId: null\n        };\n    },\n    methods: {\n        exitRoom() {\n            this.stopVideoFn()\n            this.$emit('exitRoom');\n        },\n        startVideoFn() {\n            startVideo({\n                caseId: 12865,\n                roomId: this.roomId\n            }).then(res => {\n                this.taskId = res.data.taskId;\n                console.log(res.data.taskId, \"pppppp\");\n            })\n        },\n        stopVideoFn() {\n            stopVideo(this.taskId).then(res => {\n                trtc.exitRoom();\n                trtc.updateLocalVideo({ publish: false });\n                trtc.updateLocalAudio({ publish: false });\n                trtc.destroy();\n                this.$router.push({\n                    name: \"Home\"\n                })\n            })\n        },\n        // 开始云端录制\n        openRecord() {\n            this.startVideoFn();\n        },\n    },\n    mounted() {\n        setTimeout(() => {\n            console.log(this.roomId, \"房间号房间哈房间号房间哈房间号\");\n        });\n    },\n};\n</script>\n  \n<style scoped>\n.roomFooter {\n    width: 100%;\n    height: 100%;\n    display: flex;\n}\n\n.mic,\n.video,\n.record,\n.outRoom {\n    cursor: pointer;\n    width: 10%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.iconImg {\n    width: 30%;\n    height: 60%;\n}\n\n.title {\n    color: aliceblue;\n}\n\n.empty {\n    width: 60%;\n    height: 100%;\n}\n</style>\n  \n  \n  "],"mappings":";AAsBA,OAAAA,IAAA;AACA,IAAAC,IAAA,GAAAD,IAAA,CAAAE,MAAA;AACA,SAAAC,UAAA,EAAAC,SAAA;AACA;EACAC,IAAA;EACAC,KAAA,GACA,SACA;EACAC,UAAA,GAEA;EACAC,KAAA;IACA;MACAC,MAAA;IACA;EACA;EACAC,OAAA;IACAC,SAAA;MACA,KAAAC,WAAA;MACA,KAAAC,KAAA;IACA;IACAC,aAAA;MACAX,UAAA;QACAY,MAAA;QACAC,MAAA,OAAAA;MACA,GAAAC,IAAA,CAAAC,GAAA;QACA,KAAAT,MAAA,GAAAS,GAAA,CAAAV,IAAA,CAAAC,MAAA;QACAU,OAAA,CAAAC,GAAA,CAAAF,GAAA,CAAAV,IAAA,CAAAC,MAAA;MACA;IACA;IACAG,YAAA;MACAR,SAAA,MAAAK,MAAA,EAAAQ,IAAA,CAAAC,GAAA;QACAjB,IAAA,CAAAU,QAAA;QACAV,IAAA,CAAAoB,gBAAA;UAAAC,OAAA;QAAA;QACArB,IAAA,CAAAsB,gBAAA;UAAAD,OAAA;QAAA;QACArB,IAAA,CAAAuB,OAAA;QACA,KAAAC,OAAA,CAAAC,IAAA;UACArB,IAAA;QACA;MACA;IACA;IACA;IACAsB,WAAA;MACA,KAAAb,YAAA;IACA;EACA;EACAc,QAAA;IACAC,UAAA;MACAV,OAAA,CAAAC,GAAA,MAAAJ,MAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}