<ul class="playlist">
    <li>имя трека-1</li>
    ...
</ul>

...
trak = 0;
  
const pl = [
    'file-1.mp3',
    ...
]
// включить подсветку трека, в плей-листе
function onLith() {
    document.querySelectorAll('ul li')[trak].classList.add('active');
}

// отключить подсветку трека, в плей-листе
function offLith() {
    document.querySelectorAll('ul li')[trak].classList.remove('active');
}

// подготовка файла:
function choosTrak(trak) {  
    audio.src = 'disk:/path/to trak/' + playlist[trak];	
    audioPlay(); 
}

// пуск файла:
function audioPlay() { 	
    if (audio.paused || audio.ended) {
        onLith();	// включаем подсветку строки	
        audio.play();   
    }
    else {
        audio.pause();  
    }
}
play.addEventListener('click', audioPlay);

// по окончании: 
function endPlay() { 
    ...
    offLith();      // выключаем подсветку строки 	     
    nextTrak();     // продолжаем (закольцовываем) воспроизведение	
}
audio.addEventListener('ended', endPlay);

// выбор трека, через элемент плей-листа: 
document.querySelectorAll('.playlist li').forEach ((el, i) => {  
    el.addEventListener('click', () => {
        choosTrak(i);
    });  
});

function choosTrak(*!*chosenTrackIndex*/!*) {
*!*
    trak = chosenTrackIndex;
*/!*
    audio.src = 'disk:/path/to trak/' + playlist[trak];
    audioPlay();
}