add extjs 6.0.1 sources

[extjs.git] / extjs / build / examples / kitchensink / modern / src / view / Audio.js

/**\r
 * Demonstrates usage of the Ext.Audio component\r
 */\r
Ext.define('KitchenSink.view.Audio', {\r
    extend: 'Ext.Container',\r
    requires: [\r
        'Ext.Audio'\r
    ],\r
    config: {\r
        listeners: {\r
            hide: function () {\r
                var video = this.down('audio');\r
                video.fireEvent('hide');\r
            },\r
            show: function () {\r
                var video = this.down('audio');\r
                video.fireEvent('show');\r
            }\r
        },\r
        layout: Ext.os.is.Android ? {\r
            type: 'vbox',\r
            pack: 'center',\r
            align: 'center'\r
        } : 'fit',\r
        items: Ext.os.is.Android ? [\r
            {\r
                xtype: 'audio',\r
                cls: 'myAudio',\r
                url: 'modern/resources/audio/crash.mp3',\r
                loop: true,\r
                enableControls: false\r
            },\r
            {\r
                xtype : 'button',\r
                text  : 'Play audio',\r
                margin: 20,\r
                handler: function() {\r
                    var audio = this.getParent().down('audio');\r
\r
                    if (audio.isPlaying()) {\r
                        audio.pause();\r
                        this.setText('Play audio');\r
                    } else {\r
                        audio.play();\r
                        this.setText('Pause audio');\r
                    }\r
                }\r
            }\r
        ] : [\r
            {\r
                xtype: 'audio',\r
                cls: 'myAudio',\r
                url: 'modern/resources/audio/crash.mp3',\r
                loop: true\r
            }\r
        ]\r
    }\r
});\r