hy-rtc-sdk-cpns
v0.0.45
Published
```vue <script setup lang="ts"> import { onMounted, ref } from 'vue' </script>
Readme
新增操作区
<script setup lang="ts">
import { onMounted, ref } from 'vue'
</script>
<monitor
ref="monitorRef" >
<template #operation="{monitorDataItem}"></template>
<template #operationMore="{monitorDataItem}"></template>
</monitor>
Attributes
| 属性名 | 属性名 | 类型 | 必填 | | ------------------ | ---------------- | --------------------------- | ---- | | maxWindowNum | 最大窗口数量 | 1 | 4 | 6 | 8 | 9 | 16 | | | defaultWindow | 默认窗口 | 1 | 4 | 6 | 8 | 9 | 16 | | | draggable | 组件拖拽切换窗口 | boolean | | | ptzkeyboardControl | 中控键盘控制 | boolean | | | operationList | 操作区列表 | OperationItem[] | | | | | | |
Slots
| 插槽名 | 说明 | 参数 | | ------------- | ------------------------- | --------------- | | operation | 操作区(外部展示) | monitorDataItem | | operationMore | 操作区更多 (收起展开展示) | monitorDataItem | | | | |
Events
| 事件名 | 说明 | | | --------------------- | ---------------- | ------------------------- | | getMonitorDataList | 获取当前监控设备 | ()=> MonitorDataItem[] | | getWindowSettingsList | 获取窗口设置列表 | ()=> WindowSettings[] | | setWindowSettings | 设置窗口设置 | (WindowQuantity)=> void | | monitor | 发起监控 | (device)=> void | | getOperationList | 获取操作区列表 | ()=> OperationItem[] | | | | | | | | | | | | | | | | |
broadcast (广播)
基础用法
<broadcast />
Attributes
| 属性名 | 属性名 | 类型 | 必填 | | ------------------ |----------|-----------------| ---- | | emptyText | 无房间提醒 | string | | | hideCloseDevice | 是否需要关闭设备操作 | boolean | | | showInvitationDevice | 是否展示邀请设备板块 | boolean | | | dialogType | 弹窗模式 | boolean | | | draggable | 弹窗模式下 是否拖拽 | boolean | |
Events
| 事件名 | 说明 | | |------------------|--------|-------------------------------------------------------------------------------------------------------------------------| | onRoomNotice | 房间通知 | ()=> BroadcastDataItem[] | | onRoomStatistics | 房间统计成员 | { broadcastDataList:BroadcastDataItem[],onlineNum:string, offlineNum:string, inTheRoomNum:string, noTheRoomNum:string,} | | onRoomInvite | 邀请通知 | null |