How to hide html elements after playing audio?

Question

JavaScript

The general idea is this, there is an http server, it has html, when the page is opened, the mp3 file should be played in the background, the text and the picture should be displayed (the mp3 is periodically overwritten and the text changes), when the playback is completed, the text and the picture should be hidden. And after updating the mp3, you need to play the audio again, display the new text and picture, then hide it again, etc. How to do this is not entirely clear. I really ask for help.
I am at the stage when I have text, a picture and a file playing in the background. I can hide the text, but only after a certain interval (this is not what I need). There is an example of how to hide the text and an example of how to display an alert after the end of playback https://www.w3schools.com/tags/tryit.asp?filename=...
I would be very grateful if you at least poke in the right direction, because I couldn't find similar threads in my search.

Answer 1

You can subscribe to the ended event , which is fired when the track ends. When this event occurs, show a new picture and text, start the next track.
We take this example
. Add the output of texts.
It?