Wie rufe ich die Audiodauer ab? ⇐ JavaScript

[Anonymous]

Ich möchte die Dauer einer Audiodatei in meinem React-Projekt abrufen.
Hier ist meine AudioDuration-Komponente.

Code: Select all

import React, { useState, useEffect } from 'react';

const AudioDuration = ({ audioSrc }) => {
const [duration, setDuration] = useState(null);

useEffect(() => {
const audio = new Audio(audioSrc);

// When the audio metadata is loaded, get the duration
audio.onloadedmetadata = () => {
setDuration(audio.duration);
};

return () => {
// Cleanup if the component is unmounted
audio.onloadedmetadata = null;
};
}, [audioSrc]);

return (

{duration !== null ? (
Duration: {duration.toFixed(2)} seconds
) : (
Loading...
)}

);
};

export default AudioDuration;

Es funktioniert, wenn ich eine lokale Audiodatei für audioSrc verwende.
Mein Hauptzweck ist jedoch die Verwendung dieses Audios – https://images.starugc.com/a880400e-fb6 ... 063814.mp3
Meine AudioDuration-Komponente ruft sie für diese Audio-Links nicht richtig ab.
Bitte lassen Sie mich wissen, wo das Problem liegt und wie kann ich es beheben.