Ao ativar o checkbox, a música não toca e mostra o seguinte erro no DevTools: "Uncaught (in promise) DOMException: The element has no supported sources." Como faço para resolver? Estou travado no curso por causa desse erro.
Solucionado
Ao ativar o checkbox, a música não toca e mostra o seguinte erro no DevTools: "Uncaught (in promise) DOMException: The element has no supported sources." Como faço para resolver? Estou travado no curso por causa desse erro.
Olá, Isaac.
Tudo bem?
O erro "Uncaught (in promise) DOMException: The element has no supported sources" ocorre quando um elemento de mídia, como um vídeo ou áudio, não possui fontes de mídia válidas ou acessíveis. Para resolvê-lo:
Verifique as fontes de mídia no seu código HTML, garantindo que os URLs e tipos MIME estejam corretos.
Teste em diferentes navegadores para identificar se o problema é específico de um deles.
Verifique seu código JavaScript relacionado à mídia para erros.
Garanta que os arquivos de mídia estejam codificados corretamente.
Mantenha seu navegador atualizado.
Essas etapas devem ajudar a resolver o erro. Caso não resolva eu sugiro você compartilhar os seus códigos HTML e JS completos aqui com a gente .
Espero ter ajudado. Qualquer dúvida manda aqui. Valeu.
Obrigado pelas informações!
Eu resolvi só retirando a barra do caminho do áudio antes de "sons"
const musica = new Audio('sons/luna-rise-part-one.mp3')