I use this plugin for non-WordPress HTML files but I will first go through what it says in the FAQ and then outline an alternate workaround for non-WordPress HTML pages. From the FAQ (https://wpaudioplayer.com/frequently-asked-questions/):”
How do I get the track information to show in the player?
By default, the player gets the track information from the ID3 tags of the mp3 file. These tags are usually set by the software you used to create the file. If they are set correctly, you should see the artist and title in the player.
However, Adobe recently changed their Flash Player to restrict access to ID3 tags if the file is located on a different domain than the player itself. In this case, the player cannot access the tags. Make sure your files are located on the same server and exactly the same domain. The player won’t be able to read the ID3 tags even if the file is located on a subdomain (e.g. your blog url is yourdomain.com and your files are on https://www.yourdomain.com). There is a way to allow Flash to read ID3 tags from files hosted remotely (see below).
You can also specify the track information via options like this:
[audio:your_mp3_file.mp3|titles=The title|artists=The artist]
“
Now most of my files seem to read the ID3 tags just fine when the mp3s are in the same folder as the player. However, for a couple of tracks, for some reason it still said ‘Track #1’. If you need the code for non-WordPress HTML files/websites, then the workaround they suggest will not work as shown.
For standard websites, I found a work around based on their suggestion:
“playerID=audioplayer1&soundFile=https://yourwebsite.com/your_mp3_file.mp3&titles=The title&artists=The Artist”>
The above code is a modification of the code suggested for non-wordpress websites in this tutorial:
https://www.macloo.com/examples/audio_player/
