13.07.2020, 14:13
Hi,
I need a little help from guru. Is possible to put over FTP html file to LM and open it by link or frame? Idea - put stream from videocamera into container and internal html file which to open. Based on other project such idea worked. This allow open videocamera's stream on many browsers, for me I saw my home camera stream even on my LG TV (WebOS 3, browser with many restrictions). But just direct link not worked.
Here what I want try implement for now - a little different, but some free cameras in my city:
If you open it as .html you will see webcams. But how to do it from LM (want to put this .html internally on my LM)? Sorry for dummy question
Alexander
I need a little help from guru. Is possible to put over FTP html file to LM and open it by link or frame? Idea - put stream from videocamera into container and internal html file which to open. Based on other project such idea worked. This allow open videocamera's stream on many browsers, for me I saw my home camera stream even on my LG TV (WebOS 3, browser with many restrictions). But just direct link not worked.
Here what I want try implement for now - a little different, but some free cameras in my city:
Code:
<style>
body { background: transparent;
}
</style>
<table width="100%" border="0" style="background: transparent;position: fixed; overflow: hidden;">
<tr>
<td width="2%" valign="top" >
<div onclick="location.href = '/page/17.html';" title="НАЗАД" style="cursor: pointer;border-radius: 0.8em 0.8em 0.8em 0.8em;margin-left:
auto;width: 60%;height: 70px;text-align: center;margin-right: auto;
background: linear-gradient(to top, rgba(31, 67, 162, 0.5) 0%, rgba(68, 126, 162, 0.5) 46%, rgba(137, 185, 247, 0.5) 100%);
border: 2px solid #eaedf159;box-shadow: 0.2em 0.2em 1px 1px rgba(12,12,12,0.7);">
<img src="/templates_alt/icon/arrow.png"style="overflow: hidden;"></img>
</div>
</td>
<td width="10%" valign="top" >
<div style="border-radius: 0.8em 0.8em 0.8em 0.8em;margin-left: auto;height:70px;text-align: center; margin-right: auto;
background: linear-gradient(to top, rgba(31, 67, 162, 0.5) 0%, rgba(68, 126, 162, 0.5) 46%, rgba(137, 185, 247, 0.5) 100%);
border: 2px solid #eaedf159;box-shadow: 0.2em 0.2em 1px 1px rgba(12,12,12,0.7);">
<span style="position: relative;top: 13px;text-align: center;cursor: default;overflow: hidden;font-family: Arial, Helvetica,
sans-serif;
font-size: 33px;color: #F9FC43;text-shadow: 1px 1px 2px black, 0 0 2em green;"> Просмотр веб камер видеонаблюдения.
</span>
</div>
</td>
<td width="2%" valign="top" >
<div style="border-radius: 0.8em 0.8em 0.8em 0.8em;margin-left: auto;width: 60%;height: 70px;text-align: center;margin-right: auto;
background: linear-gradient(to top, rgba(31, 67, 162, 0.5) 0%, rgba(68, 126, 162, 0.5) 46%, rgba(137, 185, 247, 0.5) 100%);
border: 2px solid #eaedf159;box-shadow: 0.2em 0.2em 1px 1px rgba(12,12,12,0.7);">
<span style="position: relative;top: 18px;cursor: default; overflow:hidden; font-family: Arial, Helvetica, sans-serif;
font-size:23px;color:#F9FC43; text-shadow: 1px 1px 2px black, 0 0 2em green"> %ow_city.name%
</span>
</div>
</td>
</tr>
<tr>
<td width="100%" valign="top" colspan=3>
<div style="border-radius: 0.8em 0.8em 0.8em 0.8em; margin-left: 10px;height: 410px; margin:20px; width: 97%; text-align:left;margin-right:
auto;
background: linear-gradient(to top, rgba(31, 67, 162, 0.4) 0%, rgba(68, 126, 162, 0.4) 46%, rgba(137, 185, 247, 0.4) 100%);border:
2px solid #eaedf159;
box-shadow: 0.2em 0.2em 1px 1px rgba(12,12,12,0.7);">
<table width="100%" height="210" cellpadding="0" cellspacing="0" border="0" bgcolor="Black" style="background: transparent;">
<tr>
<td width="10%" valign="top" >
<div style="margin: auto;margin-top: 10px;border: 1px solid rgba(255,255,255,0.7);border-radius: 1em 1em 1em 1em;width: 98%;
position: relative;height: 187px;overflow: hidden;background: rgba(0, 128, 0, 0.48);">
<iframe style="position: absolute;top: -50px;left: -60px;width: 420px;height: 400px;border: 0;" webkitallowfullscreen="true"
scrolling="no" mozallowfullscreen="true"
allowfullscreen="true" src="https://balticlivecam.com/cameras/latvia/riga/11-november-embankment/?embed">
</iframe>
</div>
</td>
<td width="10%" valign="top" >
<div style="margin: auto;margin-top: 10px;position: relative;border: 1px solid rgba(255,255,255,0.7);border-radius: 1em 1em 1em
1em;
width: 98%;height: 187px;overflow: hidden;background: rgba(0, 128, 0, 0.48);">
<iframe style="position: absolute;top: -50px;left: -60px;width: 420px;height: 400px;border: 0;" webkitallowfullscreen="true"
scrolling="no" mozallowfullscreen="true"
allowfullscreen="true" src="https://balticlivecam.com/cameras/latvia/riga/riga-central-market/?embed">
</iframe>
</div>
</td>
<td width="10%" valign="top" >
<div style="position: relative;border: 1px solid rgba(255,255,255,0.7);border-radius: 1em 1em 1em 1em; width: 98%;height:
187px;overflow: hidden;
background: rgba(0, 128, 0, 0.48);margin: auto;margin-top: 10px;">
<iframe style="position: absolute;top: -50px;left: -60px;width: 420px;height: 400px;border: 0;" webkitallowfullscreen="true"
scrolling="no" mozallowfullscreen="true"
allowfullscreen="true" src="https://balticlivecam.com/cameras/latvia/riga/livu-square/?embed">
</iframe>
</div>
</td>
</tr>
<tr>
<td width="10%" valign="top" >
<div style="position: relative;border: 1px solid rgba(255,255,255,0.7);border-radius: 1em 1em 1em 1em; width: 98%;height:
187px;overflow: hidden;
background: rgba(0, 128, 0, 0.48);margin: auto;margin-top: 10px;">
<iframe style="position: absolute;top: -50px;left: -60px;width: 420px;height: 400px;border: 0;"
webkitallowfullscreen="true" scrolling="no" mozallowfullscreen="true" allowfullscreen="true"
src="https://balticlivecam.com/cameras/latvia/riga/vansu-bridge/?embed">
</iframe>
</div>
</td>
<td width="10%" valign="top" >
<div style="position: relative;border: 1px solid rgba(255,255,255,0.7);border-radius: 1em 1em 1em 1em; width: 98%;height:
187px;overflow: hidden;
background: rgba(0, 128, 0, 0.48);margin: auto;margin-top: 10px;">
<iframe style="position: absolute;top: -50px;left: -60px;width: 420px;height: 400px;border: 0;"
webkitallowfullscreen="true" scrolling="no" mozallowfullscreen="true" allowfullscreen="true"
src="https://balticlivecam.com/cameras/latvia/riga/freedom-monument-square/?embed">
</iframe>
</div>
</td>
<td width="10%" valign="top" >
<div style="position: relative;border: 1px solid rgba(255,255,255,0.7);border-radius: 1em 1em 1em 1em; width: 98%;height:
187px;overflow: hidden;
background: rgba(0, 128, 0, 0.48);margin: auto;margin-top: 10px;">
<iframe style="position: absolute;top: -50px;left: -60px;width: 420px;height: 400px;border: 0;"
webkitallowfullscreen="true" scrolling="no" mozallowfullscreen="true" allowfullscreen="true"
src="https://balticlivecam.com/cameras/latvia/jurmala/majori-beach/?embed">
</iframe>
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
Alexander