静态HTML5接入海康websocket视频流｜海康ws视频流接入H5页面

引言

海康提供了 vue 实现插件播放视频的实例，实现取流失败了之后重新获取新的流播放视频，但是在很多情况下需要在静态 HTML 项目中进行视频的播放，于是引出此文。

海康开放平台 SDK 下载地址：https://open.hikvision.com/download/5c67f1e2f05948198c909700?type=20
不想登录的可以在这里下载：https://download.csdn.net/download/zgsdzczh/88987690

一、项目结构

二、项目可信代码块

		
			
				
					

				
				
					分屏
					
						1x1
						2x2
						3x3
						4x4
					
					 整体全屏 
				
			
			
				

					
						
					

					
						
							
						
						
							 开始预览 
							 停止预览 
						
					
				
			
		
	

JS 部分：

三、查看效果

由于本项目是静态 H5 的，所以可以直接打开 html 文件进行预览，效果图如下：