1. #11
    Sencha - Community Support Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,963
    Vote Rating
    10
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Default


    Quote Originally Posted by Dumbledore View Post
    i am running Firefox 3.5.3

    OK. Firefox 3.5 has HTML5 audio support.
    With uxmedia.js loaded in your page, open up Firebug console.

    Type
    Code:
    Ext.capabilities.hasAudio.mp3
    or just browse the entire hasAudio block:
    Code:
    Ext.capabilities.hasAudio
    What's it say? If mp3 is false, no dice! If true, then define an mp3 file for one of the events and see if it plays it. If not compatible/supported, you'll hear nothing (but your own moan of dissapointment).
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


  2. #12
    Ext JS Premium Member
    Join Date
    Mar 2007
    Location
    Germany
    Posts
    691
    Vote Rating
    25
    Dumbledore will become famous soon enough Dumbledore will become famous soon enough

      0  

    Default


    ok, there is the reason.

    my Firefox-Configuration has no support for playing mp3. The first time i read about your component i thought this is a replacement for soundserver2...

    Sorry about that...

  3. #13
    Sencha User aw1zard2's Avatar
    Join Date
    Sep 2009
    Location
    Dallas, Texas
    Posts
    577
    Vote Rating
    32
    aw1zard2 has a spectacular aura about aw1zard2 has a spectacular aura about

      0  

    Default


    Just an FYI for others who might not know...

    Firefox 3.5 HTML5 audio only supports the following...

    Note: Currently, Gecko supports only Vorbis, in Ogg containers, as well as WAV format. Also, the server must serve the file using the correct MIME type in order for Gecko to play it correctly.
    https://developer.mozilla.org/En/HTML/Element/Audio

    =)

  4. #14
    Ext User billprince's Avatar
    Join Date
    Apr 2010
    Location
    CN
    Posts
    14
    Vote Rating
    0
    billprince is on a distinguished road

      0  

    Default


    Awesome´╝üThank you for your donate!

  5. #15
    Ext User
    Join Date
    Nov 2009
    Posts
    77
    Vote Rating
    0
    saadkhan is on a distinguished road

      0  

    Default Demo Not Working

    Demo Not Working


    The link to demo isnt working......please can anyone provide a sample of this?

  6. #16
    Sencha - Community Support Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,963
    Vote Rating
    10
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Default


    Demo site is back online.

    Example of what?
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


  7. #17
    Sencha Premium Member
    Join Date
    Sep 2008
    Posts
    710
    Vote Rating
    6
    Bucs is on a distinguished road

      0  

    Default


    Doug, I need to play an audio file on panel load or click of a button. Audio file will be a lot longer than a quick chime or ding...maybe minute or two (audio instructions). Two questions:

    1) is the AudioEvents the control to use, or ux.Media?
    2) what is the best format to use for the audio file in your opinion (speed, size, clarity, etc.)

    Thanks yet again

    UPDATE: Nevermind on this one...was a little confused on where the Audio functionality was. I see that it is included in the ux.Media component.

  8. #18
    Sencha - Community Support Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,963
    Vote Rating
    10
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Default


    @Bucs --OK, back in groove...

    I've just completed some work on 1.1 of the AudioEvents plugin (see attachment below -- simply include it anywhere AFTER uxmedia.js on your page).

    Some new features:

    - the Plugin itself can be rendered as a ux.Media.Component anywhere, so setting the controls:true config option will render either:

    * an HTML5 Audio control in the container, or
    * render whatever is configured as the fallback mediaCfg ( thinking IE).

    - You can now stop/pause/play longer running audio streams via accessor methods provided by the plugin to Component the plugin is installed onto:

    Code:
    var plugin = new Ext.ux.Media.plugin.AudioEvents({
                  controls : true,
                  audioEvents :{
                     beforeshow : 'demos/media/audio/introduction_speach.WAV'
                  }
    });
    
    var tutor = new Ext.Panel({
       autoHeight  : true,
       title : 'Audible Tutorial',
       plugins : [plugin],
       items  : [
          {xtype : 'panel', autoHeight : true, autoLoad : { url: 'assets/tutorial.htm'}},
          plugin  //the visible audio controls
        ]
    }).show();
    Bind these methods to Buttons/Toolbars if you like:
    Code:
    tutor.stopAudio();
    tutor.playAudio();
    tutor.pauseAudio();
    The plugin will use HTML5 Audio support if availabe (and useNative is true ). The default fallback mediaCfg for browsers not supporting Audio object/tags is the ux.MediaCfg.mediaType:

    Code:
    {
          mediaType : 'WAV',
         start     : false,
         url       : '',
     }
    The plugin also provides HTML5 feature detection reports for Ext. See:
    Code:
    console.dir(
       Ext.capabilities.hasAudio
    );
    An updated demo is available here: http://demos.theactivegroup.com/?dem...script=audioev

    1) is the AudioEvents the control to use, or ux.Media?
    It can now support either role, it's just that the plugin is designed to easily wire up audio events to any event a component can fire.

    2) what is the best format to use for the audio file in your opinion (speed, size, clarity, etc.)
    The real question is: what is the format your consumers likely have Audio support for !!
    uxMedia provides several modern and legacy configurations for external players (Flash, QuickTime, Windows Media Player, etc) for use across many browsers. It's up to you to decide what players they are likely to have installed across all your target browsers. It may even be necessary to encode your media in more than one format to cover your top targets.
    Attached Files
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


  9. #19
    Sencha Premium Member
    Join Date
    Sep 2008
    Posts
    710
    Vote Rating
    6
    Bucs is on a distinguished road

      0  

    Default


    Awesome Doug, the Stop method will help me a ton, thanks so much.

    Do you think an Event handler for a "complete" event on the AudioEvents will be possible (similar to the JWPlayer wrapper)?

    Thanks again for all your community support Doug, you da man!

  10. #20
    Sencha - Community Support Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,963
    Vote Rating
    10
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Default


    Quote Originally Posted by Bucs View Post
    Do you think an Event handler for a "complete" event on the AudioEvents will be possible (similar to the JWPlayer wrapper)?
    @Bucs -- In a word, no.
    AudioEvents is design to work (degrading gracefully) across many browsers (HTML5-capable or not). What you seek would require that every Browser player handled a 'completed' event like that the same way.

    If you need that level of support from all browsers, you'll need to stick with one player with a rich event system that will handle all the media codecs. JWPlayer is certainly one choice, and that's why I spent some time with a full-featured wrapper class for it alone (but it is, after all, Flash-based).
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.