fails to implement solution on ios

[urbilog]

Hi.
I’m currently working on a recently updated Ionic app.
It’s currently in IONIC 6 version.
I have to add some custom controls on earbuds input.
According to the documentation (https://ionicframework.com/docs/v5/native/music-controls) it is possible with music control (https://github.com/ghenry22/cordova-plugin-music-controls2).
I’ve tried on Android and it work perfectly !
But I can’t manage to trigger any earbud event on IOS.
I saw that the ionic documentation for music control is for Ionic v5.
I asked on the Ionic Discord if it is still available for Ionic v6 they said it should be but I should ask here.
I wondered that the problem could be linked to my app, so I just created a blank app but still no event triggered on iOS.

home.page.ts
`
import { Component } from '@angular/core';
import { MusicControls } from '@awesome-cordova-plugins/music-controls/ngx';

@component({
selector: 'app-home',
templateUrl: 'home.page.html',
styleUrls: ['home.page.scss'],
})
export class HomePage {

constructor(private musicControls: MusicControls) {}

ngOnInit() {

this.musicControls.create({
  hasPrev: false,
  hasNext: false,
  isPlaying: false
});
this.musicControls.subscribe().subscribe(action => {
  const message = JSON.parse(action).message
  console.log('1', JSON.parse(action))
  console.log('2', message)

  if(message === 'music-controls-toggle-play-pause') {
    console.log('IOS PLAY/PAUSE')
  }
  if(message === 'music-controls-toggle-play') {
    console.log('IOS PLAY')
  }
  if(message === 'music-controls-toggle-pause') {
    console.log('IOS PAUSE')
  }
  if(message === 'music-controls-media-button-play-pause') {
    console.log('ANDROID PLAY/PAUSE')
  }
  if(message === 'music-controls-media-button-play') {
    console.log('ANDROID PLAY')
  }
  if(message === 'music-controls-media-button-pause') {
    console.log('ANDROID PAUSE')
  }
})
this.musicControls.listen();

}

ngOnDestroy() {
this.musicControls.destroy();
}
}
`