Ionic native music controls plugin notification show meta wrong in IOS

Ionic Native
1

Hi
i use belowe code for showing music controls in ios but as you seen in screenshot it show “ionic app” in notification panel,
How i Fix this ?

myMusicControler(song){
    this.musicControls.create({
      track       : song.title,
      artist      : song.artist,
      cover       : song.cover2,
      isPlaying   : true,
      dismissable : true,

      hasPrev   : true,
      hasNext   : true,
      hasClose  : true,
    });

    this.musicControls.subscribe().subscribe(action => {
        const message = JSON.parse(action).message;
            switch(message) {
                case 'music-controls-next':
                    this.nextPlay();
                    break;
                case 'music-controls-previous':
                    this.previewPlay();
                    break;
                case 'music-controls-pause':
                    this.myplay();
                    this.musicControls.updateIsPlaying(false);
                    break;
                case 'music-controls-play':
                    this.myplay();
                    this.musicControls.updateIsPlaying(true);
                    break;
                case 'music-controls-destroy':
                    // Do something
                    break;
                  }
      });
        this.musicControls.listen();
    }

screenshot-
screenshot-.jpg591×888 45.2 KB

2

I’m using Ionic 3 + Ionic Native Media + Ionic Native Music Controls but music controls doesn’t works. Clicking Play / Pause using Music Controls (on LockedScreen/ControlCenter) nothing happen. Media streaming works well.

I’m testing it on iOS (10.3 / 11) simulator and device, and on Android (5.1) tablet.

I’ve installed all cordova plugins required, of course.
I’ve switched ON the ‘Audio’ option in Capabilities -> ‘Background Modes’ using XCODE 9.

I’ve created a minimal ionic blank app from ionic starter, with Media stream (works) and Music Controls (not works), it’s available on github for testing :

Home.html

play file! pause file! Home.ts

import { Component } from ‘@angular/core’;
import { NavController } from ‘ionic-angular’;
import { Media, MediaObject } from ‘@ionic-native/media’;
import { MusicControls } from ‘@ionic-native/music-controls’;

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})    
export class HomePage {
      file: MediaObject;
      constructor(private musicControls: MusicControls, private media: Media, public navCtrl: NavController) {
      }
      play(){
        this.file = this.media.create('https://archive.org/download/db2007-05-20.rm.flac16/db2007-05-20d1t01.mp3');
        this.file.play();

        this.musicControls.destroy(); // it's the same with or without the destroy 
        this.musicControls.create({
          track       : 'Test track',        // optional, default : ''
          artist      : 'test artist',                       // optional, default : ''
          cover       : '',      // optional, default : nothing
          // cover can be a local path (use fullpath 'file:///storage/emulated/...', or only 'my_image.jpg' if my_image.jpg is in the www folder of your app)
          //           or a remote url ('http://...', 'https://...', 'ftp://...')
          isPlaying   : true,                         // optional, default : true
          dismissable : true,                         // optional, default : false

          // hide previous/next/close buttons:
          hasPrev   : false,      // show previous button, optional, default: true
          hasNext   : false,      // show next button, optional, default: true
          hasClose  : true,       // show close button, optional, default: false

        // iOS only, optional
          album       : 'test album',     // optional, default: ''
          duration : 0, // optional, default: 0
          elapsed : 0, // optional, default: 0
          hasSkipForward : true,  // show skip forward button, optional, default: false
          hasSkipBackward : true, // show skip backward button, optional, default: false
          skipForwardInterval: 15, // display number for skip forward, optional, default: 0
          skipBackwardInterval: 15, // display number for skip backward, optional, default: 0

          // Android only, optional
          // text displayed in the status bar when the notification (and the ticker) are updated
          ticker    : 'Now playing test'
         });
         this.musicControls.subscribe().subscribe(action => {
             function events(action) {
              console.log('action', action);
               const message = JSON.parse(action).message;

                   switch(message) {
                       case 'music-controls-pause':
                           console.log('musc pause'); // not work
                           this.pause();
                           break;
                       case 'music-controls-play':
                           console.log('music play'); // not work
                       case 'music-controls-destroy':
                           // Do something
                           break;

                        default:
                            break;
                    }
               }

           this.musicControls.listen(); // activates the observable above
           this.musicControls.updateIsPlaying(true);

        });
    }

      pause(){
        this.file.pause();
      }
    }

Ionic Info:

@ionic/cli-utils : 1.12.0
ionic (Ionic CLI) : 3.12.0

global packages:

cordova (Cordova CLI) : 7.0.1
local packages:

@ionic/app-scripts : 3.0.0
Cordova Platforms : ios 4.5.1
Ionic Framework : ionic-angular 3.7.1
System:

ios-deploy : 1.9.2
ios-sim : 6.1.2
Node : v6.11.2
npm : 5.4.2
OS : macOS Sierra
Xcode : Xcode 9.0 Build version 9A235

3

What appears in config.xml for the app name?

4

Hi
My App Name is in config.xml

i don’t know why title and artist not show in IOS, in android everythings ok