Results 1 to 2 of 2

Thread: iOS click sound on every button tap

  1. #1
    Sencha User
    Join Date
    Sep 2011
    Posts
    46
    Answers
    1
    Vote Rating
    0
      0  

    Default iOS click sound on every button tap

    In our application we use PhoneGap to interact with the device. We've implemented a custom plugin in PhoneGap to play the default tick sound (fastest way to play sounds possible).

    As for the Sencha part, we've overriden the onTap function of Ext.Button to send a signal to PhoneGap to play the tick sound.

    Override buttons to play the default sound

    Code:
    // Adds a sound to button tap
    Ext.define('Enhancements.Button', {
        override: 'Ext.Button',
        onTap: function(e) {
            if (this.getDisabled()) {
                return false;
            }
    
    
            common.playAlertSound();
            this.fireAction('tap', [this, e], 'doTap');
        }
    });
    Objective C for playing the iOS default sound
    Code:
    - (void) playAlertSound:(NSMutableArray *)arguments withDict:(NSMutableDictionary *)options {
        AudioServicesPlayAlertSound(0x450);
    }
    Feel free to use the code above in your own projects.

    Two questions:
    1. Is this the proper way to add the common.playAlertSound invoke to all buttons?
    2. In some situations we have quite a lot of logic going on after you tap on a button. This causes load to the browser and therefore delaying the tick sound. How could I solve this? Perhaps delay the actual action that is called on button tap?

  2. #2
    Sencha User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,029
    Answers
    3976
    Vote Rating
    1368
      0  

    Default

    There really isn't a way you can get the audio to always sync up. The best you can do I guess is delay the button tap logic but that may seem sluggish to the user.
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens

Tags for this Thread

Posting Permissions

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