{"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/components/homepc.vue"],"sourcesContent":["<!--\n * @Description: quick demo - vue2 版本页面\n * @Date: 2022-03-14 16:56:36\n * @LastEditTime: 2022-03-29 17:01:32\n-->\n<template>\n    <div class=\"homepage\">\n        <div id=\"video\">\n\n        </div>\n        <div class=\"enterRoom\">\n\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\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#video{\n    width: 40%;\n    height: 50%;\n    background-color: yellow;\n}\n.enterRoom{\n    width: 20%;\n    height: 50%;\n    background-color: red;\n}\n.reservation{\n    width: 20%;\n    height: 50%;\n    background-color: aliceblue;\n}\n</style>\n  \n  \n  "],"mappings":"AAoBA,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;IACAlB,IAAA,CAAAW,eAAA;MACAC,IAAA,EAAAC,QAAA,CAAAC,cAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}