Question

我想知道如何声明多个音频文件并为它们提供不同的ID然后创建JavaScript函数以使它们播放或停止。

我有一个代码，它会通过一些按钮触发一首歌：这些按钮的onclick功能是指一个音频标签，其中源是歌曲的文件名。我创建了几个JavaScript函数来管理按钮点击，一切正常。
在按钮下面，我放置了一些文本，我想通过音频标签声明音频文件来触发音频描述，但是不可能一次插入两个音频元素。如何声明更多音频文件，然后在JavaScript代码中通过ID选择它们？这是代码：

＆＃13;

<body  id="body">
<pre>

<p style="font-size:15px;font-family:Courier New;">Ain't No Mountain High Enough</p>
<button onclick="PlaySound(this)">Play</button> <button onclick="StopSound()">Stop</button>
<audio id='mountain' src="somefile.mp3"/>
<audio id="test" src="someotherfile.mp3"/>
</pre>
<div style="font-size:15px;">
<p>Hover over the following Text to hear an Audiodescription.</p>
<p onclick="test()">Test</p>
</div>
<script>
// All the Sound Options
  function PlaySound() {
    var thissound=document.getElementById("mountain");
    thissound.play();
  }

  function StopSound() {
    var thissound=document.getElementById("mountain");
    thissound.pause();
    thissound.currentTime = 0;
  }
 
  function test() {
	var test=document.getElementById("test");
    test.play();	
  }
</script>
</body>

＆＃13;

在撰写这篇文章时，我无法找到任何要重现的声音文件，因此该片段也不会播放任何声音，在您的末尾编辑此代码，以便您可以指定为您存在的文件。
当我在我的最后运行这个代码时，＆＃34; Ain没有Mountain High Enough＆＃34;歌会播放和停止，但文字不会触发任何内容。
如果我删除了'Ain＆＃ttt no no Mountain High Enough＆＃34;音频标签，然后文本将最终触发功能并正常工作。
- 用简单的代码有答案吗？

如何在HTML中使用两个不同的音频文件？如何使用JavaScript选择其中一个？

0 个答案: