SitePoint Sponsor

User Tag List

Page 1 of 2 12 LastLast
Results 1 to 25 of 50
  1. #1
    SitePoint Zealot
    Join Date
    Aug 2010
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    On latest Firefox 15.0 : audio player working on one website but not on my website

    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

  2. #2
    Community Advisor silver trophy

    Join Date
    Nov 2006
    Location
    UK
    Posts
    2,551
    Mentioned
    40 Post(s)
    Tagged
    1 Thread(s)
    Doesn't work for me on chrome either. Probably a path issue to the mp3 file rather than a flash issue.

  3. #3
    Foozle Reducer ServerStorm's Avatar
    Join Date
    Feb 2005
    Location
    Burlington, Canada
    Posts
    2,699
    Mentioned
    89 Post(s)
    Tagged
    6 Thread(s)
    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
    ictus==""

  4. #4
    SitePoint Zealot
    Join Date
    Aug 2010
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    @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 !

  5. #5
    SitePoint Zealot
    Join Date
    Aug 2010
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    @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 !

  6. #6
    Community Advisor silver trophy

    Join Date
    Nov 2006
    Location
    UK
    Posts
    2,551
    Mentioned
    40 Post(s)
    Tagged
    1 Thread(s)
    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.

  7. #7
    Foozle Reducer ServerStorm's Avatar
    Join Date
    Feb 2005
    Location
    Burlington, Canada
    Posts
    2,699
    Mentioned
    89 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by stephaneeybert View Post
    @Steve

    1- What is it you call the Flash encoding ?
    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)

    Quote Originally Posted by stephaneeybert View Post
    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.
    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
    ictus==""

  8. #8
    Community Advisor silver trophy

    Join Date
    Nov 2006
    Location
    UK
    Posts
    2,551
    Mentioned
    40 Post(s)
    Tagged
    1 Thread(s)
    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

  9. #9
    SitePoint Zealot
    Join Date
    Aug 2010
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    @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.

  10. #10
    Foozle Reducer ServerStorm's Avatar
    Join Date
    Feb 2005
    Location
    Burlington, Canada
    Posts
    2,699
    Mentioned
    89 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by stephaneeybert View Post
    @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
    ictus==""

  11. #11
    SitePoint Zealot
    Join Date
    Aug 2010
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  12. #12
    Foozle Reducer ServerStorm's Avatar
    Join Date
    Feb 2005
    Location
    Burlington, Canada
    Posts
    2,699
    Mentioned
    89 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by stephaneeybert View Post
    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 ?
    Quote Originally Posted by stephaneeybert View Post
    You say: "you can use a non-flash mp3 file"

    Is there such a thing as a Flash mp3 and a non Flash mp3 ?
    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.

    Quote Originally Posted by stephaneeybert View Post
    You say: "HTML5 will support mp3"

    Is it supported as of today or in the future ?
    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.

    Quote Originally Posted by stephaneeybert View Post
    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 ?
    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

    ictus==""

  13. #13
    SitePoint Zealot
    Join Date
    Aug 2010
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Steve, thanks for that, it was quite educative !

  14. #14
    SitePoint Zealot
    Join Date
    Aug 2010
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  15. #15
    Word Painter silver trophy Shyflower's Avatar
    Join Date
    Oct 2003
    Location
    Winona, MN USA
    Posts
    10,053
    Mentioned
    142 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by stephaneeybert View Post
    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
    "Say what you mean. Mean what you say. But don't say it mean." ~Unknown

  16. #16
    SitePoint Zealot
    Join Date
    Aug 2010
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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 !

  17. #17
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,239
    Mentioned
    266 Post(s)
    Tagged
    5 Thread(s)
    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.

  18. #18
    SitePoint Zealot
    Join Date
    Aug 2010
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    In fact, the iPod and iPhone were using another player.. :-) my mistake, sorry !

    It is a similar player but maybe does not use Flash.

  19. #19
    Word Painter silver trophy Shyflower's Avatar
    Join Date
    Oct 2003
    Location
    Winona, MN USA
    Posts
    10,053
    Mentioned
    142 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by stephaneeybert View Post
    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 !
    Like TechnoBear, I use neither. I see you have resolved the issue, though. Thanks for letting us know!
    Linda Jenkinson
    "Say what you mean. Mean what you say. But don't say it mean." ~Unknown

  20. #20
    SitePoint Zealot
    Join Date
    Aug 2010
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sure. My wrong assumption was because the two players originate from the same provider, the dewplayer at http://www.alsacreations.fr/dewplayer.html

  21. #21
    Foozle Reducer ServerStorm's Avatar
    Join Date
    Feb 2005
    Location
    Burlington, Canada
    Posts
    2,699
    Mentioned
    89 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by stephaneeybert View Post
    In fact, the iPod and iPhone were using another player.. :-) my mistake, sorry !

    It is a similar player but maybe does not use Flash.
    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.
    ictus==""

  22. #22
    SitePoint Zealot
    Join Date
    Aug 2010
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Indeed, I use the Flash based player on the computer browsers only:

    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>
    On smartphones I use instead the HTML5 javascript based player, which works fine on smartphones:

    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>
    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.

    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.

  23. #23
    SitePoint Zealot
    Join Date
    Aug 2010
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Here is the error I get when using the HTML5 javascript based player on Firefox 16.0.1

    HTTP "Content-Type" of "audio/mpeg" is not supported. Load of media resource http://localhost/dev/php/learnintouc...toireduvin.mp3 failed.
    The file path to the mp3 file is correct.

  24. #24
    SitePoint Zealot
    Join Date
    Aug 2010
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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...

  25. #25
    Foozle Reducer ServerStorm's Avatar
    Join Date
    Feb 2005
    Location
    Burlington, Canada
    Posts
    2,699
    Mentioned
    89 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by stephaneeybert View Post
    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?
    ictus==""


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •