feat: 添加直播聊天功能与相关配置

- 在 LiveChatPanel.vue 中实现直播间聊天功能,支持发送和接收消息。
- 新增 useChat.js 组合式 API,管理聊天逻辑与状态。
- 更新 Live.vue 控制面板,集成聊天组件并优化直播状态显示。
- 更新 package.json 和 pnpm-lock.yaml,添加 @tencentcloud/chat 和 hls.js 依赖。
This commit is contained in:
Ryan Ran
2026-07-07 16:40:09 +08:00
parent 548335b658
commit 709d114986
9 changed files with 1113 additions and 65 deletions

View File

@@ -16,10 +16,12 @@
"@amap/amap-jsapi-loader": "0.0.7",
"@antv/g2": "^4.1.12",
"@element-plus/icons-vue": "^2.3.2",
"@tencentcloud/chat": "^3.6.6",
"axios": "^1.7.9",
"core-js": "^3.49.0",
"dplayer": "^1.26.0",
"element-plus": "^2.14.1",
"hls.js": "^1.6.16",
"js-cookie": "^2.2.1",
"nprogress": "^0.2.0",
"price-color": "1.0.2",
@@ -39,7 +41,6 @@
"xss": "^1.0.7"
},
"devDependencies": {
"webpack": "^5.95.0",
"@vue/cli-plugin-babel": "^5.0.9",
"@vue/cli-plugin-router": "^5.0.9",
"@vue/cli-plugin-vuex": "^5.0.9",
@@ -51,7 +52,8 @@
"less-loader": "^11.1.4",
"style-loader": "^3.3.4",
"style-resources-loader": "^1.5.0",
"vue-cli-plugin-style-resources-loader": "^0.1.5"
"vue-cli-plugin-style-resources-loader": "^0.1.5",
"webpack": "^5.95.0"
},
"resolutions": {
"minimatch": "^3.1.2",