Custom javascript audio player not working on iPad

I am working on a website that features a custom javascript enabled audio player with an animated playhead to follow along with the provided spectrogram. An example of this is included below.

http://cetus.ucsd.edu/voicesinthesea_org/test/species/baleenWhales/humpback.html

I am having difficulty figuring out why the audio/spectrogram player does not work on an iPad. This component was built by a developer who I am not longer in contact with, thus I am in urgent need of some advice/wisdom.

Thank you!

@eoneill728: Cool page!

No simple answer I'm afraid. It doesn't seem to be generating any JS errors when you tap the play button (although tapping stop triggers a "DOM Exception 11" error). It simply doesn't play.

I suspect that there might be something subtly different about Mobile Safari's DOM that's confusing the script (e.g. it's not finding the <audio> element).

You're going to have to do some debugging I think. Try isolating just the player on its own page (without your other JS plugins) and see if that works. If it doesn't, install FireBug Lite and start adding breakpoints in the code to see what it's doing. Here's a good article on JS debugging on the iPad:

http://support.godaddy.com/library/setting-up-a-debugging-environment-on-the-ipad/

--
Matt Doyle, Elated
3rd Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/