Embedding Hikvision live stream in webpage

Jun 14, 2015
8
0
I have a couple of the DS-2CD2532 mini domes installed along with an Axis cam. I've got some html code that will display the cameras live video embedded in a webpage but can't seem to get the Hikvisions working. Does anyone know the http streaming path to these cameras? I managed to get a still image by using the following path: ipaddress/Streaming/channels/1/picture but obviously I'm looking for a live video feed. I got this working in Firefox but not in IE. If anyone can point me to the live video http path i'd greatly appreciate it.
 
I don't think these cams will provide live video over http (except for the slow jpeg frames, of course), only rtsp.
 
I have a custom HTML code somewhere, I'll have to find it. But it could use the JPG URL and it auto refreshed just the JPG URL instantly and not the whole page, so it pretty much appeared like a live video feed.
 
Thanks, that would be great. Do you have any experience with using VLC for viewing the RTSP stream? I have that embedded in my html code but have not gottten it to work yet.
 
I have a custom HTML code somewhere, I'll have to find it. But it could use the JPG URL and it auto refreshed just the JPG URL instantly and not the whole page, so it pretty much appeared like a live video feed.



[h=2]Hi badmop I'm trying to find that HTML code to refresh the image with a Hikvision camera using the following url, any chance of getting it?[/h]That would be fantastic if you could!

Cheers
Kal
 
It is complicated to refresh the jpeg image from a hikvision camera automatically. This simple html page would do it, but it can't handle authenticating with the camera so as long as the browser isn't authenticated with the camera, it will just try over and over very rapidly and never load the image. I'm not sure if newer firmwares let you access this jpeg image without authenticating ... but I doubt they do ... here is the markup anyway.

HTML:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
	<img src="http://192.168.0.67/Streaming/channels/1/picture" 
	onload="if(typeof(this.imgsrc) == 'undefined') this.imgsrc = this.src; this.src = this.imgsrc + '?time=' + new Date().getTime();" 
	onerror="this.onload()" />
</body>
</html>