Why doesn't the audio change even though the link changes?

Question

JavaScript

I have a musics component there, on top of one instance of the music is expanded, and at the bottom of other music, by clicking you get into the same component, the data is simply reactively replaced depending on the selected music and the link in the audio tag changes, but still only audio is produced from the first instance (default of the expanded music) so what am I doing wrong. Why doesn't the audio change even though the link changes?

Answer 1

because you must first turn off the audio playback, change the src after download the stream and then play the audio.
https://www.w3schools.com/jsref/met_audio_play.asp