96 lines
2.8 KiB
JavaScript
96 lines
2.8 KiB
JavaScript
|
// Obter a string de query da URL
|
||
|
|
const queryString = window.location.search;
|
||
|
|
|
||
|
|
// Criar um objeto URLSearchParams com a string de query
|
||
|
|
const urlParams = new URLSearchParams(queryString);
|
||
|
|
|
||
|
|
// Obter o valor do parâmetro 'user'
|
||
|
|
const user = urlParams.get('user');
|
||
|
|
|
||
|
|
// Exemplo de como usar o valor
|
||
|
|
console.log(user); // Isso vai exibir o valor do parâmetro 'user'
|
||
|
|
const videoElement = document.querySelector('video');
|
||
|
|
const playerOffElement = document.querySelector('.player-off');
|
||
|
|
const url = `https://cast.alice.ufsj.edu.br/dash/${user}.mpd`;
|
||
|
|
videoElement.src = url;
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
fetch(url)
|
||
|
|
.then(response => {
|
||
|
|
if (response.ok) {
|
||
|
|
console.log("Arquivo existe.");
|
||
|
|
playerOffElement.style.display = "none";
|
||
|
|
|
||
|
|
|
||
|
|
} else {
|
||
|
|
console.log("Arquivo não encontrado.");
|
||
|
|
// Coloque o código para ocultar o vídeo aqui
|
||
|
|
videoElement.style.opacity = "0";
|
||
|
|
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
// URL do servidor WebSocket
|
||
|
|
const socket = new WebSocket('ws://alice.ufsj.edu.br:8081/chat');
|
||
|
|
|
||
|
|
// Variáveis para armazenar o nome do usuário e a mensagem
|
||
|
|
let username = prompt('Qual é o seu nome?');
|
||
|
|
let message = '';
|
||
|
|
|
||
|
|
// Função que envia a mensagem
|
||
|
|
function sendMessage(event) {
|
||
|
|
event.preventDefault(); // Previne o comportamento padrão do formulário
|
||
|
|
|
||
|
|
// Cria um objeto com os dados da mensagem
|
||
|
|
const msgData = {
|
||
|
|
nome: username,
|
||
|
|
mensagem: message
|
||
|
|
};
|
||
|
|
|
||
|
|
// Envia a mensagem como uma string JSON
|
||
|
|
socket.send(JSON.stringify(msgData));
|
||
|
|
|
||
|
|
// Limpa o campo de entrada de mensagem
|
||
|
|
document.querySelector('.chat-enter').value = '';
|
||
|
|
}
|
||
|
|
|
||
|
|
// Função que adiciona uma nova linha de mensagem ao chat
|
||
|
|
function addMessage(msg) {
|
||
|
|
const chatLines = document.querySelector('.chat-lines');
|
||
|
|
|
||
|
|
// Cria o elemento da mensagem
|
||
|
|
const newMessage = document.createElement('div');
|
||
|
|
newMessage.classList.add('chat-line');
|
||
|
|
newMessage.innerHTML = `<p><span class="username">${msg.nome}:</span> ${msg.mensagem}</p>`;
|
||
|
|
|
||
|
|
// Adiciona a nova mensagem no final da lista de mensagens
|
||
|
|
chatLines.appendChild(newMessage);
|
||
|
|
|
||
|
|
// Rola o chat para baixo para mostrar a nova mensagem
|
||
|
|
chatLines.scrollTop = chatLines.scrollHeight;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Event listener para quando o WebSocket abrir a conexão
|
||
|
|
socket.addEventListener('open', () => {
|
||
|
|
console.log('Conectado ao servidor WebSocket');
|
||
|
|
});
|
||
|
|
|
||
|
|
// Event listener para quando uma mensagem é recebida do servidor
|
||
|
|
socket.addEventListener('message', event => {
|
||
|
|
// Parseia a mensagem recebida como JSON
|
||
|
|
const msg = JSON.parse(event.data);
|
||
|
|
|
||
|
|
// Adiciona a mensagem ao chat
|
||
|
|
addMessage(msg);
|
||
|
|
});
|
||
|
|
|
||
|
|
// Event listener para o envio de mensagem no formulário
|
||
|
|
document.querySelector('.chat-input-form').addEventListener('submit', event => {
|
||
|
|
// Captura o valor do input
|
||
|
|
message = document.querySelector('.chat-enter').value;
|
||
|
|
|
||
|
|
// Chama a função que envia a mensagem
|
||
|
|
sendMessage(event);
|
||
|
|
});
|