Spaces:
Sleeping
Sleeping
| | |
| <html> | |
| <head> | |
| <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> | |
| <meta http-equiv="Pragma" content="no-cache" /> | |
| <meta http-equiv="Expires" content="0" /> | |
| <meta charset="utf-8" /> | |
| <title>ZOOM ATUALLI MOSAICO WEB</title> | |
| <style> | |
| body { | |
| text-align: center; | |
| } | |
| div { | |
| padding: 10px; | |
| } | |
| img { | |
| width: 100%; | |
| height: 100%; | |
| } | |
| html, body { | |
| width: 100%; | |
| height: 100%; | |
| margin: 0px; | |
| } | |
| .outter { | |
| display: flex; | |
| flex-direction: column; | |
| height: 100%; | |
| background-color: red; | |
| } | |
| .header { | |
| background-color: gray; | |
| height: 3em; | |
| } | |
| .content { | |
| height: 100%; | |
| background-color: green; | |
| } | |
| .footerClass { | |
| background: yellow; | |
| height: 3em; | |
| } | |
| .tableClass { | |
| margin: 10px; | |
| width: 100%; | |
| height: 100%; | |
| border: 2px solid; | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| overflow: scroll; | |
| display: block; | |
| } | |
| .tableClass th, | |
| .tableClass td { | |
| border: 1px solid black; | |
| } | |
| </style> | |
| <script> | |
| var to = 1; //3; | |
| function imgRedirect(destination) { | |
| location.href = destination; | |
| } | |
| function gogo() | |
| { | |
| var d=new Date(), | |
| dummy=d.getTime(), | |
| i=0, | |
| pix=document.images; | |
| for (; i < pix.length; i++) | |
| { | |
| if (pix[i].className !== 'refr') | |
| { continue; } | |
| else | |
| { | |
| var obj = pix[i], | |
| s_rc=obj.getAttribute('src'), | |
| pure_src = s_rc.substring(0, s_rc.indexOf('c=') + 4); | |
| obj.setAttribute('src', pure_src + '&' + dummy); | |
| obj.nextSibling.innerHTML=obj.getAttribute('src'); | |
| } | |
| } | |
| setTimeout(gogo,to*500); | |
| } | |
| onload=gogo; | |
| </script> | |
| </head> | |
| <body> | |
| <table> | |
| <tr> | |
| <td> | |
| <ATSCAM> | |
| <img src="getcamera?c=<ATCAM>&123" class="refr" alt="" width="320" height="240"> | |
| </td> | |
| <td> | |
| <ATNVIDEO> | |
| <video preload="yes" autoplay loop muted playsinline width="320" height="240" controls src="getvideo?c=<ATCAM>" type="video/mp4"> </video> | |
| </td> | |
| </tr> | |
| </table> | |
| </body> | |
| </html> | |