Logic Machine Forum
How add html or create .lp file - Printable Version

+- Logic Machine Forum (https://forum.logicmachine.net)
+-- Forum: LogicMachine eco-system (https://forum.logicmachine.net/forumdisplay.php?fid=1)
+--- Forum: Scripting (https://forum.logicmachine.net/forumdisplay.php?fid=8)
+--- Thread: How add html or create .lp file (/showthread.php?tid=2721)

How add html or create .lp file - AlexLV - 13.07.2020

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

RE: How add html or create .lp file - admin - 13.07.2020

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.

RE: How add html or create .lp file - AlexLV - 13.07.2020

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

RE: How add html or create .lp file - admin - 13.07.2020

If you upload file.html to user directory using apps FTP user then the path will be /user/file.html

RE: How add html or create .lp file - AlexLV - 13.07.2020

OK,

super, thank you!