sverhagen / mp3-browser

This Joomla plugin will create a table of every MP3 in a specified folder. It displays the ID3 information of each track with a link to download or play the file in the browser
https://www.totaalsoftware.com/products/mp3-browser
GNU General Public License v2.0
5 stars 6 forks source link

MP£ Browser on Apple/ipad #63

Closed ramblerswebs closed 8 years ago

ramblerswebs commented 8 years ago

I like this extension very much, but it does not seem to work on my Ipad.

Is this a bug or is this expected?

bizmarks commented 8 years ago

You have to fiddle with flash fallback/ html5 audio. In the advanced settings, you will have to add some code like

Just Google mp3browser flash fallback. I will share the steps with you tomorrow. Basically the iPad does not support flash, so you have to tell mp3browser to fallback to html5 audio on mobile devices if flash is not supported.

bizmarks commented 8 years ago

You have to fiddle with flash fallback/ html5 audio. In the advanced settings, you will have to add some code like audio id="audioplayer" preload="metadata" type="audio/mp3"

Your browser doesn't support the HTML audio tag. /audio (Put brackets around audio opening and closing tags.)

Just Google mp3browser flash fallback. I will share the steps with you tomorrow. Basically the iPad does not support flash, so you have to tell mp3browser to fallback to html5 audio on mobile devices if flash is not supported.

ramblerswebs commented 8 years ago

thanks, I look forward to seeing the solution. I wonder if the fix can be part of the extension? Otherwise a very good player.

ramblerswebs commented 8 years ago

sorry to be a pain but it would be very good to hear what I need to do to get this working on Apple/ipads

sverhagen commented 8 years ago

Sorry for my slow response, but please see if this works for you.

ramblerswebs commented 8 years ago

Hi thanks for your help so far. I have now had a look at this BUT am obviously missing something. I believe I have added the js and css files to the page and changed the Advanced setting. My test page is http://test.thepioneers.org.uk/articles/24-about-us/62-audio-archive-taster.html The table of mp3 files displays ok with the player controls but after a second or two the player controls vanish. I note that the source code is

two things concern me the

I am not in to any of this so any help gratefully received

sverhagen commented 8 years ago

I noticed the //images... at the beginning of the src too. I used Firebug to fiddle with it, and it works when I change it to src="http://test.thepioneers.org.uk/images/audio/...". Did you try removing the / in "Player source code" (where it says src="/%3")?

ramblerswebs commented 8 years ago

Hi, I have a fiddle and changed the Advanced text to

it seems to work fine, does it look ok to you?

Need to try it on an Apple yet - just tried on Ipad and while it does not display quite right (only the play button displayed) it does work

regards Chris Vaughan Derby & South Derbyshire Ramblers

support001@ramblers-webs.org.uk Administrator Ramblers-webs.org.uk

On 17/12/2015 08:25, Sander Verhagen wrote:

I noticed the |//images...| at the beginning of the |src| too. I used Firebug to fiddle with it, and it works when I change it to |src="http://test.thepioneers.org.uk/images/audio/..."|. Did you try removing the |/| in "Player source code" (where it says |src="/%3"|)?

— Reply to this email directly or view it on GitHub https://github.com/sverhagen/mp3-browser/issues/63#issuecomment-165381841.

No virus found in this message. Checked by AVG - www.avg.com http://www.avg.com Version: 2016.0.7294 / Virus Database: 4489/11196 - Release Date: 12/17/15

sverhagen commented 8 years ago

If it works, that would trump looking it looking ok to me. My hypothesis is that I came up with the original src="/%3" on a system where Joomla wasn't mounted to the root of the context path. Good luck!