I would like to ask a user permission (like the mic permission in for example google meet) to autoplay an audio file for a rickroll. I would like the javascript function to be played after the user accepts the permission.
This is my html code:
<!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>
This is the javascript code:
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"
}
Thanks in advance!