Finally, we want to grab a real video stream out of your ipcam. Name it 'cam1mm.htm':

 

<!DOCTYPE HTML PUBLIC "-//W3C/DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>my ip cam video hq</title>
</head>
<body bgcolor="#ffffff" text="#000000" link="#804080" vlink="603060" alink="#804080">

<p><img src="/portal/ipcam.php?video=0" width="1024" height="768" alt="ipcam 1 (offline)"></p>

<form>
<select name="webcam" size="1" onChange="top.location.href=this.form.webcam.options[this.form.webcam.selectedIndex].value">
<option selected value="cam1.htm">ipcam 1</option>
<option value="cam1m.htm">ipcam 1 video</option>
<option value="cam1mm.htm">ipcam 1 video hq</option>
</select>
</form>

<form><input type=button value="Refresh" onClick="window.location.reload()"></form>
</form>

</body>
</html>

 

 Again, it's only one line of html-code to display the video stream.

<p><img src="/portal/ipcam.php?video=0" width="1024" height="768" alt="ipcam 1 (offline)"></p>

 

 

When you set correct path, username and password in 'ipcam.php' you will see a live stream of your ipcam now.

 

To protect your webcam from unauthorized access, use .htaccess and a https-connection.

 

This script is meant as base for your own ideas. There is for sure room for improvements.