我在 Neocities 上創建了一個網站，每當您按下GENERATE AUDIO按鈕時，它就會播放一個音頻檔案
有趣的是，每當我再次按下它時，它都會播放相同的音頻。獲得新音頻的唯一方法是重新加載頁面本身。有沒有一種方法可以更改音頻檔案而無需重新加載頁面？
這是我的按鈕：
<a href="#" onclick="test.play()"> GENERATE MUSIC </a>
這是我如何讓它從陣列中播放隨機音頻：
const audioList = [
"audio1.mp3",
"audio2.mp3",
"audio3.mp3",
"audio4.mp3"];
var test = new Audio();
var audioNum = Math.floor(Math.random() * audioList.length);
test.src = audioList[audioNum];
uj5u.com熱心網友回復：
試試這個：
const audioList = [
"https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3",
"https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3",
"https://www.soundhelix.com/examples/mp3/SoundHelix-Song-3.mp3",
"https://www.soundhelix.com/examples/mp3/SoundHelix-Song-4.mp3"
];
const audio = new Audio()
function generateMusic() {
const audioNum = Math.floor(Math.random() * audioList.length);
audio.src = audioList[audioNum];
audio.load()
audio.play()
}<a href="#" onclick="generateMusic()"> GENERATE MUSIC </a>我對您的代碼所做的更改：
- 創建一個功能，每次按下按鈕時都會選擇一首新歌曲。
- 將這首歌設定為
.src和.play()它。 - load() 方法重新加載音頻元素。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/381890.html
標籤：javascript html 按钮 声音的