| 1 |
- {"ast":null,"code":"import TRTC from 'trtc-sdk-v5';\nconst trtc = TRTC.create();\nexport default {\n name: 'App',\n data() {\n return {\n formLabelAlign: {}\n };\n },\n methods: {\n async enterRoom() {\n const userSig = \"eJyrVgrxCdYrSy1SslIy0jNQ0gHzM1NS80oy0zLBwhnJSVDh4pTsxIKCzBQlK0MzAwMDQ0NDM3OITGpFQWZRKlDc1NTUCCgFES3JzAWJmYPUWhibm0JNyUwHmhqWHVUcmmjk7GVSmOwbYpZcFRHp4e5sVGKZbeGd6FhalO3ka55UGuaTFaOfbatUCwDIijC-\";\n const userId = \"hcb\";\n const sdkAppId = 1600011167;\n try {\n await trtc.enterRoom({\n roomId: 888888,\n scene: 'rtc',\n sdkAppId,\n userId,\n userSig\n });\n await trtc.startLocalVideo({\n view: document.getElementById('video') // 在 DOM 中的 elementId 为 localVideo 的标签上预览视频。\n });\n\n console.log('进房成功');\n } catch (error) {\n console.error('进房失败 ' + error);\n }\n }\n },\n mounted() {\n trtc.startLocalVideo({\n view: document.getElementById('video') // 在 DOM 中的 elementId 为 localVideo 的标签上预览视频。\n });\n }\n};","map":{"version":3,"names":["TRTC","trtc","create","name","data","formLabelAlign","methods","enterRoom","userSig","userId","sdkAppId","roomId","scene","startLocalVideo","view","document","getElementById","console","log","error","mounted"],"sources":["src/components/homepc.vue"],"sourcesContent":["<template>\n <div class=\"homepage\">\n <div id=\"video\">\n\n </div>\n <div class=\"enterRoom\">\n <div class=\"title\">\n 仲裁会议室\n </div>\n <el-form :label-position=\"labelPosition\" label-width=\"80px\" :model=\"formLabelAlign\">\n <el-form-item>\n <el-input v-model=\"formLabelAlign.name\"></el-input>\n </el-form-item>\n <el-form-item>\n <el-input v-model=\"formLabelAlign.region\"></el-input>\n </el-form-item>\n <el-form-item>\n <el-input v-model=\"formLabelAlign.type\"></el-input>\n </el-form-item>\n </el-form>\n </div>\n <div class=\"reservation\">\n\n </div>\n </div>\n</template>\n \n<script>\nimport TRTC from 'trtc-sdk-v5';\nconst trtc = TRTC.create();\nexport default {\n name: 'App',\n data() {\n return {\n formLabelAlign:{}\n };\n },\n methods: {\n async enterRoom() {\n const userSig = \"eJyrVgrxCdYrSy1SslIy0jNQ0gHzM1NS80oy0zLBwhnJSVDh4pTsxIKCzBQlK0MzAwMDQ0NDM3OITGpFQWZRKlDc1NTUCCgFES3JzAWJmYPUWhibm0JNyUwHmhqWHVUcmmjk7GVSmOwbYpZcFRHp4e5sVGKZbeGd6FhalO3ka55UGuaTFaOfbatUCwDIijC-\";\n const userId = \"hcb\";\n const sdkAppId = 1600011167;\n try {\n await trtc.enterRoom({ roomId: 888888, scene: 'rtc', sdkAppId, userId, userSig });\n await trtc.startLocalVideo({\n view: document.getElementById('video'), // 在 DOM 中的 elementId 为 localVideo 的标签上预览视频。\n });\n console.log('进房成功');\n } catch (error) {\n console.error('进房失败 ' + error);\n }\n\n }\n },\n mounted() {\n trtc.startLocalVideo({\n view: document.getElementById('video'), // 在 DOM 中的 elementId 为 localVideo 的标签上预览视频。\n });\n },\n};\n</script>\n \n<style scoped>\n.homepage {\n width: 100%;\n height: 100vh;\n background-color: #302e2e;\n display: flex;\n align-items: center;\n justify-content: space-around;\n}\n\n#video {\n width: 40%;\n height: 50%;\n background-color: yellow;\n}\n\n.enterRoom {\n width: 20%;\n height: 50%;\n background-color: #1c1b1b;\n}\n\n.reservation {\n width: 20%;\n height: 50%;\n background-color: #1c1b1b;\n}\n\n.title {\n width: 100%;\n text-align: center;\n color: #3f1ab7;\n line-height: 30px;\n font-size: 18px;\n}\n</style>\n \n \n "],"mappings":"AA4BA,OAAAA,IAAA;AACA,MAAAC,IAAA,GAAAD,IAAA,CAAAE,MAAA;AACA;EACAC,IAAA;EACAC,KAAA;IACA;MACAC,cAAA;IACA;EACA;EACAC,OAAA;IACA,MAAAC,UAAA;MACA,MAAAC,OAAA;MACA,MAAAC,MAAA;MACA,MAAAC,QAAA;MACA;QACA,MAAAT,IAAA,CAAAM,SAAA;UAAAI,MAAA;UAAAC,KAAA;UAAAF,QAAA;UAAAD,MAAA;UAAAD;QAAA;QACA,MAAAP,IAAA,CAAAY,eAAA;UACAC,IAAA,EAAAC,QAAA,CAAAC,cAAA;QACA;;QACAC,OAAA,CAAAC,GAAA;MACA,SAAAC,KAAA;QACAF,OAAA,CAAAE,KAAA,WAAAA,KAAA;MACA;IAEA;EACA;EACAC,QAAA;IACAnB,IAAA,CAAAY,eAAA;MACAC,IAAA,EAAAC,QAAA,CAAAC,cAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
