| 1 |
- {"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":[]}
|
