| 1 |
- {"ast":null,"code":"import TRTC from 'trtc-sdk-v5';\nconst trtc = TRTC.create();\nexport default {\n name: 'App',\n data() {\n return {};\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","methods","enterRoom","userSig","userId","sdkAppId","roomId","scene","startLocalVideo","view","document","getElementById","console","log","error","mounted"],"sources":["src/views/home.vue"],"sourcesContent":["<!--\r\n * @Description: quick demo - vue2 版本页面\r\n * @Date: 2022-03-14 16:56:36\r\n * @LastEditTime: 2022-03-29 17:01:32\r\n-->\r\n<template>\r\n <!-- <button @click=\"enterRoom\">点击进入房间</button>\r\n <div id=\"localVideo\"></div> -->\r\n <div class=\"homepage\">\r\n <div id=\"video\">\r\n\r\n </div>\r\n <div class=\"enterRoom\">\r\n\r\n </div>\r\n <div class=\"reservation\">\r\n\r\n </div>\r\n </div>\r\n</template>\r\n \r\n<script>\r\nimport TRTC from 'trtc-sdk-v5';\r\nconst trtc = TRTC.create();\r\nexport default {\r\n name: 'App',\r\n data() {\r\n return {\r\n\r\n };\r\n },\r\n methods: {\r\n async enterRoom() {\r\n const userSig = \"eJyrVgrxCdYrSy1SslIy0jNQ0gHzM1NS80oy0zLBwhnJSVDh4pTsxIKCzBQlK0MzAwMDQ0NDM3OITGpFQWZRKlDc1NTUCCgFES3JzAWJmYPUWhibm0JNyUwHmhqWHVUcmmjk7GVSmOwbYpZcFRHp4e5sVGKZbeGd6FhalO3ka55UGuaTFaOfbatUCwDIijC-\";\r\n const userId = \"hcb\";\r\n const sdkAppId = 1600011167;\r\n try {\r\n await trtc.enterRoom({ roomId: 888888, scene: 'rtc', sdkAppId, userId, userSig });\r\n await trtc.startLocalVideo({\r\n view: document.getElementById('video'), // 在 DOM 中的 elementId 为 localVideo 的标签上预览视频。\r\n });\r\n console.log('进房成功');\r\n } catch (error) {\r\n console.error('进房失败 ' + error);\r\n }\r\n\r\n }\r\n },\r\n mounted() {\r\n // trtc.startLocalVideo({\r\n // view: document.getElementById('video'), // 在 DOM 中的 elementId 为 localVideo 的标签上预览视频。\r\n // });\r\n },\r\n};\r\n</script>\r\n \r\n<style scoped>\r\n.homepage {\r\n width: 100%;\r\n height: 100vh;\r\n background-color: #302e2e;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-around;\r\n}\r\n#video{\r\n width: 40%;\r\n height: 50%;\r\n background-color: yellow;\r\n}\r\n.enterRoom{\r\n width: 20%;\r\n height: 50%;\r\n background-color: red;\r\n}\r\n.reservation{\r\n width: 20%;\r\n height: 50%;\r\n background-color: aliceblue;\r\n}\r\n</style>\r\n \r\n \r\n "],"mappings":"AAsBA,OAAAA,IAAA;AACA,MAAAC,IAAA,GAAAD,IAAA,CAAAE,MAAA;AACA;EACAC,IAAA;EACAC,KAAA;IACA,QAEA;EACA;EACAC,OAAA;IACA,MAAAC,UAAA;MACA,MAAAC,OAAA;MACA,MAAAC,MAAA;MACA,MAAAC,QAAA;MACA;QACA,MAAAR,IAAA,CAAAK,SAAA;UAAAI,MAAA;UAAAC,KAAA;UAAAF,QAAA;UAAAD,MAAA;UAAAD;QAAA;QACA,MAAAN,IAAA,CAAAW,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;IACA;IACA;IACA;EAAA;AAEA"},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
