Me gustaría pedirle permiso a un usuario (como el permiso del micrófono en, por ejemplo, Google Meet) para reproducir automáticamente un archivo de audio para un rickroll. Me gustaría que la función javascript se reproduzca después de que el usuario acepte el permiso.
Este es mi código html:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>Not a rickroll</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body onload="rick();"> <div class="everything"> <h1>Loading....</h1> <audio id="rick" src="roll.mp3" autoplay preload="auto"></audio> </div> <script src="sound.js"> </script> </body> </html>Este es el código javascript:
var popupsound = document.getElementById("rick"); function rick() { popupsound.play(); //play the audio file // Change background to dancing rick document.body.style.backgroundImage = "url('rick.gif')" // Hide the heading and the button document.querySelector(".everything").style.display = "none" }¡Gracias por adelantado!