@tencentcloud/sdk-mcp 1.2.8 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/package.json +1 -1
  2. package/resource/doc/chatuikit/faq/common/server.md +54 -0
  3. package/resource/doc/chatuikit/faq/web_sdk/faq.md +60 -0
  4. package/resource/doc/livekit/vue/components/co-guest-panel.md +5 -5
  5. package/resource/doc/livekit/vue/components/live-view.md +16 -49
  6. package/resource/doc/livekit/vue/{components/live-list.md → live-list-integration.md} +13 -44
  7. package/resource/doc/livekit/vue/live-player-desk-integration.md +293 -0
  8. package/resource/doc/livekit/vue/{components/live-player.md → live-player-h5-integration.md} +118 -110
  9. package/resource/doc/livekit/vue/{components/broadcast.md → live-pusher-integration.md} +77 -82
  10. package/resource/doc/livekit/vue/workflow.md +219 -0
  11. package/resource/doc/native_live/android/V2TXLiveCode_api_android.md +334 -0
  12. package/resource/doc/native_live/android/V2TXLiveDef_api_android.md +434 -0
  13. package/resource/doc/native_live/android/V2TXLivePlayerObserver_api_android.md +685 -0
  14. package/resource/doc/native_live/android/V2TXLivePlayer_api_android.md +712 -0
  15. package/resource/doc/native_live/android/V2TXLivePremier_api_android.md +284 -0
  16. package/resource/doc/native_live/android/V2TXLivePusherObserver_api_android.md +849 -0
  17. package/resource/doc/native_live/android/V2TXLivePusher_api_android.md +1046 -0
  18. package/resource/doc/native_live/flutter/V2TXLiveCode_api_flutter.md +460 -0
  19. package/resource/doc/native_live/flutter/V2TXLiveDef_api_flutter.md +558 -0
  20. package/resource/doc/native_live/flutter/V2TXLivePlayerObserver_api_flutter.md +879 -0
  21. package/resource/doc/native_live/flutter/V2TXLivePlayer_api_flutter.md +668 -0
  22. package/resource/doc/native_live/flutter/V2TXLivePremier_api_flutter.md +456 -0
  23. package/resource/doc/native_live/flutter/V2TXLivePusherObserver_api_flutter.md +332 -0
  24. package/resource/doc/native_live/flutter/V2TXLivePusher_api_flutter.md +748 -0
  25. package/resource/doc/native_live/iOS/V2TXLiveCode_api_iOS.md +328 -0
  26. package/resource/doc/native_live/iOS/V2TXLiveDef_api_iOS.md +505 -0
  27. package/resource/doc/native_live/iOS/V2TXLivePlayerObserver_api_iOS.md +507 -0
  28. package/resource/doc/native_live/iOS/V2TXLivePlayer_api_iOS.md +676 -0
  29. package/resource/doc/native_live/iOS/V2TXLivePremier_api_iOS.md +284 -0
  30. package/resource/doc/native_live/iOS/V2TXLivePusherObserver_api_iOS.md +820 -0
  31. package/resource/doc/native_live/iOS/V2TXLivePusher_api_iOS.md +1065 -0
  32. package/resource/doc/trtc/C++/ITRTCCloud.md +4131 -0
  33. package/resource/doc/trtc/C++/ITRTCStatistics.md +326 -0
  34. package/resource/doc/trtc/C++/ITXAudioEffectManager.md +1306 -0
  35. package/resource/doc/trtc/C++/ITXDeviceManager.md +1029 -0
  36. package/resource/doc/trtc/C++/TRTCCloudCallback.md +2743 -0
  37. package/resource/doc/trtc/C++/TRTCTypeDef.md +3703 -0
  38. package/resource/doc/trtc/C++/TXLiteAVCode.md +930 -0
  39. package/resource/doc/trtc/android/TRTCCloud.md +3832 -0
  40. package/resource/doc/trtc/android/TRTCCloudDef.md +3945 -0
  41. package/resource/doc/trtc/android/TRTCCloudListener.md +2480 -0
  42. package/resource/doc/trtc/android/TRTCStatistics.md +296 -0
  43. package/resource/doc/trtc/android/TXAudioEffectManager.md +1344 -0
  44. package/resource/doc/trtc/android/TXBeautyManager.md +980 -0
  45. package/resource/doc/trtc/android/TXDeviceManager.md +441 -0
  46. package/resource/doc/trtc/android/TXLiteAVCode.md +914 -0
  47. package/resource/doc/trtc/iOS/TRTCCloud.md +4256 -0
  48. package/resource/doc/trtc/iOS/TRTCCloudDelegate.md +2580 -0
  49. package/resource/doc/trtc/iOS/TRTCStatistics.md +296 -0
  50. package/resource/doc/trtc/iOS/TXAudioEffectManager.md +1117 -0
  51. package/resource/doc/trtc/iOS/TXBeautyManager.md +986 -0
  52. package/resource/doc/trtc/iOS/TXDeviceManager.md +1025 -0
  53. package/resource/doc/trtc/iOS/TXLiteAVCode.md +929 -0
  54. package/resource/doc/trtc/iOS/TXLiveSDKTypeDef.md +3798 -0
  55. package/tools/definitions/get_faq_def.js +4 -0
  56. package/tools/definitions/get_faq_def.js.map +1 -1
  57. package/tools/definitions/get_native_live_api_def.js +22 -0
  58. package/tools/definitions/get_native_live_api_def.js.map +1 -0
  59. package/tools/definitions/get_trtc_native_api_def.js +17 -0
  60. package/tools/definitions/get_trtc_native_api_def.js.map +1 -0
  61. package/tools/definitions/get_web_live_uikit_component_detail_def.js +9 -3
  62. package/tools/definitions/get_web_live_uikit_component_detail_def.js.map +1 -1
  63. package/tools/definitions/get_web_live_uikit_integration_def.js +32 -0
  64. package/tools/definitions/get_web_live_uikit_integration_def.js.map +1 -0
  65. package/tools/index.js +8 -0
  66. package/tools/index.js.map +1 -1
  67. package/tools/live/get-web-live-uikit-integration.js +52 -0
  68. package/tools/live/get-web-live-uikit-integration.js.map +1 -0
  69. package/tools/native_live/get-native-live-api.js +31 -0
  70. package/tools/native_live/get-native-live-api.js.map +1 -0
  71. package/tools/trtc/get-trtc-native-api.js +31 -0
  72. package/tools/trtc/get-trtc-native-api.js.map +1 -0
  73. package/utils/generate-structured-result.js +34 -0
  74. package/utils/generate-structured-result.js.map +1 -0
  75. package/utils/handle-component-name.js +0 -8
  76. package/utils/handle-component-name.js.map +1 -1
  77. package/utils/report-cls-client.js +1 -1
  78. package/utils/report-es-client.js +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tencentcloud/sdk-mcp",
