如何从文本文件中动态更改src？

Question

I have to change the src of an audio tag dynamically depends of a text file that I've got. I'm using HTML + PHP + MySQL. No JS, jQuery, or other things yet (because I don't know). The text file is generated with a Python script, so i have to read the content and put it in the src path.

Example:

Content of file.txt: 123456789
Final HTML code that i need:

<source src="../file_123456789.wav" type="audio/wav">

How can I read a file and use it as a string/variable to put in HTML? I'm thinking open the file with PHP and do an 'echo $content;' inside the src path but I think that there are better ways to do that.

Regards,

</div>

Answer 1

It would be much easier if you use JS/JQuery and you can find answer to this question. However, if you don't want to use JS/JQuery reading file and echoing it is the only method. If you are willing to use JQuery this will work. Find a Jquery CDN and link it in your HTML. Then:

<script>
$.get("file.txt", function(result){
   var scr = document.createElement('source');
   scr.type = 'audio/wav';
   scr.src = '../file_' + result + '.wav';
   document.body.appendChild(scr);
   });
 </script>