AliceClass/pages/live.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>
	
<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');
      videoElement.src = `https://cast.alice.ufsj.edu.br/dash/${user}.mpd`;

</script>