| SitePoint Sponsor |
Hello,
I have seen the audio player at http://next.liberation.fr/musique/20...-22-ans_847686 and tried to use it on my website at http://www.learnintouch.com/elearnin.../subscription/ but it does not want to play the audio file. This happens to the latest Firefox 15.0.1 only. You need it to see the issue. I guess it is related to the Flash version within the browser. But I can't see why my markup code does not work, when the other one does.
Thanks for any tip !
Stephane
Doesn't work for me on chrome either. Probably a path issue to the mp3 file rather than a flash issue.
Bonjour (Hi) Stephane,
It works on my Linux Firefox as well as my Linux Chrome and my VMS that run Win7, WinXP, and OSX running the latest version of firefox. Could it be a problem with the flash encoding maybe? This will explain why I can hear it but you and EastCoast cannot.
Have you considered using HTML5 audio that can have a fallback to Flash and then support a range of different codecs that have a better chance of matching what audio codecs people have on their own OS.
There are quite a few tutorials on HTML 5 audio (with Flash fallback) the only things that would need to change are the Doctype and then implement the controls. Here are a few googled tutorials: HTML 5 Video and Audio in Modern Browsers, HTML 5 Audo Rocks,
Regards,
Steve
@EastCoast
Remember that the audio file can be played by my Firefox 12.0.1 on Linux.
You mean you think that explains why it works on some browsers and not others ? Can the path be parsed by some and not others ? Anything wrong with the path as it is ? Thanks for your input !
@Steve
1- What is it you call the Flash encoding ?
2- I have tried on some HTML5 tutorial, maybe not that I tried my hardest, but it seemed it would not play the mp3 format, and I cannot ask my end users to reformat and upload all their files in their CMS.
Thanks !
The flash player plays the same external mp3 file, there's no need to encode to a specific audio swf (as this would just be an mp3 in a wrapper)
There used to be issues with mp3s played back in flash when the sampling rate wasn't a multiple of 11khz (i.e 22/44) but this usually manifested itself as wrong playback speed or glitching rather than complete silence.
I'd prepare a simple test page with only html related to audio playback - tricky to debug that example page as there is huge reams of html/javascript to sort through.
Encoding means saving the audio in different formats. HTML 5 can use mp3, aac, Again, iP4, and wav plus a few other formats as well. These are listed in the HTML 5 Video and Audio in Modern Browsers, link I provided (near the bottom of the article)Originally Posted by stephaneeybert
Keep in mind that your browser may not have been able to play mp3 as it didn't have a codec that supported it. That is the main point of using multiple HTML5 audio formats so that the user DOES NOT have to choose the code selects whatever is supported. If none of the native codecs don't work for someone then you can set HTML5 audio to fallback to flash so you can have your audio in a Flash file you serve.
Steve
A quick look at the http activity on the page shows the mp3 file is found ok by the swf player, there's a missing file
http://www.learnintouch.com/engine/j....easing.1.3.js
but it shouldn't affect the flash mp3 playback
@EastCoast
Thanks for the missing js file note, I fixed that now.
@Steve
My CMS users only upload mp3 files so I guess using HTML5 will not help me much.
Keep in mind that HTML5 will support mp3 files. The HTML5 native player will be faster performing then the SWF as it is native code rather than a plugin. Plus the HTML5 audio can use hardware acceleration to offload the processing and typically will give better performance.
Are you sure that you did the HTML 5 audio correctly? Keep in mind that the src attribute can be a URL of the audio file (so you can type in the full path in your browser and it will launch your default audio player) or it can be a path to the file on the local system.
By using HTML 5 you can use a non-flash mp3 file and don't need the flash version as EastCoast mentioned in Post #6.
Steve
Hi Steve,
I'm sorry not to be able to act so easily on your input, I'm still confused by the different components at play here.
Can I quote you ?
You say: "you can use a non-flash mp3 file"
Is there such a thing as a Flash mp3 and a non Flash mp3 ?
You say: "HTML5 will support mp3"
Is it supported as of today or in the future ?
I understand also that this support of mp3 by HTML5 is one thing but there still needs to be another thing in place, ie the codec in the browser. Am I right ?
Thanks to you two for your shedding some light on my dark workbench.
SWF that is linked to an mp3 (like you have now) is in a way wrapped using SWF. It plays because the SWF player is a plugin that knows what to do with the .mp3 MIME type. If you don't use SWF then not all browsers support .mp3 (like Firefox) so you can't play them.
HTML5 <audio> does today support mp3; however not all browsers support it, so the browsers are the limiting factor.
As of today Oct 03, 2012 Firefox does not natively play an MP3 file due to patent licences from a number of organisations (Technicolor/Thomson Consumer Electronics, the Fraunhofer Institute, Alcatel-Lucent, and Sisvel). In March Mozilla announced that they would support html 5 and mp3 native formats but as of now it has not yet been integrated into Firefox. Mozilla is trying to keep their browser open-source and it is harder to do when supporting such proprietary formats. Mozillia appears to plan to put it in Droid. So in Firefox (and other Mozillia browsers) you still need to fall back to a SWF audio wrapped file.
Well there are two parts to this.1) Your web server needs to have the proper mime-types associated with your site. If you use Apache as your webserver you can define these MIME types in a .htaccess file like:
Code:# AddType TYPE/SUBTYPE EXTENSION AddType audio/mpeg mp3 AddType audio/ogg ogg
2) Your browser needs to support mp3. As mentioned above Firefox doesn't support it yet, but supposedly will in the future.It is because of this - not all peoples browsers support the same MIME audio types - that html5 audio should not be served with just one audio type. The HTML5 spec allows the browser to detect if it supports one format and if not then will try the next format. I do however understand that you are exclusively using .mp3, so I'm not sure that HTML 5 audio does make sense for you; however it has many advantage so it is a shame.
For more info go to the Mozillia developer network
Regards
Steve
Hi Steve, thanks for that, it was quite educative !
My user just told me that the player does not even show up on his new iPad
He cannot see the player at http://www.learnintouch.com/elearnin.../subscription/
He got his brand new iPad a few days ago.
I would think if it works for others and not for your user, then he must have something in his iPad settings that he needs to change.
Linda Jenkinson: Content Team Leader
Creative Web Content
"Say what you mean. Mean what you say. But don't say it mean." ~Unknown
March Photo Challenge. "Blue" Poll is open. Vote NOW!
April Photo Challenge - "A Piece of Paper"
Hi Linda,
Thanks for that. I have a few questions..
1- You have seen the player of the specified page on your iPad ?
2- Does one need to install Flash on the iPad ? As a note, I did not have to install it on my iPod and my user did not have to install it on his iPhone and still the player showed up and played fine on both of these devices.
Thanks !
As I understand it, iPad and iPhone have no support for Flash. (I use neither, so I may be wrong here.)
http://www.bbc.co.uk/news/technology-19267140
Adobe first offered the Flash Player for smartphones in 2010 but faced a setback when Apple refused to allow it to be installed on iPhones and iPads.
If you're a bear made of mohair, ponder on the nature of a mo.
In fact, the iPod and iPhone were using another player.. :-) my mistake, sorry !
It is a similar player but maybe does not use Flash.
Like TechnoBear, I use neither. I see you have resolved the issue, though. Thanks for letting us know!
Linda Jenkinson: Content Team Leader
Creative Web Content
"Say what you mean. Mean what you say. But don't say it mean." ~Unknown
March Photo Challenge. "Blue" Poll is open. Vote NOW!
April Photo Challenge - "A Piece of Paper"
Sure. My wrong assumption was because the two players originate from the same provider, the dewplayer at http://www.alsacreations.fr/dewplayer.html
It will for certain not use Flash and most likely is using JavaScript instead. @TechnoBear is correct Flash player is not supported on any of the apple devices.
Indeed, I use the Flash based player on the computer browsers only:
On smartphones I use instead the HTML5 javascript based player, which works fine on smartphones:Code:<object type="application/x-shockwave-flash" data="$fileUrl" width="$width" height="$height" id="dewplayer" name="dewplayer"> <param name="movie" value="$fileUrl" /> <param name="flashvars" value="mp3=$mediaFileUrl&autostart=$autostart" /> <param name="wmode" value="transparent" /> </object>
But, as I said at the start of this thread, the Flash based player is not working on the latest Firefox, nor on my Chromium 18.0 Linux.Code:<img id="$playPauseButtonDomId" src="$buttonPlayImage" title="" /> <script type="text/javascript"> var audioPlayer$uniqueId = new Audio("$mediaFileUrl"); document.getElementById("$playPauseButtonDomId").addEventListener('click', function(){ if (audioPlayer$uniqueId.ended || audioPlayer$uniqueId.paused) { document.getElementById("$playPauseButtonDomId").src = "$buttonPauseImage"; audioPlayer$uniqueId.play(); } else { document.getElementById("$playPauseButtonDomId").src = "$buttonPlayImage"; audioPlayer$uniqueId.pause(); } }, false); audioPlayer$uniqueId.addEventListener('ended', function(e) { audioPlayer$uniqueId.removeEventListener('ended', arguments.callee, false); document.getElementById("$playPauseButtonDomId").src = "$buttonPlayImage"; }, false); </script>
So I just tried something else, I tried to use also on the computer browsers, the HTML5 javascript based player.
But it works on neither Firefox nor Chromium.
Here is the error I get when using the HTML5 javascript based player on Firefox 16.0.1
The file path to the mp3 file is correct.HTTP "Content-Type" of "audio/mpeg" is not supported. Load of media resource http://localhost/dev/php/learnintouc...toireduvin.mp3 failed.
I wonder if the reason the Open Standard Media (OSM) Player of http://mediafront.org
http://mediafront.org/osmplayer/index.html#.UHxy5HikRxB
is also not working on Chromium 18.0.1025.168 (Developer Build 134367 Linux) Built on Ubuntu 11.10, running on LinuxMint 12
is not the same as for my HTML5 javascript based player...
Did you check that the file permissions are correct?
Posting Permissions
Reply With Quote
Bookmarks