Skip to content

Instantly share code, notes, and snippets.

@parzibyte

parzibyte/index.html Secret

Created February 13, 2021 21:48
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save parzibyte/21631bf9b051abdd5a77416510a9c8e4 to your computer and use it in GitHub Desktop.
Save parzibyte/21631bf9b051abdd5a77416510a9c8e4 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cámara de vigilancia con Python, Flask y OpenCV - By Parzibyte</title>
<link rel="stylesheet" href="https://unpkg.com/bulma@0.9.1/css/bulma.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w=="
crossorigin="anonymous" />
</head>
<body>
<nav class="navbar is-warning" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="https://parzibyte.me/blog">
<img alt=""
src="https://raw.githubusercontent.com/parzibyte/ejemplo-mern/master/src/img/parzibyte_logo.png"
style="max-height: 80px" />
</a>
<button class="navbar-burger is-warning button" aria-label="menu" aria-expanded="false"
data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</button>
</div>
<div class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" href="./">Vigilar cámara</a>
</div>
<div class="navbar-end">
<div class="navbar-item">
<div class="buttons">
<a target="_blank" rel="noreferrer" href="https://parzibyte.me/l/fW8zGd"
class="button is-primary">
<strong>Soporte y ayuda</strong>
</a>
</div>
</div>
</div>
</div>
</nav>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", () => {
const boton = document.querySelector(".navbar-burger");
const menu = document.querySelector(".navbar-menu");
boton.onclick = () => {
menu.classList.toggle("is-active");
boton.classList.toggle("is-active");
};
});
</script>
<section class="section">
<div class="columns">
<div class="column has-text-centered">
<figure class="image has-text-centered">
<img class="is-inline-block" src="./streaming_camara" style="width: auto">
</figure>
</div>
</div>
<div class="columns">
<div class="column has-text-centered">
<a href="./tomar_foto_descargar" target="_blank" class="button is-success mb-2">
<i class="fa fa-camera fa-xs"></i>&nbsp;
<i class="fa fa-download"></i>
</a>
<button id="btnTomarFotoServidor" class="button is-info mb-2">
<i class="fa fa-camera"></i>
</button>
<button id="btnIniciarGrabacion" class="button is-danger mb-2">
<i class="fa fa-circle"></i>
</button>
<button id="btnDetenerGrabacion" class="button is-primary mb-2">
<i class="fa fa-stop"></i>
</button>
<div class="notification is-primary mt-2" id="estado">Aquí aparecerá la información</div>
<br>
<a class="button is-danger my-2" href="//parzibyte.me/blog">Ver código fuente</a>
</div>
</div>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment