upong调用audioElement.duraion在基于chromium的浏览器中返回infinite,但在firefox中可以找到。歌曲存储在本地的同一个目录中。
console.log("Welcome to Spotify | clone");
let songIndex = 0;
const masterPlay = document.getElementById("masterPlay");
const progressBar = document.getElementById("progressBar");
const gif = document.getElementById("gif");
const audioElement=document.getElementById("song")
// let audioElement=new Audio('./1.mp3')
// Handeling play pause and click
masterPlay.addEventListener('click', () => {
if (audioElement.paused || audioElement.currentTime <= 0) {
audioElement.play();
masterPlay.classList.remove("fa-circle-play");
masterPlay.classList.add("fa-circle-pause");
gif.style.opacity = 1;
}
else {
audioElement.pause();
masterPlay.classList.remove("fa-circle-pause");
masterPlay.classList.add("fa-circle-play");
gif.style.opacity = 0;
}
});
//EventListeners
audioElement.addEventListener("timeupdate", () => {
progress = ((audioElement.currentTime / audioElement.duration) * 100);
progressBar.value = progress;
console.log(audioElement.currentTime)
});
期望值:
它返回自动跟踪的持续时间。
我尝试了:
- 不同的浏览器。(在基于Firefox的浏览器上运行良好。)
- 不同的歌曲(我发现有些歌曲在chrome上不起作用,但在firefox上一切正常)。
- 已尝试使用HTML音频元素。(问题仍然存在)
- 已尝试使用JS音频()。(问题仍然存在)
1条答案
按热度按时间z31licg01#
在一天结束时,我发现这是一个错误与VS代码现场预览扩展从微软