HTML5-заголовок динамического аудио-запроса не обновляется после запроса - PullRequest
0 голосов
/ 18 октября 2018

Небольшая проблема с загрузкой mp3 из базы данных MySql.В моем коде у меня есть навигация, генерируемая на основе столбца в моей БД.атрибут href в моем якоре указывает на ту же страницу

<a href='index.php?id=".$row['id']."'>".$row['term']."</a></li>

Когда я нажимаю на любой из сгенерированных элементов навигации, страница перезагружается с новой информацией, заполненной, как должно, и всем, что работает нормально.

В моей базе данных я сохраняю имя файла mp3 и использую приведенный ниже код для завершения имени звукового тега HTML5.

<audio id='player' src='audio/".$row['media']."'></audio>

этот код также работает, как и ожидалось.проблема в том, что даже если имя файла правильно заменено в коде, Request_Headers по-прежнему указывает на старый файл, который в итоге воспроизводит неправильный или кэшированный файл mp3.После выполнения Cntrl F5 правильный файл затем загружается и воспроизводится правильный файл.

Для меня это, кажется, одна из двух вещей

  1. Кэширование в аудио HTML5
  2. Или загрузка страницы, вызванная моей навигацией, неверна.

Полный цикл выглядит следующим образом

if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        echo "<h1 class='term'>".$row['term']."</h1>
            <span class='pronunciation'>".$row['pronunciation']."</span>
             <audio id='player' src='audio/".$row['media']."'></audio>";
    }
}

Вот кнопка, которая запускает звук.

<button class="speaker-icon" onclick="document.getElementById('player').play()"></button>

На данный момент я не уверен, как решить эту проблему.Вот несколько вещей, которые я попробовал:

Использование файла .htaccess и добавление «Header set Cache-Control no-cache». И в настоящее время изучаем возможность очистки кеша.

спасибо,

...