在html中单击图像播放声音

我在一个字母儿童学习网站上工作，想在点击图像时播放声音。e、 如果用户点击（图像），则必须在背景中播放A的发音。不使用java脚本是否可能？有人能帮忙吗？

没有JavaScript？我不这么认为，但是JavaScript非常简单

您可以使用

document.getElementById（'audioTag'）.play（）播放您放在页面中的音频元素
因此，这应该是可行的：

<a onclick="document.getElementById('yourAudioTag').play();">
     <img src="yourSrc.jpg">
</a>

并以同样的方式使用它。而不是

document.getElementById('yourAudioTag').play();

你会用

audio.play();

整个事件的一个例子如下所示：

var audio = new Audio('audio_file.mp3'); audio.play();

 <a onclick="myAudioFunction('A');">
     <img src="A.jpg">
 </a>
 <a onclick="myAudioFunction('B');">
     <img src="B.jpg">
 </a>
 <script>
     var aAudio = new Audio('a.mp3');
     var bAudio = new Audio('b.mp3');
     function myAudioFunction(letter) {
         if(letter == 'a') {
             aAudio.play();
         } else if(letter == 'b') {
             bAudio.play();
         }
     }
 </script>


var aAudio=新音频（'a.mp3'）；
var bAudio=新音频（“b.mp3”）；
函数myAudioFunction（字母）{
如果（字母=='a'）{
aAudio.play（）；
}else if（字母=='b'）{
鲍迪奥。play（）；
}
}
有趣的问题

显然，您应该选择JavaScript解决方案（如）。
引述：

同样不幸的是，我们不能告诉一个
，或使用市场上的播放器（如），使其具有恒定的尺寸以适合您的字母

示例和演示：

只要在Chrome浏览器中进行测试，下面的代码将单击字母H，播放马的声音

CSS:

HTML:


.
没有Javascript？怎么做？因为现在我只需要网站的原型。我不知道这是否可能。但是代码非常简单。我正在使用Visual Studio 2015。这对我没用。。您可以通过初始化函数myAudioFunction（word）{var base=“C/”；var path=base.concat（word，.mp3”）；var textAudio=new Audio（path）；textAudio.play（）；}中的路径，使函数更通用
 <a onclick="myAudioFunction('A');">
     <img src="A.jpg">
 </a>
 <a onclick="myAudioFunction('B');">
     <img src="B.jpg">
 </a>
 <script>
     var aAudio = new Audio('a.mp3');
     var bAudio = new Audio('b.mp3');
     function myAudioFunction(letter) {
         if(letter == 'a') {
             aAudio.play();
         } else if(letter == 'b') {
             bAudio.play();
         }
     }
 </script>

div#lH {
  position: absolute;
  width: 30px;
  height: 30px;
  overflow: hidden;
  z-index: 1;
  font-size: 25px;
  text-align:center;
}
audio#aH {
  position: absolute;
  top: -5px;
  left: -5px;
  z-index: 2;
  opacity: 0.01;
}

<div id="lH">
  <audio controls id="aH">
    <source src="http://www.w3schools.com/html/horse.ogg" type="audio/ogg">
    <source src="http://www.w3schools.com/html/horse.mp3" type="audio/mpeg">
</audio>
H
</div>