feat:音频播放单例增加声明周期感知

吴启风
1 parent b2af9c1c
Showing 3 changed files with 73 additions and 55 deletions
lib/pages/games/bloc.dart
lib/pages/section/section_page.dart
lib/utils/audio_player_util.dart
@@ -44,7 +44,7 @@ class GamesBloc extends Bloc&lt;GamesEvent, GamesState&gt; {
   }
  
   void _gotoGamePage(GotoGamePageEvent event, Emitter<GamesState> emit) async {
-    AudioPlayerUtil.getInstance().pause();
+    await AudioPlayerUtil.getInstance().pause();
     try {
       _methodChannel = const MethodChannel('wow_english/game_method_channel');
       await _methodChannel
@@ -59,7 +59,7 @@ class _SectionPageView extends StatelessWidget {
   Widget build(BuildContext context) {
     final bloc = BlocProvider.of<SectionBloc>(context);
     return BlocListener<SectionBloc, SectionState>(
-      listener: (context, state) {
+      listener: (context, state) async {
         if (state is RequestVideoLessonState) {
           final videoUrl = bloc.processEntity?.videos?.videoUrl ?? '';
           var title = '';
@@ -103,40 +103,36 @@ class _SectionPageView extends StatelessWidget {
             ///视频类型
             ///获取视频课程内容
             if (state.courseType == 1) {
-              AudioPlayerUtil.getInstance()
+              await AudioPlayerUtil.getInstance()
                   .playAudio(AudioPlayerUtilType.musicTime);
             } else {
-              AudioPlayerUtil.getInstance()
+              await AudioPlayerUtil.getInstance()
                   .playAudio(AudioPlayerUtilType.videoTime);
             }
-            Future.delayed(const Duration(seconds: 1), () {
-              bloc.add(RequestVideoLessonEvent(
-                  state.courseLessonId, state.courseType));
-            });
+            bloc.add(RequestVideoLessonEvent(
+                state.courseLessonId, state.courseType));
  
             return;
           }
  
           if (state.courseType == SectionType.pictureBook.value) {
-            AudioPlayerUtil.getInstance()
+            await AudioPlayerUtil.getInstance()
                 .playAudio(AudioPlayerUtilType.readingTime);
-            Future.delayed(const Duration(seconds: 1), () {
-              //绘本
-              pushNamed(AppRouteName.reading,
-                      arguments: {'courseLessonId': state.courseLessonId})
-                  .then((value) {
-                if (value != null) {
-                  Map<String, dynamic> dataMap = value as Map<String, dynamic>;
-                  bloc.add(RequestEndClassEvent(
-                    dataMap['courseLessonId']!,
-                    dataMap['isCompleted'],
-                    currentStep: dataMap['currentStep'],
-                    autoNextSection: dataMap['nextSection'],
-                  ));
-                  AudioPlayerUtil.getInstance()
-                      .playAudio(AudioPlayerUtilType.countWithMe);
-                }
-              });
+            //绘本
+            pushNamed(AppRouteName.reading,
+                    arguments: {'courseLessonId': state.courseLessonId})
+                .then((value) {
+              if (value != null) {
+                Map<String, dynamic> dataMap = value as Map<String, dynamic>;
+                bloc.add(RequestEndClassEvent(
+                  dataMap['courseLessonId']!,
+                  dataMap['isCompleted'],
+                  currentStep: dataMap['currentStep'],
+                  autoNextSection: dataMap['nextSection'],
+                ));
+                AudioPlayerUtil.getInstance()
+                    .playAudio(AudioPlayerUtilType.countWithMe);
+              }
             });
  
             return;
@@ -144,22 +140,20 @@ class _SectionPageView extends StatelessWidget {
  
           if (state.courseType == SectionType.practice.value) {
             //练习
-            AudioPlayerUtil.getInstance()
+            await AudioPlayerUtil.getInstance()
                 .playAudio(AudioPlayerUtilType.quizTime);
-            Future.delayed(const Duration(seconds: 1), () {
-              pushNamed(AppRouteName.topicPic,
-                      arguments: {'courseLessonId': state.courseLessonId})
-                  .then((value) {
-                if (value != null) {
-                  Map<String, dynamic> dataMap = value as Map<String, dynamic>;
-                  bloc.add(RequestEndClassEvent(
-                      dataMap['courseLessonId']!, dataMap['isCompleted'],
-                      currentStep: dataMap['currentStep'],
-                      autoNextSection: dataMap['nextSection']));
-                }
-                AudioPlayerUtil.getInstance()
-                    .playAudio(AudioPlayerUtilType.countWithMe);
-              });
+            pushNamed(AppRouteName.topicPic,
+                    arguments: {'courseLessonId': state.courseLessonId})
+                .then((value) {
+              if (value != null) {
+                Map<String, dynamic> dataMap = value as Map<String, dynamic>;
+                bloc.add(RequestEndClassEvent(
+                    dataMap['courseLessonId']!, dataMap['isCompleted'],
+                    currentStep: dataMap['currentStep'],
+                    autoNextSection: dataMap['nextSection']));
+              }
+              AudioPlayerUtil.getInstance()
+                  .playAudio(AudioPlayerUtilType.countWithMe);
             });
             return;
           }
 import 'package:audioplayers/audioplayers.dart';
+import 'package:flutter/cupertino.dart';
 import 'package:wow_english/common/extension/string_extension.dart';
  
 enum AudioPlayerUtilType {
@@ -18,15 +19,18 @@ enum AudioPlayerUtilType {
   final String path;
 }
  
-class AudioPlayerUtil {
+class AudioPlayerUtil extends WidgetsBindingObserver {
   static AudioPlayerUtil? _instance;
-  late AudioPlayer audioPlayer;
+  late AudioPlayer _audioPlayer;
   late AudioPlayerUtilType currentType;
+  bool _wasPlaying = false;
  
   // 私有构造函数
   AudioPlayerUtil._internal() {
-    audioPlayer = AudioPlayer();
-    audioPlayer.onPlayerStateChanged.listen((event) async {
+    // 监听应用生命周期
+    WidgetsBinding.instance.addObserver(this);
+    _audioPlayer = AudioPlayer();
+    _audioPlayer.onPlayerStateChanged.listen((event) async {
       if (event == PlayerState.completed) {
         // 播放结束再次播放
         if (currentType == AudioPlayerUtilType.inMyTummy) {
@@ -56,26 +60,46 @@ class AudioPlayerUtil {
   Future<void> playAudio(AudioPlayerUtilType type) async {
     currentType = type;
     String path = type.path;
-    await audioPlayer.play(AssetSource(path.assetMp3), volume: 0.5);
-    await audioPlayer.onPlayerComplete.first;
+    await _audioPlayer.play(AssetSource(path.assetMp3), volume: 0.5);
+    await _audioPlayer.onPlayerComplete.first;
   }
  
   // stop
-  void stop() {
-    audioPlayer.stop();
+  Future<void> stop() async {
+    _audioPlayer.stop();
   }
  
   // pause
-  void pause() {
-    if (audioPlayer.state == PlayerState.playing) {
-      audioPlayer.pause();
+  Future<void> pause() async {
+    if (_audioPlayer.state == PlayerState.playing) {
+      _audioPlayer.pause();
     }
   }
  
   // resume
-  void resume() {
-    if (audioPlayer.state == PlayerState.paused) {
-      audioPlayer.resume();
+  Future<void> resume() async {
+    if (_audioPlayer.state == PlayerState.paused) {
+      _audioPlayer.resume();
     }
   }
+
+  @override
+  void didChangeAppLifecycleState(AppLifecycleState state) async {
+    if (state == AppLifecycleState.paused) {
+      if (_audioPlayer.state == PlayerState.playing) {
+        _wasPlaying = true;
+        await pause();
+      };
+    } else if (state == AppLifecycleState.resumed) {
+      if (_wasPlaying == true) {
+        _wasPlaying = false;
+        await resume();
+      }
+    }
+  }
+
+  void dispose() {
+    _audioPlayer.dispose();
+    WidgetsBinding.instance.removeObserver(this);
+  }
 }