js通过音频链接获取音频时长

发布于:2024-05-17 ⋅ 阅读:(142) ⋅ 点赞:(0)

js通过音频链接获取音频时长

要在JavaScript中从音频链接获取音频文件的持续时间,您可以使用fetch API来检索音频文件,然后使用audio API来获取持续时间。例子:

function getAudioDuration(audioUrl) {
  return fetch(audioUrl)
    .then((response) => response.arrayBuffer())
    .then((arrayBuffer) => {
      return new Promise((resolve, reject) => {
        const audio = new Audio();
        audio.src = URL.createObjectURL(new Blob([arrayBuffer]));
        audio.addEventListener('loadedmetadata', () => {
          resolve(audio.duration);
          audio.remove();
        });
        audio.addEventListener('error', () => {
          reject(new Error('Failed to get audio duration'));
          audio.remove();
        });
        document.body.appendChild(audio);
      });
    });
}

// Example usage
const audioUrl = 'https://www.example.com/audio.mp3';
getAudioDuration(audioUrl)
  .then((duration) => {
    if (duration) {
      console.log('Audio duration:', duration);
    } else {
      console.log('Failed to get audio duration');
    }
  })
  .catch((error) => {
    console.error(error);
  });

这个函数使用fetch API作为ArrayBuffer来检索音频文件,然后使用URL.createObjectURL创建一个新的音频元素,其中包含音频数据。当loaddmetadata事件被触发时,它会解析带有音频持续时间的Promise,如果有错误,它会用错误拒绝Promise。

与视频示例一样,Audio元素的duration属性以秒为单位,因此如果需要,您可能希望将其转换为更易于阅读的格式。


网站公告

今日签到

点亮在社区的每一天
去签到