Você está na página 1de 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hotspot MikroTik</title>
<style>
body {
background-color: #ffffff;
overflow: hidden;
margin: 0;
padding: 0;
}

video {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1;
}

#login-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #ffffff;
}

#login-container input {
margin: 5px;
padding: 8px;
font-size: 16px;
}

#login-container input[type='submit'] {
background-color: #252525;
color: #fff;
border: 1px solid #000;
border-radius: 5px;
cursor: pointer;
}
</style>
</head>
<body>
<video autoplay loop muted>
<source src="your_video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

<div id="login-container">
<form name="login" action="/login" method="post">
<input type="text" name="username" placeholder="Username" required><br>
<input type="password" name="password" placeholder="Password"
required><br>
<input type="submit" value="Login">
</form>
</div>
</body>
</html>

Salve este código em um arquivo HTML, por exemplo, hotspot.html.

Hospede este arquivo no MikroTik:

Conecte-se ao MikroTik via WinBox.


No terminal, execute os seguintes comandos:

/file print
/file remove hotspot.html
/file upload file-name=hotspot.html

Ajuste a página de login do Hotspot:

Vá para o WinBox.
Em IP > Hotspot > Servers, clique duas vezes no seu servidor Hotspot.
Na guia "HTML", defina hotspot.html como a página de login.
Agora, a página de login do seu Hotspot deve exibir o vídeo, música e os campos de
login/senha conforme especificado no HTML. Certifique-se de ajustar os caminhos do
vídeo e outras configurações conforme necessário.

Você também pode gostar