search

kolber / audiojs

A cross-browser javascript wrapper for the html5 audio tag
http://kolber.github.io/audiojs
MIT License
2.1k stars 440 forks source link

issue with old versions of IE & Firefox #28

Closed proacktive closed 13 years ago

proacktive commented 13 years ago

Hi Anthony,

I'm using your audio.js player on my site (http://soundabu.com) and it works perfectly in all of the browsers' latest versions, but in the older versions of internet explorer and firefox the player doesn't work right. I think it's related to the flash backup. The players on your site http://kolber.github.com/audiojs/ do work on the older browsers so I'm definitely doing something wrong.

I messed with the CSS but didn't touch anything else and I've named my mp3 files with http:// and the I've tried really hard to figure out why the player on my site isn't working but I've had no luck. I love your player and I want to use it but I need a little help.

kolber commented 13 years ago

Rather than using the audiojs.events.ready(function() { method, try placing var as = audiojs.createAll(); inside your jquery jQuery(document).ready(function($){ load call. The two could be conflicting.

proacktive commented 13 years ago

So I did the above and the player's still not working right in the older browser versions. When I removed the audiojs.events.ready(function() { function the player disappeared so I put it back in the head but I just kept the other change in the load call. What else could be happening?

I've narrowed it down to a flash problem because it works perfectly in all of the browsers that you list as not using flash. Please don't give up on this, I really need a solution and you're my only hope.

kolber commented 13 years ago

Do you get any javascript errors?

proacktive commented 13 years ago

In internet explorer it's an unspecified error. Maybe the problem is happening before the loading of audio.min.js. I tried using the exact same audio.min.js file as you have on your site but the problem still persisted. I'm not too well versed in javascript so I can't tell if any of the javascript is conflicting with other javascript on my site. What do you think?

andreslucero commented 13 years ago

@proacktive - were you able to solve this issue? I'm experiencing the same thing in Firefox 5; the demos load correctly, but it doesn't work on our site. Here's the error I get with Firebug:

a.element.pplay is not a function a.settings.loadProgress.apply(a,[c])};...;a.loadStarted=function(){a.swfReady= audio.min.js (line 13)

proacktive commented 13 years ago

yea I ended up abandoning audiojs. My site uses wordpress.org and there's so much javascript in the wordpress files that there's a good chance some of it conflicted with the audiojs javascript... Sorry, I can't help you with the code you gave me but I'm now using http://bandcamp.com's embedded player. Here's my site for example: http://soundabu.com. I would investigate something else if you don't feel like spending hours troubleshooting. Good luck!

andreslucero commented 13 years ago

Thanks, we're also on WP and it looks like you were correct: after much trial and error I was able to get it working by moving the audio.js calls below the WP-generated script tags.