https://ecrmcam.netlify.app/

1<!DOCTYPE html>
2<html lang="en">
3    <head>
4<!-- This site is hosted on Netlify. Anyone can build and deploy a site
5     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=a39468e3-dca3-4a11-9bdf-4779967d4794
6     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
7        

7<script type="text/javascript" src="https://flashphoner.com/downloads/builds/flashphoner_client/wcs_api-2.0/current/flashphoner.js"></script>

7
8        

8<script type="text/javascript" src="player-min.js"></script>

8
9        <link rel="stylesheet" type="text/css" href="styles.css">
10        <meta name="viewport" content="width=device-width, initial-scale=1.0">
11
12    </head>
13
14    <body onload="init_api();">
15        <div id="bg1"></div>
16        <div id="bg2"></div>
17        <div id="bg3"></div>
18        <div id="bg4"></div>
19        <div id="bg5"></div>
20
21        <header>
22            <div style="display: flex; align-items: center;">
23                <img src="LogoUDEPazul.png" alt="logo UDEP" class="logoUDEP" style="vertical-align: middle;">
24                <h1 class="titulo" style="margin: 0 auto;">Sistema de cámaras de la estación científica <br>UDEP</h1>
25            </div>
26            
27            
28            
29            <p class="parrafo1">Nubosidad a tiempo real en la ciudad de Piura, observada desde la estación cientifica Ramón Mugica Martínez de la UDEP</p>
30        </header>
31
32        <div class="divBoton">
33            <button id="playBtn">Iniciar visualización</button>
34        </div>
35        <br />
36
37        <div class="fp-Video">
38
39            <div class="divOE">
40                <p class="p2">Vista hacia el ESTE</p>
41                <button id="fullScreen1" onclick="toggleFullScreen('play')">Pantalla completa</button>
42            </div>
43
44            <div id="play" class="display">
45                <img id=icon1 src="iconCamera.png" alt="Vista hacia el ESTE" class="imagen-estatica">
46                <button id="fullScreen11" onclick="toggleFullScreen('play')" style="display: none;">SALIR</button>
47            </div>
48            <div class="divOE">
49                <p class="p2">Vista hacia el OESTE</p>
50                <button id="fullScreen2" onclick="toggleFullScreen('secondStream')">Pantalla completa</button>
51            </div>
52            <div id="secondStream" class="display">
53                <img id="icon2" src="iconCamera.png" alt="Vista hacia el OESTE" class="imagen-estatica">
54                <button id="fullScreen22" onclick="toggleFullScreen('secondStream')" style="display: none;">SALIR</button>
55            </div>
56        </div>
57
58        <center>
59            
60
61        </center>
62        
63        
64
65        
66        
67        
68
69
70    </body>
71
72</html>