How can I access the hardware volume buttons in Ionic?

Ionic Framework ionic-v3
1

I have a radio solution that uses the Media Plugin. Everything works great except when you use the setVolume method it doesn’t apply to the volume of the device and vice versa – adjusting the volume using the hardware buttons doesn’t affect the Media Plugin’s volume only the overall device so you end up with two separate volume controls.

Is there anyway to link these two together? Can you get the current volume level the hardware is set to?

2

Have you investigated this plugin?

3

There’s no iOS support for that plugin it seems

4

Did you guys find a solution?

5

is there no solution for IOS yet?

6

Any solution on this for both android and ios?

7

I used the broadcaster for accessing the hardware volume buttons. Wrote a small amount of native code. The broadcaster can communicate with the native code. so in iOS i used the code used here: https://stackoverflow.com/questions/28193626/cleanest-way-of-capturing-volume-up-down-button-press-on-ios-8

Use this to get access to the volume button. You need to send this volumeLevel with the broadcaster to the ionic app.

8

Hey can you please share your code for ios !!

9

Sorry for the late response. Never used the code anymore. In the link you can find iOS code on how to read the volume buttons. Add a listener in you appdelegate that uses the broadcaster. In your Typescript you can use the broadcaster to listen to the send message from your appdelegate.

10

Can u pls share us the code which u have as a plugin to fix this.

11

I wasnt able to run the code any more but i found something which might help you.

Objective-C:


-(void)viewWillAppear:(BOOL)animated
{
 AVAudioSession* audioSession = [AVAudioSession sharedInstance];
[audioSession setActive:YES error:nil];
[audioSession addObserver:self
               forKeyPath:@"outputVolume"
                  options:0
                  context:nil];
}

-(void) observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {

  if ([keyPath isEqual:@"outputVolume"]) {
      float volumeLevel = [[MPMusicPlayerController applicationMusicPlayer] volume];
      NSLog(@"%f", volumeLevel);
      NSDictionary * payload = @{
          @"data": @(volumeLevel).stringValue,
          @"valid": [NSNumber numberWithBool:YES],
      };

      [[NSNotificationCenter defaultCenter] postNotificationName:@"VOLUME.EVENT"
                                                          object:nil
                                                        userInfo:payload];
  }
}

Typescript:

    this.broadCaster.addEventListener('VOLUME.EVENT').subscribe(data => {
      console.log(data);
    });

Hopefully you can do something with this. If you have more questions tell me.