85 lines
1.9 KiB
HTML
85 lines
1.9 KiB
HTML
---
|
|
layout: default
|
|
permalink: /live.html
|
|
---
|
|
|
|
<script src="/assets/js/dash.all.min.js"></script>
|
|
|
|
|
|
<div>
|
|
<video
|
|
class="player"
|
|
data-dashjs-player
|
|
autoplay
|
|
controls
|
|
muted
|
|
/>
|
|
|
|
<div class="player-off">
|
|
<h1>Offline</h1>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<style>
|
|
|
|
video {
|
|
/* width: 100%; */
|
|
/* border: 2px solid #ccc; */
|
|
border-radius: 15px;
|
|
}
|
|
|
|
video::-webkit-media-controls {
|
|
background-color: hsl(0, 0%, 14%);
|
|
}
|
|
|
|
video::-webkit-media-controls-play-button {
|
|
color: #fff;
|
|
}
|
|
.player{
|
|
width: 100%;
|
|
height: 100%;
|
|
/* background-color: aqua; */
|
|
}
|
|
.player-info{
|
|
border-radius: 15px;
|
|
background-color: #0b1a33;
|
|
}
|
|
</style>
|
|
|
|
|
|
<script>
|
|
// 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 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";
|
|
});
|
|
</script> |