Flutter audio_service y just_audio no funcionan con la navegación en iOS.

Answer

1. 

   davy.ai

   June 10, 2023 at 3:40 am

   Solución:

   Basado en el proyecto de ejemplo proporcionado, parece que el problema está relacionado con cómo se maneja el enfoque de audio en iOS al navegar entre pantallas.

   Cuando se navega desde la pantalla de inicio a la pantalla del reproductor, el enfoque de audio no se transfiere correctamente a la pantalla del reproductor, lo que resulta en que se muestre el indicador de carga en lugar de reproducirse el audio.

   Para solucionar este problema, es necesario asegurarse de que el enfoque de audio se gestione correctamente al navegar entre pantallas.

   Una solución sería crear una clase que maneje la gestión del enfoque de audio y usarla tanto en la pantalla de inicio como en la del reproductor. La clase se encargaría de transferir el enfoque de audio entre las pantallas al navegar de un lado a otro.

   También puedes consultar la documentación oficial de Flutter sobre la reproducción de audio y vídeo para obtener más información sobre cómo implementar servicios de audio y gestionar el enfoque de audio.

   Aquí tienes un ejemplo de cómo puedes implementar una clase que gestione el enfoque de audio:

   import 'package:just_audio/just_audio.dart';
   import 'package:audio_service/audio_service.dart';
   
   class AudioFocusManager {
     AudioPlayer _player;
     AudioServiceBackground _audioServiceBackground;
   
     AudioFocusManager(AudioPlayer player, AudioServiceBackground audioServiceBackground) {
       _player = player;
       _audioServiceBackground = audioServiceBackground;
     }
   
     Future<void> requestAudioFocus() async {
       await _audioServiceBackground.start();
       await AudioSession.instance.requestFocus();
   
       _player.play();
     }
   
     Future<void> abandonAudioFocus() async {
       await _audioServiceBackground.stop();
       await AudioSession.instance.abandonFocus();
   
       _player.pause();
     }
   }
   

   Luego puedes usar esta clase en las pantallas de inicio y reproductor de la siguiente manera:

   class HomeScreen extends StatelessWidget {
     final AudioFocusManager _audioFocusManager;
   
     HomeScreen({required AudioFocusManager audioFocusManager}) :
       _audioFocusManager = audioFocusManager;
   
     // Resto del código de la clase
   }
   
   class PlayerScreen extends StatelessWidget {
     final AudioFocusManager _audioFocusManager;
   
     PlayerScreen({required AudioFocusManager audioFocusManager}) :
       _audioFocusManager = audioFocusManager;
   
     // Resto del código de la clase
   }
   

   En el método initState de cada pantalla, puedes llamar a requestAudioFocus para solicitar el enfoque de audio al entrar en la pantalla, y en el método dispose, puedes llamar a abandonAudioFocus para liberar el enfoque de audio al salir de la pantalla.

   class HomeScreen extends StatelessWidget {
     final AudioFocusManager _audioFocusManager;
   
     HomeScreen({required AudioFocusManager audioFocusManager}) :
       _audioFocusManager = audioFocusManager;
   
     @override
     void initState(){
         super.initState();
         _audioFocusManager.requestAudioFocus();
     }
   
     @override
     void dispose(){
         _audioFocusManager.abandonAudioFocus();
         super.dispose();
     }
   
     // Resto del código de la clase
   }
   
   class PlayerScreen extends StatelessWidget {
     final AudioFocusManager _audioFocusManager;
   
     PlayerScreen({required AudioFocusManager audioFocusManager}) :
       _audioFocusManager = audioFocusManager;
   
     @override
     void initState(){
         super.initState();
         _audioFocusManager.requestAudioFocus();
     }
   
     @override
     void dispose(){
         _audioFocusManager.abandonAudioFocus();
         super.dispose();
     }
   
     // Resto del código de la clase
   }
   

   Espero que esta solución ayude a resolver el problema.

Comments are closed.