Forgive me if this is a silly question, but I'm still learning the ropes here. I may be going about this in all the wrong ways!
I created a backend that learns from a text file and generates sentences along with an audio version of those sentences. Initially, I struggled to use the Audio object to load the audio file until I realized that the relative path should be based on the dist folder.
The code for playing the file is quite simple. I believe there's something I am not grasping about its functionality (currently, the response only returns a boolean value).
if (response.data) {
this.audio = new Audio('text.mp3')
this.audio.play()
}
The generated audio simply replaces the existing file in the dist folder. When you click the play button, it plays the audio file. However, when you generate another sentence (which overwrites the audio file), clicking the play button will still play the original audio instead of the updated one, despite the file being updated.
I'm puzzled as to why it doesn't create a new instance of Audio with the latest file version. It seems like memory might not be freed or something is causing JavaScript to take a shortcut instead of creating a new object, but I'm unsure how to resolve this.
Thank you!
--edit-- I can confirm that it's due to unfreed memory because after some time passed and I revisited it, the audio was indeed updated >.>