Javascript 在手机上单击按钮播放HTML音频

Javascript 在手机上单击按钮播放HTML音频,javascript,html,audio,Javascript,Html,Audio,我正在尝试用HTML制作一个简单的键盘。我知道在iOS和android上播放HTML音频有一些限制,我在使用它们时遇到了麻烦 这是我到目前为止所做的,第一列基于清单11,第二列是我以前的尝试。它们都能在桌面(Firefox和Chrome)上完美工作,但在iOS(Chrome和Safari)上则不行。我没有安卓系统来测试。我该怎么做 <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/boot

我正在尝试用HTML制作一个简单的键盘。我知道在iOS和android上播放HTML音频有一些限制,我在使用它们时遇到了麻烦

这是我到目前为止所做的,第一列基于清单11,第二列是我以前的尝试。它们都能在桌面(Firefox和Chrome)上完美工作,但在iOS(Chrome和Safari)上则不行。我没有安卓系统来测试。我该怎么做

<head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>

<body onload="loadScript();"style="background-color:#000000;">

  <script>
  function loadScript()
  {
    alert("ok");
    var button = document.getElementById('buttonD');
    var audio = document.getElementById('D');

    var onClickD = function() {
      audio.pause();
      audio.currentTime = 0;
      audio.play();
    };
    button.addEventListener('click', onClickD, false);
  }
  </script>

  <audio id="A" src="A.wav" preload="auto"></audio>
  <audio id="D" src="D.wav" preload="auto"></audio>


  <div class="row">
    <div class="col-md-6 col-sm-6 clickable">
      <button id="buttonD" style="height:100%;width:100%;"type="button" class="btn btn-primary">D</button>
    </div>
    <div class="col-md-6 col-sm-6 clickable">
      <button type="button"  onclick="document.getElementById('A').pause;document.getElementById('A').currentTime = 0;document.getElementById('A').play();" style="height:100%;width:100%;"type="button" class="btn btn-success">A</button>
    </div>

  </div>
</body>

函数loadScript()
{
警报(“正常”);
var button=document.getElementById('buttonD');
var audio=document.getElementById('D');
var onclick=function(){
audio.pause();
audio.currentTime=0;
音频播放();
};
addEventListener('click',onclick,false);
}
D
A.

您可以在webview中运行HTML代码。因此,在HTML代码中使用webview可以帮助您播放HTML音频

用另一个音频文件更改A.wav,然后重试

<audio id="A" src="phonecall.mp3" preload="auto"></audio>
<audio id="D" src="phonecall.mp3" preload="auto"></audio>


您能详细说明一下吗?一个快速的谷歌建议,这是一个组件,使android应用程序。我的目标是iOS或android浏览器。您正在尝试在iOS应用程序中播放HTML音频。对吗?不,只是在网站上。然后你可以在你的网站上播放音频。你为什么要问ios和android?你读过我的问题吗?我想我已经很清楚这个问题了。