diff --git a/assets/css/stylesheet.css b/assets/css/stylesheet.css index 6a8de4c..e1900a1 100755 --- a/assets/css/stylesheet.css +++ b/assets/css/stylesheet.css @@ -567,4 +567,18 @@ h1, h2, h3, h4, h5, h6 { color: var(--text-color); margin: 15px; +} + + + +.player-off{ + height: 80vh; + + display: flex; + align-items: center; + justify-content: center; +} + +.player-off h1{ + font-size: 48px; } \ No newline at end of file diff --git a/pages/live.html b/pages/live.html index 3074231..fd1a2e4 100644 --- a/pages/live.html +++ b/pages/live.html @@ -14,6 +14,10 @@ permalink: /live.html controls muted /> + +
+

Offline

+
@@ -56,8 +60,26 @@ permalink: /live.html // Exemplo de como usar o valor console.log(user); // Isso vai exibir o valor do parâmetro 'user' - const videoElement = document.querySelector('video'); - videoElement.src = `https://cast.alice.ufsj.edu.br/dash/${user}.mpd`; + 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."); + + } else { + console.log("Arquivo não encontrado."); + // Coloque o código para ocultar o vídeo aqui + videoElement.style.display = "none"; + } + }) + .catch(error => { + console.error("Erro ao verificar o arquivo:", error); + // Coloque o código para ocultar o vídeo aqui + videoElement.style.display = "none"; + }); \ No newline at end of file