I got it working... sort of.
I stole this code from a traffic camera website (ignore all the "Carter lake" stuff, it still needs cleaned up). If you update 172.16.2.202 to your camera's IP address, and save it to your desktop in an html file, you can open it with Chrome or Opera and get a working video feed (I think you need to put it on a server or something for it to work in IE. It keeps blocking it). However, it will only work AFTER you open your browser and log in at your camera's web interface first. I cant figure out how to make it authenticate without logging in first. Can someone help me figure this out??
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-US">
<head>
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<title>CarterLake.org Live Webcam</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=ISO-8859-1"/>
<meta name="description" content="Carter Lake, Iowa's live streaming weather webcam."/>
<meta name="keywords" content="carter,lake,Carter Lake,iowa,Iowa,pottawattamie,weather"/>
<meta http-equiv="Cache-Control" content="no-cache"/>
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Expires" content="-1"/>
<script language="Javascript" type="text/javascript">
<!--
if (parent.frames.length)
top.location.href= document.location;
// -->
</script>
<script language="javascript" type="text/javascript" src="basic_refresh.js"/>
<script language="javascript" type="text/javascript">
<!-- Begin
function Start(page) {
OpenWin = this.open(page, "CtrlWindow", config='height=490,width=660,toolbar=no,menubar=no,location=no,scrollbars=no,resizable=no');
}
// End -->
</script>
<!-- Navigational metadata for large websites (an accessibility feature): -->
<link rel="top" href="./index.php" title="Homepage"/>
<link rel="up" href="./index.php" title="Up"/>
<link rel="first" href="./index.php" title="First page"/>
<link rel="previous" href="./index.php" title="Previous page"/>
<link rel="next" href="./index.php" title="Next page"/>
<link rel="last" href="./index.php" title="Last page"/>
<link rel="toc" href="./index.php" title="Table of contents"/>
<link rel="index" href="./index.php" title="Site map"/>
<link rel="stylesheet" type="text/css" href="./cl-screen.css" media="screen" title="cl (screen)"/>
<link rel="stylesheet" type="text/css" href="./cl-print.css" media="print"/>
</head>
<body bgcolor="#00008B" onload="global_timer();">
<div id="Welcome" class="darkerBox">
<script language="Javascript" type="text/javascript"><!--
var img_init = 'http://98.168.228.137:7000/video/pull?';
var ref_init = 1500;
var ref_width = 640;
var ref_height = 480;
createImage(img_init, ref_init, ref_width, ref_height);
// -->
</script>
<a href="javascript: switchVid();">
<img src="http://172.16.2.202/video1.mjpg" name="imagerefresh" width="640" height="480" border="1" style="border-color: #000000; border-style:solid" onload="imgLoaded();" onerror="imgError()"/>ev
</a>
</div>
<p align="center">
<a href="javascript: history.go(-1)" target="_parent" onclick="window.close()">ev
<img src="cl-closewindow.gif" alt="Close Window" border="0"/>
</a>
</p>
<table border="0" cellpadding="0" cellspacing="0" width="490">
<tbody>
<tr>
<td>
<br/>
<br/>
<br/>
<p align="center">
<font face="verdana,arial" size="4">
<a href="http://www.carterlake.org">Home</a>
</font>
</p>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Author
Topic: Embedding Video Stream on my own Website (Read 20662 times)