如何停止资产音频播放器（assets_audio_player 包），同时导航到下一页

Question

在我的代码中，我使用 Asset Audio 播放器包来播放背景音乐。但在我导航到下一页后，它仍然继续播放音乐。我应该如何在导航到下一页时停止它？

----------------这是我的代码----------------

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:toffeeride_flutterapp/screens/content_screen/content_screen.dart';
import 'package:assets_audio_player/assets_audio_player.dart';
class HomeScreen extends StatefulWidget {
  static const routeName = "/home_screen";

  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  AssetsAudioPlayer? _assetsAudioPlayer;
  @override
  void initState() {
    super.initState();
   

    _assetsAudioPlayer = AssetsAudioPlayer();
    AssetsAudioPlayer.newPlayer().open(
      Audio("assets/audio/bgm.mp3"),
      autoStart: true,
      showNotification: true,
    );
    _assetsAudioPlayer!.play();
  }

  @override
  void deactivate() {
    SystemChrome.setPreferredOrientations([
      DeviceOrientation.landscapeRight,
      DeviceOrientation.landscapeLeft,
      DeviceOrientation.portraitUp,
      DeviceOrientation.portraitDown,
    ]);

    super.deactivate();
  }
  @override
  void dispose() { 
     _assetsAudioPlayer = null;
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
     SystemChrome.setPreferredOrientations([
      DeviceOrientation.landscapeRight,
      DeviceOrientation.landscapeLeft,
    ]);
    return Scaffold(
      body: Container(
          height: MediaQuery.of(context).size.height,
          width: MediaQuery.of(context).size.width,
          decoration: BoxDecoration(
              image: DecorationImage(
            image: AssetImage('assets/images/home/Sky.png'),
            fit: BoxFit.cover,
          )),
          child: Stack(
            children: [
              Positioned(
                left: 300,
                child: Image(
                    height: MediaQuery.of(context).size.height / 5,
                    image: AssetImage('assets/images/logo/HomeScreenLogo.png')),
              ),
              Positioned(
                child: Container(
                  width: MediaQuery.of(context).size.width,
                  child: Image(
                    image: AssetImage('assets/images/home/Hill.png'),
                    fit: BoxFit.cover,
                  ),
                ),
              ),
              Positioned(
                top: 10,
                right: 3,
                child: Container(
                  width: MediaQuery.of(context).size.width,
                  height: MediaQuery.of(context).size.height,
                  child: Image(
                    image: AssetImage('assets/images/home/elements.png'),
                    fit: BoxFit.cover,
                  ),
                ),
              ),
              Positioned(
                top: 20,
                left: 20,
                child: GestureDetector(
                  onTap: () {
                   Navigator.pushReplacement(
                        context,
                        MaterialPageRoute(builder: (context) => ContentScreen()),
                      );
                  },
                  child: Image(
                      height: 70,
                      image: AssetImage(
                          'assets/images/icons/newicons/Menu_150.png')),
                ),
              ),
              Positioned(
                child: Align(
                  alignment: Alignment.centerRight,
                  child: GestureDetector(
                    onTap: () {
                      // Navigator.pushReplacement(
                      //   context,
                      //   MaterialPageRoute(builder: (context) => ModuleListScreen()),
                      // );
                    },
                    child: Image(
                      height: 100,
                      image: AssetImage(
                          'assets/images/icons/newicons/Play_150.png'),
                    ),
                  ),
                ),
              ),
            ],
          )),
    );
  }
}

在我的代码中，我使用资产音频播放器来播放背景音乐。但在我导航到下一页后，它仍然继续播放音乐。我应该如何在导航到下一页时停止它？

----------------这是我的代码----------------

Answer 1

首先，您应该像这样更改您的 initState：

  @override
  void initState() {
super.initState();

_assetsAudioPlayer = 
AssetsAudioPlayer.newPlayer();
_assetsAudioPlayer!.open(
  Audio("assets/audio/bgm.mp3"),
  autoStart: false,
  showNotification: true,
);
_assetsAudioPlayer!.play();
  }

然后在您的导航代码之前添加：

_assetsAudioPlayer!.stop();

Answer 2

onTap: () {
          _assetsAudioPlayer!.stop();
           Navigator.pushReplacement(context,MaterialPageRoute(builder: 
           (context) => ContentScreen()),);
          },

Answer 3

不可为空的旧 flutter 版本的工作代码。像这样创建实例：

final assetsAudioPlayer = AssetsAudioPlayer.newPlayer();

播放：

assetsAudioPlayer.open(
        Audio("assets/audios/youraudiofile.aac"),
        autoStart: true,
        showNotification: false,
      );
      assetsAudioPlayer.play();

停下来：

assetsAudioPlayer.stop();

如何停止资产音频播放器（assets_audio_player 包），同时导航到下一页

How to stop Asset Audio Player(assets_audio_player package) ,while navigate to next page

audio

flutter

flutter-packages