This forum uses cookies
This forum makes use of cookies to store your login information if you are registered, and your last visit if you are not. Cookies are small text documents stored on your computer; the cookies set by this forum can only be used on this website and pose no security risk. Cookies on this forum also track the specific topics you have read and when you last read them. Please confirm whether you accept or reject these cookies being set.

How add html or create .lp file
#1
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:

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>
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 Smile

Alexander
Reply
#2
You can upload .html the same way as you upload .lp files (FTP apps user). Note that only .lp files are password-protected. Other resources like .html, .css, .js etc are served without password check. You can also put HTML into .lp, see apps documentation for some examples if you need to have both HTML and Lua in a single .lp file.
Reply
#3
admin,
Will try now, but how provide correct link to my .html file located on SD at visualization in "link" or "frame url??" what correct url to internal file?

Alexander
Reply
#4
If you upload file.html to user directory using apps FTP user then the path will be /user/file.html
Reply
#5
OK,

super, thank you!
Reply


Forum Jump: