pause an audio with javascript

Question

can anyone help me with this code when I clicked a start button the async function executed which contains a for loop that loops through array audios that contain words when the audio is played the word is highlighted. i want to implement pause function which pause the audio and then when I back to click start or another button i created continue with the current paused audio . anyone know the better way to do this or give me a reference .

    const startBtn = document.querySelector('.start');
    const pauseBtn = document.querySelector('.pause');
    const stopBtn = document.querySelector('.stop');
    // words dom selectors 

    const spans = document.getElementsByTagName('span');
    const audios = document.getElementsByTagName('audio');
    

    // audios Dom selector
    
    // function for wait 
    const wait =  (sec)=>{
        return new Promise(resolve =>{
            setTimeout(resolve, sec * 1000)
        })
    }
    

    startBtn.addEventListener('click', ()=>{
        x += 1
        if(x === 1){
            play().then(()=>{
                x = 0;
            })
        }

      
    })

   pauseBtn.addEventListener('click', ()=>{
    
    })

    let currentAudio;
    let x = 0;
    const play = async ()=>{

        for(let i = 0; i < spans.length; i++){
            currentAudio = audios[i];
            if(currentAudio.paused === false) return;
            audios[i].play();
            changeStyle(spans[i], audios[i].duration);
            await wait(audios[i].duration);
        }
        return 'audio finished';
    }


   
    const changeStyle = (element, sec)=>{
        element.classList.add('highlight');
        setTimeout(()=>{
            element.classList.remove('highlight')
        }, sec * 1000)
    }

Answer 1

等待大神答复