Hola, he programado un reproductor de audio personalizado con JS y css, y quiero agregar otra pista con ese estilo y función. ¡pero no funciona! en realidad, la pista se agrega pero no se reproduce. el código html y los códigos js están aquí
const audioPlayer = document.querySelector(".audio-player"); // const audio = new Audio( // "https://ia800905.us.archive.org/19/items/FREE_background_music_dhalius/backsound.mp3" // ); // var audio = document.getElementById('audio'); console.dir(audio); audio.addEventListener( "loadeddata", () => { audioPlayer.querySelector(".time .length").textContent = getTimeCodeFromNum( audio.duration ); audio.volume = 1.0; }, false ); //click on timeline to skip around const timeline = audioPlayer.querySelector(".timeline"); timeline.addEventListener("click", e => { const timelineWidth = window.getComputedStyle(timeline).width; const timeToSeek = e.offsetX / parseInt(timelineWidth) * audio.duration; audio.currentTime = timeToSeek; }, false); <div class="audio-player"> <audio id="audio"> <source src="sound/1.mp3"> </audio> <div class="timeline"> <div class="progress"></div> </div> <div class="controls"> <div class="play-container"> <div class="toggle-play fas fa-play"> </div> </div> <div class="time"> <div class="current">0:00</div> <div class="divider">/</div> <div class="length"></div> </div>