I’m developing a webpage which is essentially a soundboard-site. I have a folder storing all of the audio files used by the page, which are being referenced by a json file with this type of pathing:
"threat_music/REGION/TH_REGION - SOUND.mp3"
Everything works totally fine locally on my computer when fetching the audio, but on the github page, while in a firefox browser, these two types of paths refuse to load their assets at all:
"threat_music/LF/TH_LF - SOUND.mp3"
"threat_music/HF/TH_HF - SOUND.mp3"
The paths used to fetch these audio files in the json file are correct and, like I said, are only causing issues when being hosted on the github page.
The error messages don’t help much since they’re all just “404” and “NS_BINDING_ABORTED”. I asked chatGPT for some solutions and tried them, which included checking file paths, encoding spaces, and cache issues, all to no avail. The audio files in the LF and HF folders never loaded, but audio files in other folders always did. I really have no idea what could be causing this to happen, and would love to just know the reason behind it.
Here’s the link to the page’s GitHub Repository and the page itself in case you want to take a closer look at what’s going on here.