3
- "version": "1.2.8",
3
+ "version": "1.3.0",
4
4
  "description": "Tencent Cloud MCP Server for SDK",
5
5
  "type": "module",
6
6
  "main": "index.js",
@@ -0,0 +1,54 @@
1
+ ---
2
+ product: 'Chat'
3
+ tech_stack: 'server'
4
+ framework: 'common'
5
+ title: '通用问题知识库'
6
+ keywords: ['控制台', '服务端生成 usersig', 'restapi', '前回调', '后回调', 'nodejs/go/java/python 等服务端语言生成 userSig 示例代码 ']
7
+ ---
8
+
9
+ # 通用问题知识库
10
+
11
+ ## userSig 解决方案
12
+
13
+ ### Q: 服务端如何生成 userSig ?
14
+ **A:** 服务端生成 userSig 的具体方式可参考: https://cloud.tencent.com/document/product/269/32688, 文档中提供了多种服务端语言的解决方案。
15
+
16
+ ### Q: Chat 消息发送前回调和发送后回调的消息格式区别,如何区分系统消息和用户消息?
17
+ **A:**
18
+ 1. 群消息发言前回调内容没有 MsgSeq、MsgTime 等信息,具体的可以参考以下文档:
19
+ - 单聊发言前回调:https://cloud.tencent.com/document/product/269/1632
20
+ - 单聊发言后回调:https://cloud.tencent.com/document/product/269/2716
21
+ - 群内发言前回调:https://cloud.tencent.com/document/product/269/1619
22
+ - 群内发言后回调:https://cloud.tencent.com/document/product/269/2661
23
+ 2. 普通消息格式: https://cloud.tencent.com/document/product/269/2720
24
+
25
+ ### Q: 群消息优先级和群消息频控是怎样的?
26
+ **A:** 群消息分为 3 个优先级(`High`,`Normal`,`Low`),如果某个群的消息超过了频率限制,后台会优先下发高优先级的消息。因此用户应根据消息的重要程度,来选择合适的优先级。总消息数频控是指单个群所有端接口累计每秒最多能发送的消息数限制,默认值为 40条/秒,采用每秒平均限频。消息数量超过限制后,后台优先下发优先级相对较高的消息,同等优先级的消息随机排序。详细内容可以参考文档:https://cloud.tencent.com/document/product/269/3663
27
+
28
+ ### Q: 有腾讯云图片消息内容安全审核的的最佳实践和使用方案吗?
29
+ **A:** 云端审核功能,是一款在云端(服务端)进行内容智能识别和拦截的服务:
30
+ - 支持对文本、图片内容同步审核,对音频、视频内容异步审核。
31
+ - 支持分别针对单聊、群聊、资料三大 IM 场景中产生的不同类型 UGC 内容进行策略配置。
32
+ - 支持配置特定终端用户产生/接收的消息不送审,支持对返回审核结果进行配置。
33
+ - 支持自助创建自定义审核场景,对非 IM 场景的 UGC 内容或者终端消息有更灵活的送审选择。
34
+ - 支持查看审核用量抵扣明细、审核结果明细,提供审核条数统计、审核类型统计、审核用户统计、违规用户排行等可视化数据。
35
+ 参考文档:https://cloud.tencent.com/document/product/269/79139
36
+
37
+ ### Q: 如何拦截用户发送的消息?
38
+ **A:** 业务服务端可以通过消息前回调进行拦截,具体文档可参考:
39
+ - 单聊发言前回调:https://cloud.tencent.com/document/product/269/1632
40
+ - 群内发言前回调:https://cloud.tencent.com/document/product/269/1619
41
+
42
+ ### Q: 如何删除和管理账号?
43
+ **A:** restapi 可以对账号进行删除、导入、查询,具体文档可参考:
44
+ - 删除账号:https://cloud.tencent.com/document/product/269/36443
45
+ - 导入单个账号:https://cloud.tencent.com/document/product/269/1608
46
+ - 导入多个账号:https://cloud.tencent.com/document/product/269/4919
47
+ - 查询账号:https://cloud.tencent.com/document/product/269/38417
48
+
49
+ ### Q: 账号数量超过限制如何处理?
50
+ **A:** 导入账号时,如果账号数超限,如需创建多于100个账号,需要将应用升级为专业版,具体操作指引请参见:https://cloud.tencent.com/document/product/269/32458。
51
+
52
+ ### Q: 服务端如何删除会话?
53
+ **A:** 服务端删除会话可以使用 restapi, 具体文档可参考:https://cloud.tencent.com/document/product/269/62119。
54
+
@@ -113,3 +113,63 @@ promise.then(function(imResponse) {
113
113
 
114
114
  ### Q: Web SDK 怎么发送文件消息?
115
115
  **A:** 可以使用 [createFileMessage](https://cloud.tencent.com/document/product/269/75316#.E5.88.9B.E5.BB.BA.E6.96.87.E4.BB.B6.E6.B6.88.E6.81.AF) 创建文件消息实例,然后使用 [sendMessage](https://cloud.tencent.com/document/product/269/75316#.E5.8F.91.E9.80.81.E6.B6.88.E6.81.AF) 发送文件消息。
116
+
117
+ ### Q: Taro 开发的微信小程序如何集成 Chat SDK?
118
+ **A:** Chat SDK v4 `@tencentcloud/lite-chat` 同时支持在 web 浏览器和微信小程序环境运行,Taro 开发的微信小程序需要实现聊天功能可直接集成 `@tencentcloud/lite-chat`, 详情可参考:https://cloud.tencent.com/document/product/269/117335。
119
+
120
+ ### Q: CHat 怎么实现用户在线状态功能?
121
+ **A:**
122
+ 1. Chat SDK 提供了**用户状态查询、订阅、取消订阅 API 和状态变更事件通知**,详情可参考:https://cloud.tencent.com/document/product/269/78125。
123
+ 2. 服务端**在线状态变更回调**可参考:https://cloud.tencent.com/document/product/269/2570。
124
+
125
+ ### Q: Chat SDK 无 UI 如何实现消息列表功能?
126
+ **A:** 无 UI 实现消息列表功能,需要结合 SDK `sendMessage`、`getMessageList` API 和 `MESSAGE_RECEIVED` 事件实现。
127
+
128
+ ### Q: Chat SDK 无 UI 如何实现 @ 全部和 @某人 的功能?
129
+ **A:** SDK 提供了实现 @消息的 API `createTextAtMessage` ,详情可参考:https://cloud.tencent.com/document/product/269/112909。
130
+
131
+ ### Q: Chat SDK 如何实现搜索功能?
132
+ **A:** SDK 提供了**云端搜索**能力,支持搜索消息、搜索用户、搜索群组、搜索群成员,API 详情可参考以下链接:
133
+ - 搜索消息:https://cloud.tencent.com/document/product/269/114754
134
+ - 搜索用户:https://cloud.tencent.com/document/product/269/114757
135
+ - 搜索群组:https://cloud.tencent.com/document/product/269/114760
136
+ - 搜索群成员:https://cloud.tencent.com/document/product/269/114763
137
+
138
+ ### Q: Chat SDK 如何创建群组、添加群成员、设置管理员?
139
+ **A:** SDK 创建群组、添加群成员、设置管理员的具体信息可参考下面的文档内容:
140
+ - 创建群组:https://cloud.tencent.com/document/product/269/75395#.E5.88.9B.E5.BB.BA.E7.BE.A4.E7.BB.84
141
+ - 添加群成员:https://web.sdk.qcloud.com/im/doc/v3/zh-cn/SDK.html#addGroupMember
142
+ - 修改群成员角色(可设置管理员):https://cloud.tencent.com/document/product/269/75401#.E4.BF.AE.E6.94.B9.E7.BE.A4.E6.88.90.E5.91.98.E8.A7.92.E8.89.B2
143
+
144
+ ### Q: 如何创建一个 C2C 单聊会话?
145
+ **A:** UI 层可以通过查询会话资料 `getConversationProfile` 创建一个单聊会话,`conversationID` 的规则:`C2C${userID}`,SDK 创建会话成功后会通过 `CONVERSATION_LIST_UPDATE` 事件通知会话列表更新。
146
+
147
+ ### Q: 如何获取消息未读总数和实时监听未读总数的变化?
148
+ **A:** 消息未读总数的详细内容可参考文档:https://cloud.tencent.com/document/product/269/75373。
149
+ 1. 获取未读消息总数可以调用 `getTotalUnreadMessageCount` API。
150
+ 2. 未读总数变更可以监听 `TOTAL_UNREAD_MESSAGE_COUNT_UPDATED` 事件。
151
+ 注意:初始化时建议直接监听 `TOTAL_UNREAD_MESSAGE_COUNT_UPDATED` 事件获取未读消息总数,因为未读总数的计算依赖云端会话列表的同步,登录成功直接调用 `getTotalUnreadMessageCount`可能会因为云端会话列表还没同步完成,导致获取到的未读数为 0。
152
+
153
+ ### Q: SDK 图片消息如何获取原图和缩略图?
154
+ **A:** 图片消息高清原图(type = 0)、缩略图(type = 1)、大图(type = 2),获取方式可参考 Message 结构体说明:https://web.sdk.qcloud.com/im/doc/v3/zh-cn/Message.html#.ImagePayload。
155
+
156
+ ### Q: SDK 如何处理消息发送失败?
157
+ **A:** SDK 消息发送失败时,`sendMessage` 接口会抛出 error,需要通过 `sendMessage().catch()` 捕获异常,error 中包含完整的 message 结构体, 其中 message.status 为 `fail`。可以通 `resendMessage` 重发失败的消息。
158
+
159
+ ### Q: 弱网环境下,SDK 如何保证 websocket 的稳定性以及如何重连的?
160
+ **A:** 弱网环境下如果 ws 断开, SDK 会自动重连。ws 的状态变更可以通过监听 `NET_STATE_CHANGE` 事件(https://web.sdk.qcloud.com/im/doc/v3/zh-cn/module-EVENT.html#.NET_STATE_CHANGE)。
161
+
162
+ ### Q: SDK 如何删除会话?
163
+ **A:** 删除会话仅支持单向删除,SDK 删除会话 API `deleteConversation`,参考文档:https://cloud.tencent.com/document/product/269/75379
164
+
165
+ ### Q: SDK 如何获取好友列表?
166
+ **A:** 获取好友列表 API `getFriendList`,好友列表更新可监听 `FRIEND_LIST_UPDATED` 事件,参考文档:https://cloud.tencent.com/document/product/269/75420。
167
+
168
+ ### Q: SDK 如何监听好友在线状态更新?
169
+ **A:** 好友在线状态变更可以通过以下两种方式实现:
170
+ 1. 如果您在 即时通信 IM 控制台 开启了好友状态自动通知,那么当好友的状态发生变更时,SDK 会派发 `USER_STATUS_UPDATED` 事件,您可以在其中获取到好友的最新状态。
171
+ 2. 如果您没有开启好友状态自动通知,并且仍然想感知好友的状态变更,您需要调用 `subscribeUserStatus` 主动订阅好友的状态。当好友的状态发生变更时,SDK 会派发 `USER_STATUS_UPDATED` 回调。
172
+ 具体的文档可参考:https://cloud.tencent.com/document/product/269/78125
173
+
174
+ ### Q: SDK 如何删除会话历史消息?
175
+ **A:** SDK 提供了 `clearHistoryMessage` API 用来情况会话历史消息,具体文档可参考:https://cloud.tencent.com/document/product/269/84438。
@@ -1,4 +1,4 @@
1
- 本文对 TUILiveKit 组件中的**连麦管理面板(CoGuestPanel)**进行了详细的介绍,您可以在已有项目中直接参考本文示例集成我们开发好的组件,也可以根据您的需求按照文档中的组件定制化部分对样式和布局进行深度的定制。
1
+ 本文对**连麦管理面板(CoGuestPanel)**进行了详细的介绍,您可以在已有项目中直接参考本文示例集成我们开发好的组件,也可以根据您的需求按照文档中的组件定制化部分对样式和布局进行深度的定制。
2
2
 
3
3
  ![](https://write-document-release-1258344699.cos.ap-guangzhou.tencentcos.cn/100027862798/af6ace34975411f093df52540099c741.png)
4
4
 
@@ -35,7 +35,7 @@
35
35
 
36
36
  ### 步骤1:环境配置及开通服务
37
37
 
38
- 在进行快速接入之前,您需要参考[准备工作](https://write.woa.com/document/185222107981008896),满足相关环境配置及开通对应服务。
38
+ 在进行快速接入之前,您需要参考 [准备工作](https://write.woa.com/document/188228825253294080),满足相关环境配置及开通对应服务。
39
39
 
40
40
  ### 步骤2:安装依赖
41
41
 
@@ -44,19 +44,19 @@
44
44
 
45
45
  【npm】
46
46
  ``` bash
47
- npm install tuikit-atomicx-vue3@latest @tencentcloud/uikit-base-component-vue3 --save
47
+ npm install tuikit-atomicx-vue3 @tencentcloud/uikit-base-component-vue3 --save
48
48
  ```
49
49
 
50
50
 
51
51
  【pnpm】
52
52
  ``` bash
53
- pnpm add tuikit-atomicx-vue3@latest @tencentcloud/uikit-base-component-vue3
53
+ pnpm add tuikit-atomicx-vue3 @tencentcloud/uikit-base-component-vue3
54
54
  ```
55
55
 
56
56
 
57
57
  【yarn】
58
58
  ``` bash
59
- yarn add tuikit-atomicx-vue3@latest @tencentcloud/uikit-base-component-vue3
59
+ yarn add tuikit-atomicx-vue3 @tencentcloud/uikit-base-component-vue3
60
60
  ```
61
61
 
62
62
  ### 步骤3:集成连麦管理面板
@@ -1,4 +1,4 @@
1
- 本文对 TUILiveKit 组件中的 **直播视频组件(LiveView)** 进行了详细的介绍,您可以在已有项目中直接参考本文示例集成我们开发好的组件,也可以根据您的需求按照文档中的组件定制化部分对样式,布局进行深度的定制。
1
+ 本文对**直播视频组件(LiveView)**进行了详细的介绍,您可以在已有项目中直接参考本文示例集成我们开发好的组件,也可以根据您的需求按照文档中的组件定制化部分对样式,布局进行深度的定制。
2
2
 
3
3
  ![](https://write-document-release-1258344699.cos.ap-guangzhou.tencentcos.cn/100027862798/1b766277b00211f09e195254007c27c5.png)
4
4
 
@@ -38,19 +38,19 @@
38
38
 
39
39
  【npm】
40
40
  ``` bash
41
- npm install tuikit-atomicx-vue3@latest @tencentcloud/uikit-base-component-vue3 --save
41
+ npm install tuikit-atomicx-vue3 @tencentcloud/uikit-base-component-vue3 --save
42
42
  ```
43
43
 
44
44
 
45
45
  【pnpm】
46
46
  ``` bash
47
- pnpm add tuikit-atomicx-vue3@latest @tencentcloud/uikit-base-component-vue3
47
+ pnpm add tuikit-atomicx-vue3 @tencentcloud/uikit-base-component-vue3
48
48
  ```
49
49
 
50
50
 
51
51
  【yarn】
52
52
  ``` bash
53
- yarn add tuikit-atomicx-vue3@latest @tencentcloud/uikit-base-component-vue3
53
+ yarn add tuikit-atomicx-vue3 @tencentcloud/uikit-base-component-vue3
54
54
  ```
55
55
 
56
56
  ### 步骤3:加入直播间并进行连麦
@@ -113,21 +113,21 @@ LiveView 提供了灵活的组件自定义插槽,该插槽支持您根据自
113
113
  </tr>
114
114
 
115
115
  <tr>
116
- <td rowspan="1" colSpan="1" >seatViewUI</td>
116
+ <td rowspan="1" colSpan="1" >streamViewUI</td>
117
117
 
118
- <td rowspan="1" colSpan="1" >seatInfo: SeatInfo</td>
118
+ <td rowspan="1" colSpan="1" >userInfo</td>
119
119
 
120
120
  <td rowspan="1" colSpan="1" >自定义麦位的显示 UI</td>
121
121
  </tr>
122
122
  </table>
123
123
 
124
- ``` typescript
125
- // seatViewUI 插槽使用示例
124
+ ``` java
125
+ // streamViewUI 插槽使用示例
126
126
  <LiveView>
127
127
  <CustomStreamViewUI #streamViewUI></CustomStreamViewUI>
128
128
  </LiveView>
129
129
  ```
130
- 1. `SeatInfo` 定义了直播房间中每个麦位的基本信息和状态:
130
+ 1. `userInfo` 定义了直播房间中每个麦位的基本信息和状态:
131
131
 
132
132
  <table>
133
133
  <tr>
@@ -140,56 +140,23 @@ LiveView 提供了灵活的组件自定义插槽,该插槽支持您根据自
140
140
  <td rowspan="1" colSpan="1" >说明</td>
141
141
  </tr>
142
142
 
143
- <tr>
144
- <td rowspan="1" colSpan="1" >index</td>
145
-
146
- <td rowspan="1" colSpan="1" >number</td>
147
-
148
- <td rowspan="1" colSpan="1" >必填</td>
149
-
150
- <td rowspan="1" colSpan="1" >麦位的索引号,从0开始递增,用于标识麦位在房间中的位置。</td>
151
- </tr>
152
-
153
- <tr>
154
- <td rowspan="1" colSpan="1" >isLocked</td>
155
-
156
- <td rowspan="1" colSpan="1" >boolean</td>
157
-
158
- <td rowspan="1" colSpan="1" >必填</td>
159
-
160
- <td rowspan="1" colSpan="1" >麦位锁定状态,true 表示麦位被锁定,其他用户无法进入;false 表示麦位开放。</td>
161
- </tr>
162
-
163
143
  <tr>
164
144
  <td rowspan="1" colSpan="1" >userInfo</td>
165
145
 
166
- <td rowspan="1" colSpan="1" >SeatUserInfo</td>
146
+ <td rowspan="1" colSpan="1" >userInfo</td>
167
147
 
168
148
  <td rowspan="1" colSpan="1" >非必填</td>
169
149
 
170
150
  <td rowspan="1" colSpan="1" >当前坐在该麦位上的用户信息,如果麦位为空则为 `undefined`。</td>
171
151
  </tr>
172
-
173
- <tr>
174
- <td rowspan="1" colSpan="1" >region</td>
175
-
176
- <td rowspan="1" colSpan="1" >RegionInfo</td>
177
-
178
- <td rowspan="1" colSpan="1" >非必填</td>
179
-
180
- <td rowspan="1" colSpan="1" >麦位在视频画布中的显示区域信息,用于多路视频布局。</td>
181
- </tr>
182
152
  </table>
183
153
 
184
154
  ``` typescript
185
- interface SeatInfo {
186
- index: number; // 麦位索引
187
- isLocked: boolean; // 麦位是否被锁定
188
- userInfo?: SeatUserInfo; // 麦位上的用户信息(可选)
189
- region?: RegionInfo; // 麦位在画布中的区域信息(可选)
155
+ interface userInfo {
156
+ userInfo: userInfo; // 麦位上的用户信息
190
157
  }
191
158
  ```
192
- 2. `SeatUserInfo` 定义了直播房间中每个麦位上的用户详细信息:
159
+ 2. `userInfo` 定义了直播房间中每个麦位上的用户详细信息:
193
160
 
194
161
  <table>
195
162
  <tr>
@@ -382,11 +349,11 @@ LiveView 提供了灵活的组件自定义插槽,该插槽支持您根据自
382
349
 
383
350
  #### 自定义插槽示例
384
351
 
385
- 为了更好地让您体验及理解 LiveView 组件的 seatViewUI 插槽定制化能力,我们提供了**直播连麦场景**示例供您参考,您可以参考上述**步骤3**将如下代码增量复制至您的项目中实现类似场景的效果。
352
+ 为了更好地让您体验及理解 LiveView 组件的 streamViewUI 插槽定制化能力,我们提供了**直播连麦场景**示例供您参考,您可以参考上述**步骤3**将如下代码增量复制至您的项目中实现类似场景的效果。
386
353
  ``` typescript
387
354
  <template>
388
355
  <LiveView>
389
- <template #seatViewUI="{ userInfo }">
356
+ <template #streamViewUI="{ userInfo }">
390
357
  <div
391
358
  class="live-stream-view"
392
359
  :class="{ 'is-anchor': isAnchor(userInfo), 'is-guest': !isAnchor(userInfo) }"
@@ -424,4 +391,4 @@ const isAnchor = (userInfo: SeatUserInfo) => {
424
391
  </script>
425
392
 
426
393
  <style scoped>.live-stream-view{position:relative;width:100%;height:100%;border-radius:8px;overflow:hidden}.live-stream-view.is-anchor{border:3px solid #ff6b35;box-shadow:0 0 20px rgba(255,107,53,.3)}.live-stream-view.is-guest{border:1px solid #ddd}.video-area{width:100%;height:100%;background:#000}.user-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));padding:10px;color:#fff}.user-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;margin-bottom:5px;background:#666}.anchor-badge{background:#ff6b35;color:#fff}.user-name{font-weight:700;margin-bottom:5px}.device-status span{margin-right:5px;opacity:.8}.device-status .camera.Off,.device-status .mic.Off{opacity:.3}</style>
427
- ```
394
+ ```
@@ -1,16 +1,21 @@
1
1
  ## 概述
2
- 本文对 TUILiveKit 组件中的**直播列表页面**进行了详细的介绍,您可以在已有项目中直接参考本文档集成我们开发好的直播列表页面,也可以根据您的需求按照文档中的内容对页面的样式,布局以及功能项进行深度的定制。
2
+
3
+ 本文对 TUILiveKit Demo 中的**直播列表页面**进行了详细的介绍,您可以在已有项目中直接参考本文档集成我们开发好的直播列表页面,也可以根据您的需求按照文档中的内容对页面的样式,布局以及功能项进行深度的定制。
3
4
 
4
5
  ![](https://write-document-release-1258344699.cos.ap-guangzhou.tencentcos.cn/100027862798/f73d96db8c8611f0ae9d5254001c06ec.png)
5
6
 
6
7
 
8
+ ## 快速体验
9
+
10
+ 您可以在 [在线体验](https://write.woa.com/document/193874503063744512) 中使用 [在线开播网站](https://web.sdk.qcloud.com/trtc/livekit/pusher/index.html) 快速开启一场直播,同时您也可以使用 [在线观看网站](https://web.sdk.qcloud.com/trtc/livekit/player/index.html) 来查看账户下直播列表。
11
+
7
12
  ## 快速接入
8
13
 
9
14
  ### 步骤1:环境配置及开通服务
10
15
 
11
16
  在进行快速接入之前,您需要参见 [准备工作](https://write.woa.com/document/188228825253294080),满足相关环境配置及开通对应服务。
12
17
 
13
- ### 步骤2: 安装依赖
18
+ ### 步骤2:安装依赖
14
19
 
15
20
  您可以选择以下任一方式安装依赖:
16
21
 
@@ -19,25 +24,25 @@
19
24
 
20
25
  【npm】
21
26
  ``` bash
22
- npm install tuikit-atomicx-vue3@latest @tencentcloud/uikit-base-component-vue3 --save
27
+ npm install tuikit-atomicx-vue3 @tencentcloud/uikit-base-component-vue3 --save
23
28
  ```
24
29
 
25
30
 
26
31
  【pnpm】
27
32
  ``` bash
28
- pnpm add tuikit-atomicx-vue3@latest @tencentcloud/uikit-base-component-vue3
33
+ pnpm add tuikit-atomicx-vue3 @tencentcloud/uikit-base-component-vue3
29
34
  ```
30
35
 
31
36
 
32
37
  【yarn】
33
38
  ``` bash
34
- yarn add tuikit-atomicx-vue3@latest @tencentcloud/uikit-base-component-vue3
39
+ yarn add tuikit-atomicx-vue3 @tencentcloud/uikit-base-component-vue3
35
40
  ```
36
41
 
37
42
  ### 步骤3: 直播列表页面接入
38
43
 
39
44
  在您的项目下创建 **live-list.vue **文件,可直接复制如下代码至您的项目中集成**直播列表页面**。
40
- ``` vue
45
+ ``` javascript
41
46
  <template>
42
47
  <UIKitProvider language="zh-CN">
43
48
  <div class="container">
@@ -81,7 +86,7 @@ onMounted(async () => {
81
86
  > **注意:**
82
87
  >
83
88
 
84
- > 若您需要实现直播列表到进入直播间的跳转逻辑,可参考本文中[指定直播间](https://write.woa.com/#61f1bbc9-1f23-4b69-aceb-7ab3f35a0ec2)部分内容。
89
+ > 若您需要实现直播列表到进入直播间的跳转逻辑,可参考本文中 [指定直播间](https://write.woa.com/#61f1bbc9-1f23-4b69-aceb-7ab3f35a0ec2) 部分内容。
85
90
  >
86
91
 
87
92
 
@@ -94,7 +99,7 @@ npm run dev
94
99
 
95
100
  ## 自由定制
96
101
 
97
- 根据上述功能展示图,我们也支持您根据项目需求对直播列表页面进行 UI 定制能力。主要可供定制的能力如下表所示。
102
+ 根据上述功能展示图,我们也支持您根据项目需求对直播列表页面进行 UI 定制。主要可供定制的能力如下表所示。
98
103
  <table>
99
104
  <tr>
100
105
  <td rowspan="1" colSpan="1" >**类别**</td>
@@ -188,39 +193,3 @@ app.mount('#app');
188
193
  ### 更多资源
189
194
 
190
195
  [腾讯云实时音视频控制台](https://console.cloud.tencent.com/trtc)
191
-
192
-
193
-
194
-
195
-
196
-
197
-
198
-
199
-
200
-
201
-
202
-
203
-
204
-
205
-
206
-
207
-
208
-
209
-
210
-
211
-
212
-
213
-
214
-
215
-
216
-
217
-
218
- ####
219
-
220
- ####
221
-
222
- ####
223
-
224
- ####
225
-
226
- ####