audio.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
  5. </head>
  6. <body>
  7. <audio id="audio-player"></audio>
  8. <img src="static/123.jpg">
  9. <script>
  10. $(document).ready(function () {
  11. // Функция для проверки наличия нового аудиофайла на сервере
  12. function checkForNewAudio() {
  13. $.ajax({
  14. url: '/generate_audio',
  15. method: 'GET',
  16. success: function (response) {
  17. if (response.newAudio) {
  18. // Если есть новый аудиофайл, проигрывайте его на странице
  19. playAudio(response.filename);
  20. }
  21. },
  22. error: function (error) {
  23. console.error('Ошибка при проверке наличия нового аудиофайла:', error);
  24. }
  25. });
  26. }
  27. // Функция для проигрывания аудиофайла
  28. function playAudio(audioSrc) {
  29. const audioPlayer = new Audio(audioSrc);
  30. audioPlayer.play();
  31. }
  32. // Периодически проверять наличие нового аудиофайла
  33. setInterval(checkForNewAudio, 60000); // Проверять каждые 5 секунд
  34. });
  35. </script>
  36. </body>
  37. </html>