gpt4 book ai didi

javascript - 单击按钮更改音频文件

转载 作者:行者123 更新时间:2023-11-29 17:49:33 26 4
gpt4 key购买 nike

我试图通过单击按钮更改音频文件,但出现错误

Uncaught TypeError: audio.load is not a function

我的代码如下,想法是按下按钮,然后音频文件就会改变。

没有 audio.load()行,代码将运行并且 src会更新,但音频不会改变。我错过了什么?

HTML:

<!DOCTYPE HTML>
<html>
<body>
<br>
<audio controls>
<source src = "audio_file_1.mp3"
id="audio" type="audio/mpeg">
Your browser does not support the audio element!
</audio>
<br>
<button onClick="changeAudio();">Change</button>
</body>
<script src="temp.js"></script>
</html>

Javascript:

// temp js
var a = 1;
function changeAudio() {
var audio = document.getElementById('audio');
if (a==1) {
audio.src = 'audio_file_1.mp3';
a = 2;
}
else {
audio.src = 'audio_file_2.mp3';
a = 1;
}
audio.load();
}

changeAudio();

(此外,如果有人知道我可以使用而不是 audio_file_1.mp3audio_file_2.mp3 的示例声音文件,我很乐意更新代码以便任何人都可以更轻松地运行它)


编辑 WRT Rob M 的回答:

对于遇到相同问题的人,解决方案是更改两行:

首先,在 HTML 代码中,<audio control>应该转向 <audio control id="audio_id">

其次,在javascript代码中audio.load()应该转向 document.getElementById('audio_id').load();

最佳答案

没有.load() <source> 上的事件标签,它在 <audio> 上标记 - 更新您的代码以调用 load()在 parent 身上<audio>标签,它应该可以工作。

关于javascript - 单击按钮更改音频文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45310649/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com