Ionic Music Controls不起作用离子3离子原生媒体离子原生音乐控制

2 回答

• 1

  Jus删除了 functions(action) { 行，它正在关闭 } 并且它会起作用 .

  回复于 2024-04-26T14:16:01+08:00
• 0

  我有这个：

  radio.ts

  import { Component } from '@angular/core';
  import { IonicPage, LoadingController, AlertController, Platform } from 'ionic-angular';
  import { MusicControls } from '@ionic-native/music-controls';
  import { RadioPlayer } from '../../providers/radio-player/radio-player';
  
  @IonicPage()
  @Component({
    selector: 'page-radio',
    templateUrl: 'radio.html',
  })
  export class RadioPage {
  
    public playing: boolean = false;
    private loadingPopup: any;
    public icono: string = 'play';
    radio = {
      title: "UFM Radio",
      description: "UFPSOcaña",
      url: "http://ufm.ufpso.edu.co:8000/ufm.ogg",
      image: "assets/radioUFM.png"
    };
  
    constructor(
      private platform: Platform,
      private musicControls: MusicControls,
      public loadingCtrl: LoadingController,
      public alertCtrl: AlertController,
      public myplayer: RadioPlayer,
    ) {
  
      if (this.myplayer.stream) {
        this.eventPlay(true);
      }
      if (this.platform.is('cordova')) {
        this.myplayer.createNotificationMusic();    // Crear el controlador de musica
        this.musicControls.listen();                // activates the observable above
        this.musicControls.subscribe().subscribe(action => {
          this.eventos(action)                      // Notificacion
        });
      }
  
    }
  
    reproductor() {
      (this.playing) ? this.pause() : this.play();    // De acuerdo al estado activa o no la musica
    }
  
    play() {
      this.loadingPopup = this.loadingCtrl.create({     // Crea el cargando
        spinner: 'dots',
        content: ''
      });
      this.loadingPopup.present();
  
      this.myplayer.play(this.radio.url).then(() => {
        this.eventPlay(true);                             /* Coloca el icono y el estado */
        this.loadingPopup.dismiss();                      // Quitar Cargando
        if (this.platform.is('cordova')) {
          this.musicControls.updateIsPlaying(true);     // Actualiza el icono de la barra de navegacion
        }
      }).catch(error => {
        this.presentAlert("Error msg= " + error + "<br>Radio url = " + this.radio.url);
        this.pause();
        this.eventPlay(false);
        this.loadingPopup.dismiss();
      });
  
    }
  
    public eventPlay(valor) {
      this.icono = (valor) ? 'pause' : 'play';
      this.playing = valor;
    }
  
    eventos(action) {
      const message = JSON.parse(action).message;
      switch (message) {
        case 'music-controls-pause':
          this.myplayer.pause();
          this.musicControls.updateIsPlaying(false);
          this.eventPlay(false);
          break;
        case 'music-controls-play':
          this.myplayer.play(this.radio.url).then(() => {
            this.musicControls.updateIsPlaying(true);
            this.eventPlay(true);
          }).catch(error => {
            this.presentAlert("Error msg= " + error + "<br>Radio url = " + this.radio.url);
            this.pause();
            this.eventPlay(false);
          });
          break;
        case 'music-controls-destroy':
          this.myplayer.pause();
          // Do something
          break;
        case 'music-controls-toggle-play-pause':
          // Do something
          break;
        case 'music-controls-seek-to':
          // Do something
          break;
        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;
      }
    }
  
    pause() {
      this.eventPlay(false);
      if (this.platform.is('cordova')) {
        this.musicControls.updateIsPlaying(false);
      }
      this.myplayer.pause();
    }
  
    presentAlert(title) {
      let alert = this.alertCtrl.create({
        title: title,
        buttons: ['OK']
      });
      alert.present();
    }
  
  
  }
  

  提供商/无线电player.ts

  import { MusicControls } from '@ionic-native/music-controls';
  import { Injectable } from '@angular/core';
  
  @Injectable()
  export class RadioPlayer {
  
      public stream: any;
      promise: any;
      radio = {
          title: "UFM Radio",
          description: "UFPSOcaña",
          url: "http://ufm.ufpso.edu.co:8000/ufm.ogg",
          image: "assets/radioUFM.png"
      };
  
      constructor(private musicControls: MusicControls) { };
  
      createNotificationMusic() {
          return this.musicControls.create({
              track: this.radio.description,
              artist: this.radio.title,
              cover: this.radio.image,
              isPlaying: false,
              dismissable: false,
              hasPrev: false,
              hasNext: false,
              hasSkipForward: false,
              hasSkipBackward: false,
              skipForwardInterval: 0,
              skipBackwardInterval: 0,
              hasClose: true,
              album: '',
              duration: 0,
              elapsed: 0,
              ticker: 'Ahora estas escuchando la' + this.radio.title
          });
      }
  
      play(url) {
          if (this.stream == null) {
              this.stream = new Audio(url);
              this.stream.play();
              this.stream.volume = 1;
          }
  
          this.promise = new Promise((resolve, reject) => {
              this.stream.addEventListener('playing', () => {
                  resolve(true);
              });
              this.stream.addEventListener('error', () => {
                  reject(false);
              });
          });
          return this.promise;
      };
  
      pause() {
          this.stream.pause();
          this.stream = null;
      };
  
  
  
  
  }
  

  回复于 2024-04-26T14:16:01+08:00