Как получить metadata media файла до загрузки страницы?

Question

[mirikkingg]

preload metadata прописан, но audio.duration, но того как аудио не будет полностью прослушано и кэшировано не доступно (infinity), так вот как получить duration априори?

Comments

[Сергей Сергей]

Сервер не пишет длительность в мету?

[mirikkingg]

Сергей Сергей, до прослушивания - нет. (NaN)

[mirikkingg]

Сергей Сергей, только с помощью xhr удалось сделать это, но задержка большая.

var audio = document.querySelector('.track_audio');
var audioContext = new (window.AudioContext || window.webkitAudioContext)();

var getTrackDuration = function () {
    let xhr = new XMLHttpRequest();
    xhr.open('GET', `${audio.src}`);
    xhr.responseType = 'arraybuffer';
    xhr.onload = function () {
        audioContext.decodeAudioData(xhr.response, function(buffer) {
            var duration = buffer.duration;
            document.querySelector('.duration_track').innerHTML = `${duration}`
        });
    }
    xhr.send();
}

getTrackDuration();

[Сергей Сергей]

плохо, что не пишет.
https://developer.mozilla.org/en-US/docs/Web/API/X...
https://developer.mozilla.org/en-US/docs/Web/API/X...
вот, из заголовков можно попытаться прочитать что-нибудь подходящее до полной загрузки файла. Например, если нет прямого значения длительности, то поискать битрейт и размер и вычислить.