html - 单击播放按钮时歌曲未播放

Question

我正在尝试播放一首我添加到我的 data-src 属性但不工作的歌曲，我得到 Uncaught (in promise) DOMException: The element has no supported sources.

暂停按钮 <button id="pause"><i class="fas fa-play"></i></button>

列表标签

<li data-src="musics/Abeg (feat. Uzikwendu, Magnito, Zoro & Slow Dogg).mp3" data-name="Abeg" data-index="0"><span>Abeg</span><span>02:50</span></li>

javascript代码

function playAudio(){
    audio.play();

    playPauseBtn.querySelector('i.fas').classList
    .remove('fa-play')
    playPauseBtn.querySelector('i.fas').classList
    .add('fa-pause')

    IsPlaying = true;

    record.classList.add('record-animation');

}

loadSongs()

function pauseAudio(){
    audio.pause();

    playPauseBtn.querySelector('i.fas').classList
    .remove('fa-pause')
    playPauseBtn.querySelector('i.fas').classList
    .add('fa-play')

    IsPlaying = true;

    record.classList.remove('record-animation');
}

playPauseBtn.addEventListener('click', function(){
    if(IsPlaying){
        playAudio()
    }
    else{
        pauseAudio()
    }
}, false);

enter code here

标签： html