У меня следующая проблема, которая сводит меня с ума:
Я воспроизводю аудиофайл на веб-странице:
<audio ref="audio" preload="metadata" class="AudioPlayer__audio">
<source src="file" type="audio/mp3" codecs="mp3">
<p>Your browser doesn't support HTML5 audio. Here is a <a href="file.mp3">link to the audio</a> instead.</p>
</audio>
Я построил пользовательскую временную шкалу, которая должна знать продолжительностьфайл.Теперь это работает нормально, за исключением случаев, когда я его разверну.
На моем пульте продолжительность аудиофайла составляет infinity.Очевидно, и то, как я читаю в других ветках, это связано с тем, что Safari делает два запроса: первый просто пытается получить несколько байтов.Range: bytes=0-1 Этот запрос не выполнен.После этого Safari делает еще один запрос, пытаясь получить файл без содержимого диапазона, что успешно, но каким-то образом продолжительность звука составляет infinity.
Я читаю материал о заголовках и что необходимо разрешить диапазоны, но я нена самом деле много знаю о заголовках и о том, как решить эту конкретную проблему.
Здесь вы можете увидеть запрос и ответ.Мне кажется, что диапазон разрешен, потому что я вижу: Accept-Ranges: bytes
Что еще мне не хватает, и как бы я даже внес изменения в эти заголовки?Заголовок ответа, вероятно, потребует некоторых изменений в моих настройках netlify, но как насчет моих заголовков запросов?И это даже проблема?У меня нет никакой реальной подсказки, где я мог бы продолжить отладку этой проблемы.
спасибо за любые указатели.
Приветствия