/**
 * @class Ext.Audio
 * @extends Ext.Media
 *
 * 
Provides a simple container for HTML5 Audio.
 * 
Recommended types: Uncompressed WAV and AIF audio, MP3 audio, and AAC-LC or HE-AAC audio
 * 
 * 
Useful Properties
 * 

 *   
{@link #url}
 *   
{@link #autoPause}
 *   
{@link #autoResume}
 * 
 * 
 * 
Useful Methods
 * 

 *   
{@link #pause}
 *   
{@link #play}
 *   
{@link #toggle}
 * 
 * 
 * 
Screenshot:
 * 

 * 
 * 
Example code:
 * 

var pnl = new Ext.Panel({
    fullscreen: true,
    items: [
        {
            xtype: 'audio',
            url  : "who-goingmobile.mp3"
        }
    ]
});
 * @xtype audio
 */
Ext.Audio = Ext.extend(Ext.Media, {
    
/**
     * @constructor
     * @param {Object} config
     * Create a new Audio container.
     */

    
/**
     * @cfg {String} url
     * Location of the audio to play.
     */

    componentCls: 'x-audio',
    
    // @private
    onActivate: function(){
        Ext.Audio.superclass.onActivate.call(this);
        if (Ext.is.Phone) {
            this.media.show();
        }    
    },
    
    // @private
    onDeactivate: function(){
        Ext.Audio.superclass.onDeactivate.call(this);
        if (Ext.is.Phone) {
            this.media.hide();
        }
    },
    
    // @private
    getConfiguration: function(){
        var hidden = !this.enableControls;
        if (!Ext.supports.AudioTag) {
            return {
                tag: 'embed',
                type: 'audio/mpeg',
                target: 'myself',
                controls: 'true',
                hidden: hidden
            };
        } else {
            return {
                tag: 'audio',
                hidden: hidden
            };
        }    
    }
});

Ext.reg('audio', Ext.Audio);