时间戳

首页 > 解决方案 > 如何使用 javascript 请求音频自动播放权限

javascript - 如何使用 javascript 请求音频自动播放权限

问题描述

我想请求用户权限（例如 google meet 中的麦克风权限）来自动播放 rickroll 的音频文件。我希望在用户接受许可后播放 javascript 功能。

这是我的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>

这是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"
}

提前致谢！

标签： javascripthtml5-audio

解决方案

推荐阅读