Javascript 没有播放声音

我有一个HTML页面，其中有六个按钮。每个按钮都有一个onClick事件处理程序，onClick将播放声音。声音是mp3格式的。现在，当我单击任何按钮时，声音都会播放，但如果在播放第一个声音时单击另一个按钮，则第一个声音将停止播放。此后，如果我单击任何按钮，声音将不会播放

我不能理解这个问题。谢谢你的帮助

这是我的密码

<div
    style='display: block; background-image: url(./images/backgroundImage.jpg);' >

    <button class="stage1" id="button_1" style="width: 280px;height: 130px; margin-top: 40px;margin-left: 40px; background: transparent;  "onclick="audio('a')" ></button>
    <button class="stage1" id="button_2" style="width: 280px;height: 340px; margin-top: 20px;margin-left:960px;background: transparent; "onclick="audio('ab')"></button>

    <button class="stage1"  id="button_3" style="width: 220px;height: 250px; margin-top: 390px;margin-left: 40px;background: transparent; "onclick="audio('abc')"></button>
    <button class="stage1"  id="button_4" style="width: 220px;height: 250px; margin-top: 390px;margin-left: 300px;background: transparent; "onclick="audio('abcd')"></button>
    <button class="stage1"    id="button_5" style="width: 220px;height: 250px; margin-top: 390px;margin-left:560px;background: transparent; "onclick="audio('abcde')"></button>
    <button class="stage1"  id="button_6" style="width: 400px;height: 250px; margin-top: 390px;margin-left:840px;background: transparent; "onclick="audio('abcdef')"></button>
</div>

尽管它使用jQuery，但在播放新歌之前需要暂停并加载

function audio( audio_name ) {
    audioElement.setAttribute('src', 'audio/' + audio_name + '.mp3');
    audioElement.pause();
    audioElement.load(); // This is probably the important part.
    audioElement.play();
}

尽管它使用jQuery，但在播放新歌之前需要暂停并加载

function audio( audio_name ) {
    audioElement.setAttribute('src', 'audio/' + audio_name + '.mp3');
    audioElement.pause();
    audioElement.load(); // This is probably the important part.
    audioElement.play();
}

---

你能试试这个吗

function audio(audio_name) {
    var audioElement = document.createElement('audio');        
    audioElement.setAttribute('src', 'audio/' + audio_name + '.mp3');
    audioElement.play();

}

---

你能试试这个吗

function audio(audio_name) {
    var audioElement = document.createElement('audio');        
    audioElement.setAttribute('src', 'audio/' + audio_name + '.mp3');
    audioElement.play();

}

---

简单地做到了这一点，它的工作。我要找的正是这个

var audioElement = document.createElement('audio');

function audio(audio_name) {
Disable();
audioElement = document.createElement('audio');
audioElement.setAttribute('src', 'audio/' + audio_name + '.ogg');
audioElement.load();
audioElement.play();

}
function Disable() {

audioElement.pause();

}

---

简单地做到了这一点，它的工作。我要找的正是这个

var audioElement = document.createElement('audio');

function audio(audio_name) {
Disable();
audioElement = document.createElement('audio');
audioElement.setAttribute('src', 'audio/' + audio_name + '.ogg');
audioElement.load();
audioElement.play();

}
function Disable() {

audioElement.pause();

}

---

你能用所有按钮发布你的全部代码吗？看我更新的问题我现在对你的问题感到困惑。应该播放相同的按钮并暂停音频吗？你能解释清楚吗？@User42490:但是你在之前的评论中提到了暂停，你刚刚删除了它！实际上，在所有这些按钮上，我都有onclick功能，它会在单击时播放声音。现在，当我单击按钮1时，它将播放名称为a的声音，当我单击按钮2时，它将播放名称为ab的声音。所有声音都位于我的audion文件夹中，名称为a.mp3、ab.mp3、abc.mp3、abcd.mp3、abcde.mp3、abcdef.mp3。现在我有声音a.mp3和小的持续时间，但我有声音ab.mp3和小一点大的持续时间。现在，当我单击按钮2上的sound ab.MP3 Means（声音ab.MP3）时，它将播放一个声音。你能用所有按钮发布你的全部代码吗？请参阅我的更新问题我现在对你的问题感到困惑。是否应该播放相同的按钮并暂停音频？你能解释清楚吗？@User42490:但是你在之前的评论中提到了暂停，你刚刚删除了它！实际上，在所有这些按钮上，我都有onclick功能，它会在单击时播放声音。现在，当我单击按钮1时，它将播放名称为a的声音，当我单击按钮2时，它将播放名称为ab的声音。所有声音都位于我的audion文件夹中，名称为a.mp3、ab.mp3、abc.mp3、abcd.mp3、abcde.mp3、abcdef.mp3。现在我有声音a.mp3和小的持续时间，但我有声音ab.mp3和小一点大的持续时间。现在，当我单击按钮2上的sound ab.MP3 Means时，它将播放一个声音。如果我在audio funtion中创建audioElement，则上一个声音将不会在新声音上暂停。那么如何摆脱这个呢。如果在该函数之外创建audioElement，则会出现问题描述如果我在audio function中创建audioElement，则前一个声音不会在新声音上暂停。那么如何摆脱这个呢。如果在这个函数之外创建audioElement，那么问题描述将是Arise我已经尝试了你的建议，但在我的问题中不起作用我已经尝试了你的建议，但在我的问题中不起作用