emerson
/
AliceClass
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chat
SSH Build / Deploy (push) Successful in 9s Details

This commit is contained in:
emerson 2024-09-02 15:02:48 -03:00
parent 49fa605628
commit 632cfeeb86
1 changed files with 119 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

115
pages/live.html
View File

@ -2,8 +2,54 @@
layout: default layout: default
permalink: /live.html permalink: /live.html
--- ---
<div class="live-container">
<div class="player-container">
<video
class="player"
data-dashjs-player
autoplay
controls
muted
></video>
<script src="/assets/js/dash.all.min.js"> <div class="player-off">
<h1>Offlinee</h1>
</div>
</div>
<div class="chat">
<div class="chat-container">
<div class="chat-info">
<div>
<h1>Live chat</h1>
</div>
<div class="chat-views">
<i class="fa-solid fa-users"></i>
<!-- <h4>679 pessoas online</h4> -->
</div>
</div>
<div class="chat-lines">
<div class="chat-line">
<!-- <p><span class="username">{msg.nome}:</span> {msg.mensagem}</p> -->
</div>
</div>
<div class="chat-input">
<form on:submit|preventDefault={sendMessage} class="chat-input-form">
<input class="input chat-enter" placeholder="Converse com o chat aqui" bind:value={message} />
<input type="submit" hidden />
</form>
</div>
</div>
</div>
</div>
<script src="/assets/js/dash.all.min.js"></script>
<script>
// Obter a string de query da URL // Obter a string de query da URL
const queryString = window.location.search; const queryString = window.location.search;
@ -36,9 +82,27 @@ fetch(url)
} }
}) })
// URL do servidor WebSocket // URL do servidor WebSocket
const socket = new WebSocket('ws://alice.ufsj.edu.br:8081/chat'); const socket = new WebSocket('wss://cast.alice.ufsj.edu.br/chat');
socket.addEventListener('open', () => {
console.log('Conexão WebSocket aberta com sucesso!');
});
// Adiciona um manipulador de eventos para lidar com a recepção de mensagens
socket.addEventListener('message', (event) => {
console.log('Mensagem recebida do servidor:', event.data);
});
// Adiciona um manipulador de eventos para lidar com o fechamento da conexão
socket.addEventListener('close', (event) => {
console.log('Conexão WebSocket fechada:', event.reason || 'Sem motivo específico');
});
// Adiciona um manipulador de eventos para lidar com erros
socket.addEventListener('error', (event) => {
console.error('Erro no WebSocket:', event);
});
// Variáveis para armazenar o nome do usuário e a mensagem // Variáveis para armazenar o nome do usuário e a mensagem
let username = prompt('Qual é o seu nome?'); let username = prompt('Qual é o seu nome?');
@ -100,48 +164,3 @@ document.querySelector('.chat-input-form').addEventListener('submit', event => {
sendMessage(event); sendMessage(event);
}); });
</script> </script>
<div class="live-container">
<div class="player-container">
<video
class="player"
data-dashjs-player
autoplay
controls
muted
></video>
<div class="player-off">
<h1>Offlinee</h1>
</div>
</div>
<div class="chat">
<div class="chat-container">
<div class="chat-info">
<div>
<h1>Live chat</h1>
</div>
<div class="chat-views">
<i class="fa-solid fa-users"></i>
<!-- <h4>679 pessoas online</h4> -->
</div>
</div>
<div class="chat-lines">
<div class="chat-line">
<!-- <p><span class="username">{msg.nome}:</span> {msg.mensagem}</p> -->
</div>
</div>
<div class="chat-input">
<form on:submit|preventDefault={sendMessage} class="chat-input-form">
<input class="input chat-enter" placeholder="Converse com o chat aqui" bind:value={message} />
<input type="submit" hidden />
</form>
</div>
</div>
</div>
</div>