创建一个图像按钮，创建一个声音的HTML

问题描述：

您好我目前正在尝试使一个图像按钮（的扬声器）为我播放一个音频文件。创建一个图像按钮，创建一个声音的HTML

<p><br></p> 
<table> 
<tbody><tr> 
<th> Quick Clicks </th> 
<td style="text-align: center;"> 
<a href="#3" onclick=""><img src="https://zingtree-uploads.s3.amazonaws.com/images/59777e50293d71.47898028-416750-speaker.png" style="width: 145px; height: 145px;"></a> 
</td> 
<td style="text-align: center;"> 
<a href="#3" onclick="do_button_click(14, 7, 'Quick Clicks',0);"><img src="https://zingtree-uploads.s3.amazonaws.com/images/59777e50293d71.47898028-486417-Quick+Clicks.png" style="width: 145px; height: 145px;" ></a> 
</td> 
</tr> 
</tbody></table>

这些都是两张照片，我想用我想提出的第一个按钮播放音频文件：

<a class="btn btn-lg btn-zingtree btn-block btn-primary" onclick="this.firstChild.play()"><audio src="https://thorswrench-my.sharepoint.com/personal/christiaan_karsavior_com/Documents/database%20media/sounds/dead%20battery%20clicking.mp3"></audio>Play</a>`enter code here`

对不起，我知道必须有一个解决方案这个地方，但我没有找到一个。

答

最基本的，如果你想触发play()在<audio>你只需要找到元素并设置一个函数调用play（）。您可以在<body>底部的<script>标记中设置该标记，并根据需要从onclick中调用该标记。

let au = document.getElementsByTagName('audio')[0] 
function playAu() { 
    au.play() 
}

<audio>元素只需要在某个页面上。如果有多个音频，你会想给他们ID并单独选择他们。如果您尝试播放的文件（源）出现问题，您将在控制台中看到该文件。

创建一个图像按钮，创建一个声音的HTML

相关推荐