五、JAVA调用海康威视SDK实现摄像头内网转外网并前端展示

军军君01

已于 2022-04-05 11:22:27 修改

阅读量1.3w

点赞数 1

分类专栏： Java调用海康威视小项目文章标签： java 开发语言实时音视频

于 2022-02-14 10:03:43 首次发布

本文链接：https://blog.csdn.net/m0_37631110/article/details/118335248

版权

Java调用海康威视小项目专栏收录该内容

5 篇文章 17 订阅

订阅专栏

接上一章：四、JAVA调用海康威视SDK实现摄像头内网推流到阿里云

本章实现摄像头内网推流到阿里云服务器并再浏览器WEB前端展示。

环境准备

开发工具：eclipse
Jdk版本：jdk1.8
开发语言：java，界面使用swing开发
摄像头：DS-2CD1221D-I3
海康威视SDK下载地址：海康威视开放平台
SDK版本：CH-HCNetSDKV6.0.2.35_build20190411_Win64
EasyRTMPLive：EasyRTMPLive
ckplayer:ckplayer

将摄像头内网推流到阿里云直播服务器请参考尚一章。推流到阿里云服务器后再阿里云后台获取直播地址，通过该直播地址可以在浏览器端进行监控视频播放。

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Yab5Yab5ZCbMDE=,size_20,color_FFFFFF,t_70,g_se,x_16

网页播放器使用ckplayer实现，下载地址：ckplayer

代码实现

player.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>海康威视摄像头外网播放器</title>
<script type="text/javascript" src="./resource/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="./resource/ckplayer/ckplayer/ckplayer.js"></script>

</head>
<body>
	<div>
		<span>播放地址：</span>
		<input id="player_url" placeholder="请输入播放地址">
		<button id="plat_btn">播放</button>
	</div>
	<div id="video" style="width: 800px; height: 600px;margin: 0 auto;"></div>
	<script type="text/javascript">
		$(document).ready(function() {
			$("#plat_btn").click(function(){
				var videoObject = {
					container: '#video', //容器的ID或className
					variable: 'player',//播放函数名称
					autoplay:true,
					live:true,
					video: $("#player_url").val()
				};
				var player = new ckplayer(videoObject);
			});
		});
	</script>
</body>