Se eu fizer uma página de um jogo por exemplo e por algum motivo eu queira uma musiquinha tocando como background, como eu faço pra esse som ser reproduzido logo de cara?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Se eu fizer uma página de um jogo por exemplo e por algum motivo eu queira uma musiquinha tocando como background, como eu faço pra esse som ser reproduzido logo de cara?
Grande Yuri!
Existem várias políticas que impedem que você faça isso. Curioso? Aqui a google explica melhor.
Uma alternativa é iniciar a música quando, por exemplo, o usuário interagir com a página de alguma forma.
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Tocador de música</title>
</head>
<body>
<audio id="musica" src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3" preload="auto">
<style>
#musica { display: none }
</style>
<script>
let html = document.querySelector("html");
let musica = document.querySelector("#musica");
html.addEventListener('click', () => {
musica.play();
})
</script>
</body>
</html>