phlbnks / mediael

MediaElement.js Plugin for Joomla
10 stars 9 forks source link

MP3 fallback to Flash fails in Firefox and Opera. #1

Open chris001 opened 12 years ago

chris001 commented 12 years ago

Using the Joomla 1.5 plugin.

Want to play an MP3 on all browsers, with preference for the html5 player, and fallback to flash when the browser cannot natively play mp3 in its html5 player due to license cost issues (Firefox and Opera are most famous for this).

Working: Safari, IE9, and Chrome (the html5 player kicks in and plays the mp3).

Failing: Firefox and Opera. Link to the page with this issue: ( http : // www . pagas... )

1) Firefox (latest version) does not show any player - just a blank space on the page. Viewing source, audio tag is there.

Why did MediaElement fail to load the flash player?? How do you fix it ??

2) Opera 11.61 (latest) is putting up the html5 player, but obviously, failing to play anything, because Opera will not play mp3 on html5, it requires flash to play mp3.

Why did MediaElement load the html5 player, and fail to recognize that this browser cannot play mp3 on html5?? Isn't MediaElement supposed to detect if the html5 player on a given browser cannot play the mp3 format, and just fallback (fallforward) to the flash player to play the mp3?? How to fix this ??

UPDATE: the original author says "You don't appear to have mediaelement.js installed."
https://github.com/johndyer/mediaelement/issues/409 I don't see mediaelement.js in your mediaelement joomla 1.5 plugin fodlers ? Shouldn't it be?
Can you reproduce this issue on your Opera and Firefox ? How to fix this issue ?

phlbnks commented 12 years ago

Hi,

As you worked out in your thread on the MEJS site - the JS is getting loaded.

I'll have a look at this asap - but it will be a couple of days I'm afraid before I can give it some time.

In the meantime - I'd recommend supplying a second audio format (OGG) if possible.

chris001 commented 12 years ago

For this one page (5 files) I can supply the OGG format - but it's impractical as a general solution because there is over 320 files / 3.5GB of audio that would have to be supplied.

Firefox and Opera do indeed have the ability to play MP3 via Flash, which is supposed to be working as the fallback/fallforward.

I'm seeing john dyer's latest release is updated to 2.6.5 one month ago - 3 months newer that what we have here - what do you think about upgrading to the latest version and seeing if that solves it?

Apart from that, let me know if I can do something on my side to determine the cause of this problem - most likely javascript - in order to fix it, please.

chris001 commented 12 years ago

Update: the plugin can't do OGG audio. Just MP3, MP4, and M4A.

chris001 commented 12 years ago

Correction : For audio this plugin is supposed to support MPEG (mpeg-2 audio), MP3, and M4A (mpeg-4 audio).

phlbnks commented 12 years ago

I was just looking at what audio formats FF supports in the HTML5 player - I'll probably add OGG to the plugin.

chris001 commented 12 years ago

I tried adding M4A files to the page - the joomla plugin on both Opera and Firefox fails play the m4a's.

I'm seeing the player appear on the page.

You press the play button and it toggles to a pause button.

But the player doesn't show any buffering activity - it doesn't produce any sound - and the counter stays stuck on 0:00.. obviously not working..

phlbnks commented 12 years ago

That's right - M4A, like MP3, are not support for native playback in FF or Opera as they are not license free. The only formats supported for native playback in them are OGG or WAV.

I have just released an updated version based on the latest ME.js. Please try that and see if there is an improvement. I can confirm that the plugin definitely works with MP3.

Looking at your site - ME.js is not getting initialised. I have seen this on another site due to a conflict with another plugin. You could test this by temporarily disabling other plugins and seeing if that fixes it. Alternatively, in your theme file, hardcode in a Githubissues.

  • Githubissues is a development platform for aggregating issues.