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

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属性以秒为单位,因此如果需要,您可能希望将其转换为更易于阅读的格式。

相关推荐

  1. js通过音频获取音频

    2024-05-14 07:14:02       10 阅读
  2. js通过视频获取视频

    2024-05-14 07:14:02       14 阅读
  3. uni-app获取音频播放

    2024-05-14 07:14:02       39 阅读
  4. FFMpeg 获取音频音量、提高音量

    2024-05-14 07:14:02       18 阅读
  5. HTML的超和图音频

    2024-05-14 07:14:02       8 阅读
  6. js音频指定扬声器

    2024-05-14 07:14:02       13 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-05-14 07:14:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-05-14 07:14:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-05-14 07:14:02       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-05-14 07:14:02       20 阅读

热门阅读

  1. 记录:卡尔曼滤波推导

    2024-05-14 07:14:02       11 阅读
  2. 卸载RabbitMq

    2024-05-14 07:14:02       9 阅读
  3. 数据之舞:Processing中的数据可视化艺术

    2024-05-14 07:14:02       10 阅读
  4. hdfs 中 Map Tas工作机制(Hadoop,hive,hdfs)

    2024-05-14 07:14:02       12 阅读
  5. brpc之acceptor&&handler

    2024-05-14 07:14:02       10 阅读