y-video v1.0.5

y-video 说明

2024-7-30 增加海康插件组件封装

海康插件组件

1. HikPluginPlayer 使用

import {HikPluginPlayer, PlatformProp} from 'y-video'

const player = () => {
	const [platformInfo, setPlatformInfo] = useState<PlatformProp>({
      host: '192.168.1.1',
      port: 1443,
      appkey: '23232332',
      appsecret: 'dcskndsn2323sdasa',
      layout: '1x1'
    })
  
    const [playProps, setPlayProps] = useState<PlayArgumentProps>([])
  
	return <div style={{'width': '600px', 'height': '400px'}}>
      <HikPluginPlayer platform={platformInfo} onInit={(player) => {
		player.showWnd()  // 在初始化的过程中进行了隐藏操作，需要先调用showWnd方法显示窗口
        player.play(playProps) // 视频预览
      }} />
    </div>
}

2. HikPluginPlayer 海康插件组件 组件参数：

PlatformProp 类型:

海康插件实例方法：

大华插件组件

1. DhPluginPlayer 使用

import {DhPluginPlayer, PlatformProps, DhPlayArgumentProps} from 'y-video'

const player = () => {
	const [platformInfo] = useState<PlatformProps>({
		host: '192.168.1.1',
		port: '443',
		username: 'system',
		password: '123456', 
        division: 1
	})

	const [playProps] = useState<<DhPlayArgumentProps>[]>([{
        channelId: '100010$1$0$6',
        channelName: '活发围墙周界',
        snum: 0,
        streamType: 1,
        deviceType: 6,
        cameraType: '2',
        capability: '0000000000000000100000000000000',
        decodeMode: 0
    }])

	return <div style={{'width': '600px', 'height': '400px'}}>
		<HikPluginPlayer platform={platformInfo} onInit={(player) => {
			player.showWnd()  // 在初始化的过程中进行了隐藏操作，需要先调用showWnd方法显示窗口
			player.play(playProps) // 视频预览
		}} />
	</div>
}

2. DhPluginPlayer插件参数 组件参数：

PlatformProps参数：

DhPlayArgumentProps预览参数：

插件实例方法:

更新说明

1.0.0 最初版，rollup构建 1.0.1 增加海康插件封装 1.0.2 修复插件无法显示问题 1.0.3 增加海康插件参数调整及文档说明 1.0.4 增加大华插件封装 1.0.5 修复大华插件播放参数报错问题