The good news is that this doesn't seem to be anything you're doing wrong. I believe that the plugin is trying to use the audio before it can be found on the page. The script has finished running by the time the .mp3 actually loads, so the "canplay" event never fires, thus the infinitely-spinning loading icon.
I believe it's working here on Pixel Perfect because there are significantly more resources (scripts, styles, images) being loaded than on your test site; by loading these other resources first, the audio has additional time to load before the plugin runs.
To test that theory, I installed this plugin on three test sites: one that is a (mostly) default ProBoards forum, a second that has a few more resources to load, and a third with many more resources. On the first site, I only ever saw the loading icon -- just like on your test site. On the second site, the audio loaded sometimes (telling me that sometimes the plugin ran first). On the third site, the audio loaded every time.
My husband is a much more advanced JavaScript developer than myself, so I'll ask him if he agrees with my findings later today (he likes these problems). Unfortunately, if this is the case, it means that there's nothing you can do because the problem is in the MusicJS plugin itself. However, this would be a good learning opportunity for me, so I might consider writing a new one with similar functionality.
You're welcome to enable your plugins again! I can recreate this separately now.
|