Webcams in Domoticz
Posted: Sunday 17 December 2017 16:52
In order to stream a couple of external ip cameras to Domoticz, I have found on the easyDomoticz site the following code to put in www/templates. It shows two ip cameras. Is there a way to put some 4 cameras next to each other or 2 by 2 on top of each other.
Thx
Jeroen
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Webcams</title>
<style type="text/CSS">
h2 {
color:#4E632C;
}
#main {
max-width:960px;
margin:auto;
position:relative;
}
#cam1 {
width:440px;
position:absolute;
}
#cam2 {
margin-left:445px;
min-height:250px;
}
</style>
</head>
<body>
<div id="cam1">
<h2>Webcam 1</h2>
<iframe src="http://192.168.1.81:8081/" height="400" wdth="400"></iframe>
</div>
<div id="cam2">
<h2>WebCam 2</h2>
<iframe src="http://192.168.1.81:8081/" height="400" wdth="400"></iframe>
</div>
</div>
</body>
</html>
Thx
Jeroen
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Webcams</title>
<style type="text/CSS">
h2 {
color:#4E632C;
}
#main {
max-width:960px;
margin:auto;
position:relative;
}
#cam1 {
width:440px;
position:absolute;
}
#cam2 {
margin-left:445px;
min-height:250px;
}
</style>
</head>
<body>
<div id="cam1">
<h2>Webcam 1</h2>
<iframe src="http://192.168.1.81:8081/" height="400" wdth="400"></iframe>
</div>
<div id="cam2">
<h2>WebCam 2</h2>
<iframe src="http://192.168.1.81:8081/" height="400" wdth="400"></iframe>
</div>
</div>
</body>
</html>