Hy-rtc-sdk-cpns NPM

新增操作区

<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