{"_id":"@circlerich/room-uikit-vue","_rev":"2-ca181b98076cecd4eeccc368b8ecfe57","name":"@circlerich/room-uikit-vue","dist-tags":{"latest":"1.1.2"},"versions":{"1.1.0":{"name":"@circlerich/room-uikit-vue","version":"1.1.0","scripts":{"dev":"vite --force","build":"vue-tsc --noEmit --skipLibCheck && vite build","preview":"vite preview","lint":"eslint ./src --no-error-on-unmatched-pattern"},"dependencies":{"@tencentcloud/tuiroom-engine-js":"^2.1.0","@tencentcloud/chat":"latest","@tencentcloud/tui-core":"latest","axios":"^0.27.2","events":"^3.3.0","interactjs":"^1.10.26","js-cookie":"^3.0.1","mitt":"^3.0.0","pinia":"^2.0.13","qs":"^6.10.3","rtc-detect":"^1.0.3","vue":"^3.2.25","vue-i18n":"^9.2.2","vue-router":"^4.0.14"},"devDependencies":{"@types/events":"^3.0.0","@types/js-cookie":"^3.0.2","@types/node":"^17.0.23","@types/qs":"^6.9.7","@typescript-eslint/eslint-plugin":"^5.19.0","@typescript-eslint/parser":"^5.19.0","@vitejs/plugin-vue":"^2.2.0","eslint":"^8.13.0","eslint-config-tencent":"^1.0.4","eslint-plugin-import":"^2.26.0","eslint-plugin-vue":"^8.6.0","replace":"^1.2.1","sass":"^1.50.0","tslint":"^6.1.3","typescript":"^4.5.4","vite":"^2.8.0","vue-tsc":"^0.35.2"},"description":"_English | [简体中文](README.md)_","_id":"@circlerich/room-uikit-vue@1.1.0","_nodeVersion":"16.19.1","_npmVersion":"8.19.3","dist":{"integrity":"sha512-pAADqN7mwt7+sB7Qt92I4PC3NgMAWXuFoUwplkDd6hh0lvv6fZKRIc8dOoYofrXjwU1ngTlqinnY2twLjWpCPg==","shasum":"c3ca65b6531756437a4f0c2deb3245739d587c9d","tarball":"https://registry.npmjs.org/@circlerich/room-uikit-vue/-/room-uikit-vue-1.1.0.tgz","fileCount":290,"unpackedSize":2441821,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDN1epkZGwCTzvt+ohZ876RcICiuDawzEmJeqlYAlWdDAIga/Si4c1A6TkJ65kU/GcdN6pofpy+gbViGxWs1sFxpZM="}]},"_npmUser":{"name":"jiushu530","email":"1637044606@qq.com"},"directories":{},"maintainers":[{"name":"jiushu530","email":"1637044606@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/room-uikit-vue_1.1.0_1709191989340_0.34116176132242426"},"_hasShrinkwrap":false},"1.1.1":{"name":"@circlerich/room-uikit-vue","version":"1.1.1","scripts":{"dev":"vite --force","build":"vue-tsc --noEmit --skipLibCheck && vite build","preview":"vite preview","lint":"eslint ./src --no-error-on-unmatched-pattern"},"dependencies":{"@tencentcloud/tuiroom-engine-js":"latest","@tencentcloud/chat":"latest","@tencentcloud/tui-core":"latest","axios":"^0.27.2","events":"^3.3.0","interactjs":"^1.10.26","js-cookie":"^3.0.1","mitt":"^3.0.0","pinia":"^2.0.13","qs":"^6.10.3","rtc-detect":"^1.0.3","vue":"^3.2.25","vue-i18n":"^9.2.2","vue-router":"^4.0.14"},"devDependencies":{"@types/events":"^3.0.0","@types/js-cookie":"^3.0.2","@types/node":"^17.0.23","@types/qs":"^6.9.7","@typescript-eslint/eslint-plugin":"^5.19.0","@typescript-eslint/parser":"^5.19.0","@vitejs/plugin-vue":"^2.2.0","eslint":"^8.13.0","eslint-config-tencent":"^1.0.4","eslint-plugin-import":"^2.26.0","eslint-plugin-vue":"^8.6.0","replace":"^1.2.1","sass":"^1.50.0","tslint":"^6.1.3","typescript":"^4.5.4","vite":"^2.8.0","vue-tsc":"^0.35.2"},"description":"_English | [简体中文](README.md)_","_id":"@circlerich/room-uikit-vue@1.1.1","_nodeVersion":"16.19.1","_npmVersion":"8.19.3","dist":{"integrity":"sha512-Zf7wSztg2GwAwWOLW/sxWhzXAgoFBFivXBowHPyU/8qwzs/OV6aNeEDqbZBF6hYvAkc5zArTXmSLfqCK8NlrLA==","shasum":"d3e5ca99b7e7cc80ce6ae1ee7dab41c278c9fa49","tarball":"https://registry.npmjs.org/@circlerich/room-uikit-vue/-/room-uikit-vue-1.1.1.tgz","fileCount":290,"unpackedSize":2441821,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHRUWACaFYVdyrNeEZ99Er5HVH9nTWj1pA14T/lk3PqKAiBPIBTYX1SbhGknyBC/ikZE9SqBE1vIWszAe4JW/cjZOQ=="}]},"_npmUser":{"name":"jiushu530","email":"1637044606@qq.com"},"directories":{},"maintainers":[{"name":"jiushu530","email":"1637044606@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/room-uikit-vue_1.1.1_1709192096379_0.03477304584795937"},"_hasShrinkwrap":false},"1.1.2":{"name":"@circlerich/room-uikit-vue","version":"1.1.2","scripts":{"dev":"vite --force","build":"vue-tsc --noEmit --skipLibCheck && vite build","preview":"vite preview","lint":"eslint ./src --no-error-on-unmatched-pattern"},"dependencies":{"@tencentcloud/tuiroom-engine-js":"latest","@tencentcloud/chat":"latest","@tencentcloud/tui-core":"latest","axios":"^0.27.2","events":"^3.3.0","interactjs":"^1.10.26","js-cookie":"^3.0.1","mitt":"^3.0.0","pinia":"^2.0.13","qs":"^6.10.3","rtc-detect":"^1.0.3","vue":"^3.2.25","vue-i18n":"^9.2.2","vue-router":"^4.0.14"},"devDependencies":{"@types/events":"^3.0.0","@types/js-cookie":"^3.0.2","@types/node":"^17.0.23","@types/qs":"^6.9.7","@typescript-eslint/eslint-plugin":"^5.19.0","@typescript-eslint/parser":"^5.19.0","@vitejs/plugin-vue":"^2.2.0","eslint":"^8.13.0","eslint-config-tencent":"^1.0.4","eslint-plugin-import":"^2.26.0","eslint-plugin-vue":"^8.6.0","replace":"^1.2.1","sass":"^1.50.0","tslint":"^6.1.3","typescript":"^4.5.4","vite":"^2.8.0","vue-tsc":"^0.35.2"},"description":"_English | [简体中文](README.md)_","_id":"@circlerich/room-uikit-vue@1.1.2","_nodeVersion":"16.19.1","_npmVersion":"8.19.3","dist":{"integrity":"sha512-9pZA6q7HZ2Z+lbX7tL7Y8RvYcPbdqM0Pm4lkQ8axSRFQ1yiCGf++d9FALrrj8llhHce3qzT0gFLfJ1ZsCn6JFQ==","shasum":"3c67a652324c9bdebec5b58a119c7cca305216af","tarball":"https://registry.npmjs.org/@circlerich/room-uikit-vue/-/room-uikit-vue-1.1.2.tgz","fileCount":290,"unpackedSize":2442371,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCuZiINOBsxmujjwD1HC6i87BH2YN2xpCaVWnVq1BplawIhAKhs0V3rvsvrXDKUEpsqIr1sF+XrSBjfIHyYB4LhCvYQ"}]},"_npmUser":{"name":"jiushu530","email":"1637044606@qq.com"},"directories":{},"maintainers":[{"name":"jiushu530","email":"1637044606@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/room-uikit-vue_1.1.2_1709201612010_0.7087181721574012"},"_hasShrinkwrap":false}},"time":{"created":"2024-02-29T07:33:09.219Z","1.1.0":"2024-02-29T07:33:09.524Z","modified":"2024-02-29T10:13:32.624Z","1.1.1":"2024-02-29T07:34:56.585Z","1.1.2":"2024-02-29T10:13:32.216Z"},"maintainers":[{"name":"jiushu530","email":"1637044606@qq.com"}],"description":"_English | [简体中文](README.md)_","readme":"# Quick Run of TUIRoom Web Demo\n\n_English | [简体中文](README.md)_\n\nThis document describes how to quickly run the TUIRoom demo project to try out group audio/video interaction.\n\n## Directory structure\n\n```\n.\n├── README.md\n├── auto-imports.d.ts\n├── components.d.ts\n├── index.html\n├─ src\n│ ├─ App.vue // main page of the sample project\n│ ├── TUIRoom // TUIRoom UI component source files\n│ ├── assets // public resources\n│ ├── config // TUIRoom configuration file\n│ ├── env.d.ts\n│ ├── main.ts // Example project entry file\n│ ├── router // Example project routing configuration\n│ └── views // Example project routing page\n└── vite.config.ts\n```\n### Step 1. Create a TRTC application\n1. Enter the [Application Management](https://www.tencentcloud.com/account/login) interface of the Tencent Cloud Live Audio/Video Console, select Create Application, enter the application name,click **Create Application**.\n2. Find your application in the application list and Click **Application Info**.\n \n\t\t\n3. Follow the steps below to get the application’s `SDKAppID` and key.\n \n\n>! This component uses two basic PaaS services of Tencent Cloud: [TRTC](https://intl.cloud.tencent.com/document/product/647/35078) and [IM](https://intl.cloud.tencent.com/document/product/1047). When you activate TRTC, IM will be activated automatically. For information about the billing of IM, see [Pricing](https://intl.cloud.tencent.com/document/product/1047/34350).\n\n### Step 2: Download the source code and configure the project\n1. Clone or download the source code in our repository (**You can start the repository to save it**).\n2. Find and open `Web/vue3/src/config/basic-info-config.js`.\n3. Configure parameters in `basic-info-config.js`:\n\n\t\n\t- SDKAPPID: 0 by default. Set it to the `SDKAppID` obtained in step 1.\n\t- SECRETKEY: '' by default. Set it to the key obtained in step 1.\n\n### Step 3: Run the example\n\n1. install dependencies\n\n ```bash\n cd TUIRoomKit/Web/vue3\n \n npm install\n ```\n\n2. Run the sample project in the development environment\n\n ```bash\n npm run dev\n ```\n\n3. Generate a DIST file\n\n ```bash\n npm run build\n ```\n### Step 4. Try out the demo\n\nOpen `http://localhost:3000/#/home` in a browser to try out TUIRoom.\n\nBecause Element Plus components are imported manually, it may take a relatively long time for the page to load in the development environment for the first time. This will not be an issue after building.\n\n**Anchor (userId: anchor)**\n\n- 1. On the home page, click **New Room**.\n- 2. Enter a room.\n\n| 1 | 2 |\n|---------|---------|\n| | |\n\n**Participant (userId: audience)**\n\n- 1. On the home page, enter the ID of the room created by the anchor and click **Join Room**.\n- 2. Enter the room.\n\n| 1 | 2 |\n|---------|---------|\n| | |\n\n### Step 5: Production Environment Deployment\n- 1. Generate a DIST file\n\n ```bash\n npm run build\n ```\n- 2. Deploy the dist file to the server\n\n>! Production environments require the use of https domains\n\n\n\n## FAQs\n\n### I deployed the demo project in the testing/development environment. The mic and camera did not work. What should I do?\n\nMake sure you used an HTTPS URL. For the sake of data security and privacy protection, your browser may restrict HTTP URLs. To access all features of the TRTC web SDK (WebRTC), please use an HTTPS URL.\n\n\n## Other\n\n- Welcome to join our Telegram Group to communicate with our professional engineers! We are more than happy to hear from you~\nClick to join: [https://t.me/+EPk6TMZEZMM5OGY1](https://t.me/+EPk6TMZEZMM5OGY1) \nOr scan the QR code \n \n","readmeFilename":"README.EN.md"}