Как скрыть элементы html после воспроизведения аудио?

Question

[samfrst]

Общая идея такая, есть http сервер, на нем есть html, при открытие страницы должен воспроизводиться фоном mp3 файл, отображаться текст и картинка(периодически mp3 перезаписывается и текст меняется), при завершении воспроизведения текст и картинка должны скрываться. А после обновления mp3, снова нужно проиграть аудио, отобразить новый текст и картинку, далее опять скрыть и т.д. Как это сделать, не совсем понятно. Очень прошу помощи.
Я на этапе когда у меня отображается текст, картинка и фоном играет файл. Могу скрыть текст, но только через определенный интервал(это не то, что мне нужно). Есть пример, как скрыть текст и пример, как вывести алерт после окончания воспроизведения https://www.w3schools.com/tags/tryit.asp?filename=...
Буду очень благодарен, если хотя бы ткнете в нужном направлении, т.к. похожих тем в поиске не нашел.

Comments

[samfrst]

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

Answer 1

[Stalker_RED]

Можно подписаться на событие ended, которое возникает при окончании трека. При возникновении этого события показать новую картинку и текст, запустить следующий трек.

Берем вот этот пример
Добавляем вывод текстов.

Оно?

Comments

[samfrst]

не совсем, нет определенного плейлиста, есть перезаписываемый mp3, не знаю как можно мониторить перезапись этого мп3, т.е. записали мп3 проиграли показали скрыли, ждем пока перезапишется мп3, перезаписался и все по новой, как то так.
За пример спасибо большое

[Stalker_RED]

samfrst, что такое "перезаписываемый mp3"?

[samfrst]

есть программа, которая сохраняет файл example.mp3, потом снова сохраняет с заменой, имя тоже example.mp3, содержание другое

но есть возможность сохранять иначе, например example1.mp3, example2.mp3 и тд, в этом случае не знаю как их воспроизводить на странице

[Stalker_RED]

samfrst, а картинки и тексты?

[samfrst]

картинка одна, текст пишется в .txt по тому же принципу, что и mp3, текст выводится через iframe, его я могу обновить с помощью скрипта

я извиняюсь за такое объяснение))

[Stalker_RED]

samfrst, js в браузере никак не может узнать обновился ли файл. Можно скачивать и сравнивать с предыдущим раз в N секунд, можно пытаться получить следующий по номеру, и если ошибка - делать повторную попытку.

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

[samfrst]

Stalker_RED, а каким образом это можно сделать?

[Stalker_RED]

samfrst, что за сервер у вас?

[Stalker_RED]

samfrst, например при помощи inotifywait отслеживать появление новых файлов и отправлять через websocket.

[samfrst]

http сервер на python

[Stalker_RED]

samfrst, в питоне есть такая штука:
https://www.tutorialspoint.com/How-to-monitor-Pyth...

[samfrst]

Спасибо! буду пробовать