Question

您好我正在尝试制作一个图像按钮（扬声器）为我播放音频文件。

<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`

抱歉，我知道某处必须有解决方案，但我找不到。

Answer 1

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

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

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

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

1 个答案: