javascript HTML音频持续时间在Chrome中不起作用

abithluo  于 2023-01-16  发布在  Java
关注(0)|答案(1)|浏览(126)

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音频()。(问题仍然存在)
z31licg0

z31licg01#

在一天结束时,我发现这是一个错误与VS代码现场预览扩展从微软

相关问题