我使用離子3 +離子原生媒體+離子原生音樂控制但音樂控制不起作用。點擊Play/Pause on Music Controls沒有任何事情發生。媒體串流效果很好。離子音樂控制不起作用|離子3 +離子原生媒體+離子原生音樂控制
我已經安裝了當然需要的所有cordova插件。
我在能力ON '音頻' 選項切換 - > '背景模式' 使用XCODE 9.
我在iOS(10.3/11)模擬器和設備,並在Android平板測試它設備。
的Home.html
<ion-content padding>
<!-- Bind the click event to a method -->
<button ion-button (click)="play()">
play file!
</button>
<button ion-button (click)="pause()">
pause file!
</button>
</ion-content>
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-next':
// Do something
break;
case 'music-controls-previous':
// Do something
break;
case 'music-controls-pause':
// Do something
console.log('musc pause');
this.pause();
break;
case 'music-controls-play':
// Do something
console.log('music play');
this.play();
break;
case 'music-controls-destroy':
// Do something
break;
// External controls (iOS only)
case 'music-controls-toggle-play-pause' :
// Do something
break;
case 'music-controls-seek-to':
// Do something
break;
case 'music-controls-skip-forward':
// Do something
break;
case 'music-controls-skip-backward':
// Do something
break;
// Headset events (Android only)
// All media button events are listed below
case 'music-controls-media-button' :
// Do something
break;
case 'music-controls-headset-unplugged':
// Do something
break;
case 'music-controls-headset-plugged':
// Do something
break;
default:
break;
}
}
this.musicControls.listen(); // activates the observable above
this.musicControls.updateIsPlaying(true);
});
}
pause(){
this.file.pause();
}
}
我創建從離子起動最小離子空白的應用程序,與媒體播放(作品)和音樂控制(沒有工作) ,它可以在GitHub上進行測試:
https://github.com/fdambrosio/ionic-media-controls
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
更新 - 解決
隨着最新的科爾多瓦 - 音樂控制插件版本(2.1.3)這個問題都解決了。 https://github.com/fdambrosio/ionic-media-controls
我測試了很多插件版本,它只能在iOS上使用1.4.1。 我用這個環境: [email protected] ionic-native/[email protected] [email protected] 播放/暫停是可以點擊的作品,但預先顯示/ hasNext按鈕始終顯示在iOS 11上。 – Francesco